Declares $mocks -> src/__mocks__ in both vite.config.ts and
vitest.client-coverage.config.ts so shared mock modules resolve in the
client test run and the coverage job alike. Enables the sync-factory
dedup pattern from ADR-012 (vi.mock('$app/forms', () => ({ ...formsMock }))).
Part of #560.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
63 lines
2.1 KiB
TypeScript
63 lines
2.1 KiB
TypeScript
import { paraglideVitePlugin } from '@inlang/paraglide-js';
|
|
import devtoolsJson from 'vite-plugin-devtools-json';
|
|
import tailwindcss from '@tailwindcss/vite';
|
|
import { defineConfig } from 'vitest/config';
|
|
import { playwright } from '@vitest/browser-playwright';
|
|
import { sveltekit } from '@sveltejs/kit/vite';
|
|
import { fileURLToPath } from 'node:url';
|
|
|
|
// Standalone config for browser-project Istanbul coverage.
|
|
// Uses a dedicated root-level coverage block because Vitest 4 ignores
|
|
// per-project coverage overrides inside test.projects.
|
|
// Plugins mirrored from vite.config.ts: tailwindcss, sveltekit, devtoolsJson, paraglideVitePlugin
|
|
// Update here whenever vite.config.ts plugins change.
|
|
export default defineConfig({
|
|
resolve: {
|
|
alias: {
|
|
// Shared browser-test mock bodies, imported into sync vi.mock factories. See ADR-012.
|
|
$mocks: fileURLToPath(new URL('./src/__mocks__', import.meta.url))
|
|
}
|
|
},
|
|
optimizeDeps: {
|
|
include: ['pdfjs-dist', '@tiptap/core', '@tiptap/starter-kit', '@tiptap/extension-mention']
|
|
},
|
|
plugins: [
|
|
tailwindcss(),
|
|
sveltekit(),
|
|
devtoolsJson(),
|
|
paraglideVitePlugin({
|
|
project: './project.inlang',
|
|
outdir: './src/lib/paraglide'
|
|
})
|
|
],
|
|
test: {
|
|
testTimeout: 30_000,
|
|
hookTimeout: 15_000,
|
|
expect: { requireAssertions: true },
|
|
browser: {
|
|
enabled: true,
|
|
provider: playwright(),
|
|
instances: [{ browser: 'chromium', headless: true }],
|
|
screenshotDirectory: 'test-results/screenshots',
|
|
screenshotFailures: true
|
|
},
|
|
setupFiles: ['./src/test-setup.ts'],
|
|
include: ['src/**/*.svelte.{test,spec}.{js,ts}'],
|
|
exclude: ['src/lib/server/**'],
|
|
coverage: {
|
|
provider: 'istanbul',
|
|
reporter: ['text', 'lcov'],
|
|
reportsDirectory: 'coverage/client',
|
|
include: ['src/**/*.svelte', 'src/**/*.svelte.ts'],
|
|
exclude: ['src/lib/paraglide/**', 'src/lib/generated/**', 'src/hooks/**', '**/__mocks__/**'],
|
|
thresholds: {
|
|
lines: 80,
|
|
functions: 80,
|
|
// branches at 75 — long-tail parent/child accounting grind; see docs/adr/013-client-branches-coverage-threshold.md and #496
|
|
branches: 75,
|
|
statements: 80
|
|
}
|
|
}
|
|
}
|
|
});
|