chore: fix tests

Author: ovflowd

apps/site/components/Common/Tabs/__tests__/index.test.mjs

@@ -5,37 +5,35 @@ import userEvent from '@testing-library/user-event';
 import Link from '../../../Link';
 import Tabs from '../index';
 
-describe('Tabs', () => {
-  const Sut = ({ addons }) => {
-    const tabs = [
-      { key: 'package', label: 'Package Manager' },
-      { key: 'prebuilt', label: 'Prebuilt Installer' },
-      { key: 'source', label: 'Source Code' },
-    ];
-
-    return (
-      <Tabs tabs={tabs} defaultValue="package" addons={addons}>
-        <TabsPrimitive.Content value="package">
-          Package Manager
-        </TabsPrimitive.Content>
-        <TabsPrimitive.Content value="prebuilt">
-          Prebuilt Installer
-        </TabsPrimitive.Content>
-        <TabsPrimitive.Content value="source">
-          Source Code
-        </TabsPrimitive.Content>
-      </Tabs>
-    );
-  };
+const Sut = ({ addons }) => {
+  const tabs = [
+    { key: 'package', label: 'Package Manager' },
+    { key: 'prebuilt', label: 'Prebuilt Installer' },
+    { key: 'source', label: 'Source Code' },
+  ];
+
+  return (
+    <Tabs tabs={tabs} defaultValue="package" addons={addons}>
+      <TabsPrimitive.Content value="package">
+        Package Manager
+      </TabsPrimitive.Content>
+      <TabsPrimitive.Content value="prebuilt">
+        Prebuilt Installer
+      </TabsPrimitive.Content>
+      <TabsPrimitive.Content value="source">Source Code</TabsPrimitive.Content>
+    </Tabs>
+  );
+};
 
+describe('Tabs', () => {
   it('should render the correct number of tabs', () => {
-    render(<Sut />);
+    act(() => render(<Sut />));
 
     expect(screen.getAllByRole('tab')).toHaveLength(3);
   });
 
   it('should render the correct tab content when clicked', async () => {
-    render(<Sut />);
+    act(() => render(<Sut />));
 
     expect(screen.getByRole('tabpanel')).toHaveTextContent('Package Manager');
 
@@ -47,7 +45,7 @@ describe('Tabs', () => {
   });
 
   it('should render the given addons', async () => {
-    render(<Sut addons={<Link href="/">addon</Link>} />);
+    act(() => render(<Sut addons={<Link href="/">addon</Link>} />));
 
     expect(screen.getByRole('link', { name: 'addon' })).toBeInTheDocument();
   });

apps/site/jest.setup.mjs

@@ -1 +1,3 @@
+globalThis.IS_REACT_ACT_ENVIRONMENT = true;
+
 import '@testing-library/jest-dom';

apps/site/providers/__tests__/matterProvider.test.mjs

@@ -1,4 +1,4 @@
-import { render } from '@testing-library/react';
+import { act, render } from '@testing-library/react';
 
 import { MatterProvider, MatterContext } from '@/providers/matterProvider';
 
@@ -9,21 +9,23 @@ const mockContext = {
   readingTime: { text: '', minutes: 0, time: 0, words: 0 },
   filename: '',
   os: 'LOADING',
-  architecture: '',
-  bitness: '',
+  architecture: expect.any(String),
+  bitness: expect.any(String),
 };
 
 describe('MatterProvider', () => {
-  it('renders the provider with the provided context value', () => {
-    render(
-      <MatterProvider os="LOADING">
-        <MatterContext.Consumer>
-          {value => {
-            expect(value).toEqual(mockContext);
-            return null;
-          }}
-        </MatterContext.Consumer>
-      </MatterProvider>
+  it('renders the provider with the provided context value', async () => {
+    await act(async () =>
+      render(
+        <MatterProvider os="LOADING">
+          <MatterContext.Consumer>
+            {value => {
+              expect(value).toEqual(mockContext);
+              return null;
+            }}
+          </MatterContext.Consumer>
+        </MatterProvider>
+      )
     );
   });
 });

apps/site/providers/__tests__/themeProvider.test.mjs

@@ -23,7 +23,7 @@ describe('ThemeProvider', () => {
         storageKey: 'theme',
         children: <div>Mock Component</div>,
       },
-      expect.any(Object)
+      undefined
     );
     expect(container.firstChild).toHaveTextContent('Mock Component');
   });