Fix test

Amsterdam · Dec 10, 2024 · 3b02efa · 3b02efa
1 parent 3830ac3
commit 3b02efa
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/packages/react/src/Header/Header.test.tsx b/packages/react/src/Header/Header.test.tsx
@@ -1,5 +1,6 @@
 import { render, screen } from '@testing-library/react'
 // import { createRef } from 'react'
+import './matchMedia.mock'
 import { Header } from './Header'
 import '@testing-library/jest-dom'
 

diff --git a/packages/react/src/Header/matchMedia.mock.ts b/packages/react/src/Header/matchMedia.mock.ts
@@ -0,0 +1,15 @@
+// Sourced from https://jestjs.io/docs/29.4/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom
+
+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(),
+  })),
+})