add hasFocus mock

build-tools/jest/setup.js

@@ -6,4 +6,12 @@ if (typeof window !== 'undefined') {
   require('@testing-library/jest-dom/extend-expect');
   const { cleanup } = require('@testing-library/react');
   afterEach(cleanup);
+
+  // Autosuggest input blur handler uses document.hasFocus() to optimize user experience when focus leaves the page.
+  // In JSDOM the hasFocus() always returns false which differs from the in-browser experience, so setting it to true using mock.
+  // See: https://github.com/jsdom/jsdom/issues/3794
+  beforeEach(() => {
+    // eslint-disable-next-line no-undef
+    jest.spyOn(window.document, 'hasFocus').mockImplementation(() => true);
+  });
 }

src/autosuggest/__tests__/autosuggest.test.tsx

@@ -122,8 +122,6 @@ test('entered text option should not get screenreader override', () => {
 });
 
 test('should close dropdown on blur when document is in focus', () => {
-  jest.spyOn(document, 'hasFocus').mockImplementation(() => true);
-
   const { wrapper } = renderAutosuggest(<Autosuggest enteredTextLabel={v => v} value="1" options={defaultOptions} />);
   wrapper.findNativeInput().focus();
   expect(wrapper.findDropdown().findOpenDropdown()).not.toBe(null);