trying to fix deploy error and adding matchMedia to setupTests.ts file

Author: monty2464

package.json

@@ -82,5 +82,10 @@
     "styled-components": "^5.3.5",
     "webpack-cli": "^4.10.0",
     "webpack-dev-server": "^4.9.3"
+  },
+  "jest": {
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/setupTests.ts"
+    ]
   }
 }

src/App.test.tsx

@@ -2,21 +2,6 @@ import { render } from '@testing-library/react'
 import React from 'react'
 import App from './App'
 
-// Add this before your tests run
-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(),
-  })),
-});
-
 test('renders learn react link', () => {
 	render(<App />)
 })

src/setupTests.ts

@@ -5,3 +5,18 @@
  * learn more: https://github.com/testing-library/jest-dom
  */
 import '@testing-library/jest-dom'
+
+// Add this before your tests run
+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(),
+  })),
+});