diff --git a/src/app/content/components/Topbar/index.spec.tsx b/src/app/content/components/Topbar/index.spec.tsx index 662240a83c..024219d63b 100644 --- a/src/app/content/components/Topbar/index.spec.tsx +++ b/src/app/content/components/Topbar/index.spec.tsx @@ -103,8 +103,9 @@ const dispatchSearchShortcut = (target: HTMLElement | undefined) => { ); const tb = node.querySelector('[class*="TopBar"]'); + expect(document?.activeElement?.tagName).toBe('INPUT'); act(() => dispatchSearchShortcut(tb!)); - act(() => dispatchSearchShortcut(tb!)); + expect(document?.activeElement?.tagName).toBe('MAIN'); }); it('goes to search results when provided', () => { @@ -124,7 +125,9 @@ const dispatchSearchShortcut = (target: HTMLElement | undefined) => { store.dispatch(receiveSearchResults(makeSearchResults())); act(() => dispatchSearchShortcut(tb!)); + expect(document?.activeElement?.tagName).toBe('INPUT'); act(() => dispatchSearchShortcut(tb!)); + expect(document?.activeElement?.classList.contains('SearchResultsBar')).toBe(true); }); it('aborts on mobile', () => { @@ -142,10 +145,11 @@ const dispatchSearchShortcut = (target: HTMLElement | undefined) => { const tb = node.querySelector('[class*="TopBar"]'); act(() => dispatchSearchShortcut(tb!)); + expect(document?.activeElement?.tagName).toBe('INPUT'); act(() => dispatchSearchShortcut(tb!)); + expect(document?.activeElement?.tagName).not.toBe('MAIN'); }); - it('doesn\'t dispatch search for empty string', () => { const component = render(); const findById = makeFindByTestId(component.root);