Ensure focus is restored to last active element when nav is closed

This commit is contained in:
2018-04-29 10:57:48 +01:00
parent db70a6cb06
commit 7281d9f94f
2 changed files with 15 additions and 2 deletions

View File

@@ -126,12 +126,15 @@ describe('Navigation close button', () => {
describe('Navigation focus behaviour', () => {
let first;
let last;
let menu;
beforeEach(() => {
nav.init();
nav.openNav();
menu = nav.container.querySelector('.Menu');
first = nav.container.querySelector('.Nav-link');
last = nav.container.querySelector('.Nav-close');
menu.focus();
nav.init();
nav.openNav();
});
it('Should apply focus to .Nav-titleLink when opened', () => {
@@ -155,4 +158,10 @@ describe('Navigation focus behaviour', () => {
first.dispatchEvent(event);
expect(document.activeElement).toBe(last);
});
test('Focus is restored to last active element when Navigation is closed', () => {
first.focus();
nav.closeNav();
expect(document.activeElement).toBe(menu);
});
});