fix tests

coinbase · Nov 21, 2024 · 8d9edea · 8d9edea
1 parent 8da143e
commit 8d9edea
Show file tree

Hide file tree

Showing 4 changed files with 65 additions and 4 deletions.
diff --git a/src/components/LoginButton.test.tsx b/src/components/LoginButton.test.tsx
@@ -1,6 +1,6 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { render, screen } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
+import { beforeAll, describe, expect, it } from 'vitest';
 import { http, WagmiProvider, createConfig } from 'wagmi';
 import { base } from 'wagmi/chains';
 import { mock } from 'wagmi/connectors';
@@ -35,6 +35,22 @@ const renderWithProviders = (component: JSX.Element) => {
 };
 
 describe('LoginButton', () => {
+  beforeAll(() => {
+    Object.defineProperty(window, 'matchMedia', {
+      writable: true,
+      value: (query: string) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: () => {}, // Deprecated
+        removeListener: () => {}, // Deprecated
+        addEventListener: () => {},
+        removeEventListener: () => {},
+        dispatchEvent: () => false,
+      }),
+    });
+  });
+
   it('should render', () => {
     renderWithProviders(<LoginButton />);
     const walletWrapper = screen.getByTestId('ockConnectWallet_Container');

diff --git a/src/components/SignupButton.test.tsx b/src/components/SignupButton.test.tsx
@@ -1,6 +1,6 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { render, screen } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
+import { beforeAll, describe, expect, it } from 'vitest';
 import { http, WagmiProvider, createConfig } from 'wagmi';
 import { base } from 'wagmi/chains';
 import { mock } from 'wagmi/connectors';
@@ -35,6 +35,21 @@ const renderWithProviders = (component: JSX.Element) => {
 };
 
 describe('SignupButton', () => {
+  beforeAll(() => {
+    Object.defineProperty(window, 'matchMedia', {
+      writable: true,
+      value: (query: string) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: () => {}, // Deprecated
+        removeListener: () => {}, // Deprecated
+        addEventListener: () => {},
+        removeEventListener: () => {},
+        dispatchEvent: () => false,
+      }),
+    });
+  });
   it('should render', () => {
     renderWithProviders(<SignupButton />);
     const wallet = screen.getByTestId('ockConnectWallet_Container');

diff --git a/src/components/TransactionWrapper.test.tsx b/src/components/TransactionWrapper.test.tsx
@@ -1,6 +1,6 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { render, screen } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
+import { beforeAll, describe, expect, it } from 'vitest';
 import { http, WagmiProvider, createConfig } from 'wagmi';
 import { base } from 'wagmi/chains';
 import { mock } from 'wagmi/connectors';
@@ -34,6 +34,21 @@ const renderWithProviders = (component: JSX.Element) => {
 };
 
 describe('TransactionWrapper', () => {
+  beforeAll(() => {
+    Object.defineProperty(window, 'matchMedia', {
+      writable: true,
+      value: (query: string) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: () => {}, // Deprecated
+        removeListener: () => {}, // Deprecated
+        addEventListener: () => {},
+        removeEventListener: () => {},
+        dispatchEvent: () => false,
+      }),
+    });
+  });
   it('should renders', () => {
     renderWithProviders(
       <TransactionWrapper address="0xf39Fd6e51aad88F6F4ce6aB8827279cffFb92266" />,

diff --git a/src/components/WalletWrapper.test.tsx b/src/components/WalletWrapper.test.tsx
@@ -1,6 +1,6 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { render, screen } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
+import { beforeAll, describe, expect, it } from 'vitest';
 import { http, WagmiProvider, createConfig } from 'wagmi';
 import { base } from 'wagmi/chains';
 import { mock } from 'wagmi/connectors';
@@ -34,6 +34,21 @@ const renderWithProviders = (Component: React.ComponentType) => {
 };
 
 describe('WalletWrapper', () => {
+  beforeAll(() => {
+    Object.defineProperty(window, 'matchMedia', {
+      writable: true,
+      value: (query: string) => ({
+        matches: false,
+        media: query,
+        onchange: null,
+        addListener: () => {}, // Deprecated
+        removeListener: () => {}, // Deprecated
+        addEventListener: () => {},
+        removeEventListener: () => {},
+        dispatchEvent: () => false,
+      }),
+    });
+  });
   it('should renders', () => {
     renderWithProviders(WalletWrapper);
     const wallet = screen.getByTestId('ockConnectWallet_Container');