marcel/mealprep
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(test): replace require() with import() in $app/stores mocks

Browse Source 
CJS require() is fragile in an ESM project. Use async import() instead.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel Raddatz
2026-04-02 13:53:20 +02:00
parent db4b01ca77
commit 05bf66de56
4 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/lib/nav/AppShell.test.ts
View File

@@ -2,8 +2,8 @@ import { describe, it, expect, vi } from 'vitest';
import { render, screen } from '@testing-library/svelte'; import { render, screen } from '@testing-library/svelte';
import AppShell from './AppShell.svelte'; import AppShell from './AppShell.svelte';
vi.mock('$app/stores', () => { vi.mock('$app/stores', async () => {
const { readable } = require('svelte/store'); const { readable } = await import('svelte/store');
return { return {
page: readable({ url: new URL('http://localhost/planner') }) page: readable({ url: new URL('http://localhost/planner') })
}; };

4
frontend/src/lib/nav/DesktopSidebar.test.ts
View File

@@ -2,8 +2,8 @@ import { describe, it, expect, vi } from 'vitest';
import { render, screen } from '@testing-library/svelte'; import { render, screen } from '@testing-library/svelte';
import DesktopSidebar from './DesktopSidebar.svelte'; import DesktopSidebar from './DesktopSidebar.svelte';
vi.mock('$app/stores', () => { vi.mock('$app/stores', async () => {
const { readable } = require('svelte/store'); const { readable } = await import('svelte/store');
return { return {
page: readable({ url: new URL('http://localhost/planner') }) page: readable({ url: new URL('http://localhost/planner') })
}; };

4
frontend/src/lib/nav/MobileTabBar.test.ts
View File

@@ -2,8 +2,8 @@ import { describe, it, expect, vi } from 'vitest';
import { render, screen } from '@testing-library/svelte'; import { render, screen } from '@testing-library/svelte';
import MobileTabBar from './MobileTabBar.svelte'; import MobileTabBar from './MobileTabBar.svelte';
vi.mock('$app/stores', () => { vi.mock('$app/stores', async () => {
const { readable } = require('svelte/store'); const { readable } = await import('svelte/store');
return { return {
page: readable({ url: new URL('http://localhost/planner') }) page: readable({ url: new URL('http://localhost/planner') })
}; };

4
frontend/src/lib/nav/TabletNavBar.test.ts
View File

@@ -2,8 +2,8 @@ import { describe, it, expect, vi } from 'vitest';
import { render, screen } from '@testing-library/svelte'; import { render, screen } from '@testing-library/svelte';
import TabletNavBar from './TabletNavBar.svelte'; import TabletNavBar from './TabletNavBar.svelte';
vi.mock('$app/stores', () => { vi.mock('$app/stores', async () => {
const { readable } = require('svelte/store'); const { readable } = await import('svelte/store');
return { return {
page: readable({ url: new URL('http://localhost/planner') }) page: readable({ url: new URL('http://localhost/planner') })
}; };