skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

build: safari focus trapping test failures (#9075)

Browse Source
This commit is contained in:
Kristiyan Kostadinov
2017-12-20 20:44:08 +01:00
committed by Joey Perrott
parent 9a856d7e39
commit a779017d7c
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/sidenav/drawer.spec.ts
+10 -4
View File
@@ -411,15 +411,17 @@ describe('MatDrawer', () => {
beforeEach(() => {
fixture = TestBed.createComponent(DrawerWithFocusableElements);
fixture.detectChanges();
testComponent = fixture.debugElement.componentInstance;
drawer = fixture.debugElement.query(By.directive(MatDrawer)).componentInstance;
firstFocusableElement = fixture.debugElement.query(By.css('.link1')).nativeElement;
lastFocusableElement = fixture.debugElement.query(By.css('.link1')).nativeElement;
firstFocusableElement = fixture.debugElement.query(By.css('.input1')).nativeElement;
lastFocusableElement = fixture.debugElement.query(By.css('.input2')).nativeElement;
lastFocusableElement.focus();
});
it('should trap focus when opened in "over" mode', fakeAsync(() => {
testComponent.mode = 'over';
fixture.detectChanges();
lastFocusableElement.focus();
drawer.open();
@@ -431,6 +433,7 @@ describe('MatDrawer', () => {
it('should trap focus when opened in "push" mode', fakeAsync(() => {
testComponent.mode = 'push';
fixture.detectChanges();
lastFocusableElement.focus();
drawer.open();
@@ -442,6 +445,7 @@ describe('MatDrawer', () => {
it('should not trap focus when opened in "side" mode', fakeAsync(() => {
testComponent.mode = 'side';
fixture.detectChanges();
lastFocusableElement.focus();
drawer.open();
@@ -717,12 +721,14 @@ class DrawerDynamicPosition {
}
@Component({
// Note: we use inputs here, because they're guaranteed
// to be focusable across all platforms.
template: `
<mat-drawer-container>
<mat-drawer position="start" [mode]="mode">
<a class="link1" href="#">link1</a>
<input type="text" class="input1"/>
</mat-drawer>
<a class="link2" href="#">link2</a>
<input type="text" class="input2"/>
</mat-drawer-container>`,
})
class DrawerWithFocusableElements {