[ACS-3537] - Fix accessibility issues in personal files ()

* [ACS-3537] - Fix accessibility issues in personal files

* [ACS-3537] - Missing semicolon
This commit is contained in:
MichalKinas 2022-09-21 10:49:16 +02:00 committed by GitHub
parent fdc1dadf26
commit cef23e69f4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 3 deletions

@ -37,6 +37,10 @@ describe('AppComponent', () => {
dispatch: jasmine.createSpy('dispatch')
};
const overlayContainerMock: any = {
getContainerElement: jasmine.createSpy('getContainerElement')
};
const configMock: any = {
get: (key: string) => {
if (key === 'baseShareUrl') {
@ -53,7 +57,7 @@ describe('AppComponent', () => {
router = TestBed.inject(Router);
component = new AppComponent(null, router, null, storeMock, configMock, null, null, null, null, null, null, null, null);
component = new AppComponent(null, router, null, storeMock, configMock, null, null, null, null, null, null, null, null, overlayContainerMock);
storeMock.dispatch = jasmine.createSpy('dispatch');
});

@ -53,6 +53,7 @@ import { RouterExtensionService, AppService, ContentApiService } from '@alfresco
import { DiscoveryEntry, GroupEntry, Group } from '@alfresco/js-api';
import { Subject } from 'rxjs';
import { INITIAL_APP_STATE } from './store/initial-state';
import { OverlayContainer } from '@angular/cdk/overlay';
@Component({
selector: 'app-root',
@ -76,7 +77,8 @@ export class AppComponent implements OnInit, OnDestroy {
private contentApi: ContentApiService,
private appService: AppService,
private sharedLinksApiService: SharedLinksApiService,
private groupService: GroupService
private groupService: GroupService,
private overlayContainer: OverlayContainer
) {}
ngOnInit() {
@ -129,6 +131,8 @@ export class AppComponent implements OnInit, OnDestroy {
this.loadUserProfile();
}
});
this.overlayContainer.getContainerElement().setAttribute('role', 'region');
}
ngOnDestroy() {

@ -23,7 +23,7 @@
#acaExpansionPanel="acaExpansionPanel"
[@.disabled]="true"
>
<mat-expansion-panel-header expandedHeight="48px" collapsedHeight="48px">
<mat-expansion-panel-header expandedHeight="48px" collapsedHeight="48px" role="group">
<mat-panel-title>
<div class="item">
<button