chore: refactor the test locations

Author: PatrickDinh

src/features/theme/components/theme-toggle.test.tsx

@@ -0,0 +1,18 @@
+import { describe, it, expect } from 'vitest'
+import { render, waitFor } from '@/tests/testing-library'
+import { ThemeToggle } from '@/features/theme/components/theme-toggle'
+import { executeComponentTest } from '@/tests/test-component'
+
+describe('when the theme is toggled to dark', () => {
+  it('the theme is set to dark', async () => {
+    return executeComponentTest(
+      () => render(<ThemeToggle />),
+      async (component, user) => {
+        user.click(await component.findByTestId('theme-toggle-menu'))
+        user.click(await component.findByText('Dark'))
+
+        await waitFor(() => expect(document.documentElement.classList.contains('dark')).toBe(true))
+      }
+    )
+  })
+})

src/features/theme/context/theme-provider.test.tsx

@@ -0,0 +1,36 @@
+import { describe, it, expect, afterEach, beforeEach } from 'vitest'
+import { render, waitFor } from '@/tests/testing-library'
+import MatchMediaMock from '@/tests/mock-match-media'
+import { executeComponentTest } from '@/tests/test-component'
+
+describe('when using the default system light theme', () => {
+  it('the theme is set to light', () => {
+    return executeComponentTest(
+      () => render(<div />),
+      async () => {
+        await waitFor(() => expect(document.documentElement.classList.contains('light')).toBe(true))
+      }
+    )
+  })
+})
+
+describe('when using the default system dark theme', async () => {
+  const matchMediaMock = new MatchMediaMock()
+
+  beforeEach(() => {
+    // Set system theme to dark
+    matchMediaMock.useMediaQuery('(prefers-color-scheme: dark)')
+  })
+  afterEach(() => {
+    matchMediaMock.clear()
+  })
+
+  it('the theme is set to dark', () => {
+    return executeComponentTest(
+      () => render(<div />),
+      async () => {
+        await waitFor(() => expect(document.documentElement.classList.contains('dark')).toBe(true))
+      }
+    )
+  })
+})

tests/setup/clean-up-dom.ts renamed to src/tests/setup/clean-up-dom.ts

@@ -7,9 +7,8 @@ import path from 'path'
 export default defineConfig({
   plugins: [react()],
   test: {
-    root: 'tests',
     environment: 'happy-dom',
-    setupFiles: ['setup/clean-up-dom.ts'],
+    setupFiles: ['src/tests/setup/clean-up-dom.ts'],
   },
 
   // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`