fix: mocking match media in global jest

SenseNet · Jul 25, 2024 · 03c7907 · 03c7907
1 parent e123fe7
commit 03c7907
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 15 deletions.
diff --git a/jest/global-setup.js b/jest/global-setup.js
@@ -1 +1,11 @@
+window.matchMedia =
+  window.matchMedia ||
+  function () {
+    return {
+      matches: false,
+      addListener() {},
+      removeListener() {},
+    }
+  }
+
 require('isomorphic-fetch')
diff --git a/packages/sn-controls-react/test/reference-grid.test.tsx b/packages/sn-controls-react/test/reference-grid.test.tsx
@@ -1,18 +1,3 @@
-/* eslint-disable import/first */
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: jest.fn().mockImplementation((query) => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: jest.fn(), // Deprecated
-    removeListener: jest.fn(), // Deprecated
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn(),
-  })),
-})
-
 import Avatar from '@material-ui/core/Avatar'
 import Dialog from '@material-ui/core/Dialog'
 import IconButton from '@material-ui/core/IconButton'