bermudalamb
332c1e7cd0
SonarQube reported 0% coverage for 78 unit, 134 integration and 83 end-to-end tests, so the coverage-on-new-code gate — the most useful thing SonarQube offers a project this size — has been failing permanently while looking configured. It now reports 69.6%, verified by a real scan. Backend coverage comes from both suites, written to separate directories because jest writes coverage/lcov.info by default and the second run would silently overwrite the first. Both are needed rather than just the fast one: the unit suite alone reports 11%, because everything in src/routes is exercised by the integration suite. That suite is manual-only after hanging for 3h12m post-run, so it runs here with --forceExit and the job carries a hard timeout; jest confirmed during testing that it would otherwise have hung. The frontend had no unit tests at all, so its coverage comes from Playwright driving an istanbul-instrumented dev server, collected per test by an auto-fixture and merged with nyc. The 17 specs now import from a local fixtures module that re-exports @playwright/test, which is what lets the fixture attach without touching each test body. Instrumentation is gated behind COVERAGE=true and loaded by dynamic import, since vite-plugin-istanbul is ESM-only while vite.config.ts evaluates as CommonJS. Both directions were checked rather than assumed: a normal build contains no instrumentation, and the dev server instruments nested modules as well as top-level ones — the first attempt used an include glob of src/* which would have silently missed everything under src/admin and src/cart. coverage:report fails when nothing was collected instead of writing an empty report, and that guard was fired deliberately to confirm it works. This project has been bitten twice by tools succeeding while measuring nothing — SonarQube skipping the whole frontend and still exiting EXECUTION SUCCESS in #67, and an ESLint matcher silently matching no files during #60 — and coverage has exactly that shape: an uninstrumented dev server lets every test pass while gathering nothing, and the 0% that follows reads as lost coverage rather than broken collection. Worth knowing when reading the numbers: end-to-end coverage flatters. Istanbul marks a line covered when the browser ran it, so a component rendered during a test counts as covered with nothing asserting anything about it. Recorded in the design doc and the project context rather than left to be discovered. Also declares sonar.tests so test files are analysed under the test rule set rather than as production code. Closes #61
36 lines
1.6 KiB
TypeScript
Executable File
36 lines
1.6 KiB
TypeScript
Executable File
import { defineConfig, type PluginOption } from 'vite';
|
|
import react from '@vitejs/plugin-react';
|
|
|
|
// Coverage instrumentation is opt-in and must stay that way. The plugin rewrites
|
|
// every source file to record execution, which is what makes end-to-end coverage
|
|
// possible and what must never reach a customer: an instrumented bundle is
|
|
// substantially larger and slower, and it publishes the source structure through
|
|
// window.__coverage__.
|
|
//
|
|
// Nothing in the production path sets COVERAGE — the Dockerfile runs a plain
|
|
// `npm run build` — so the shipped bundle is uninstrumented. Only the Playwright
|
|
// coverage run turns this on, via playwright.config.ts passing it to the dev
|
|
// server it starts.
|
|
//
|
|
// Loaded with a dynamic import rather than at the top of the file because
|
|
// vite-plugin-istanbul is ESM-only and this config is evaluated as CommonJS, the
|
|
// package having no "type": "module". A static import fails the build outright.
|
|
// The upside is that a production build never even resolves the package.
|
|
async function coveragePlugins(): Promise<PluginOption[]> {
|
|
if (process.env.COVERAGE !== 'true') return [];
|
|
const { default: istanbul } = await import('vite-plugin-istanbul');
|
|
return [istanbul({ include: 'src/**/*', extension: ['.ts', '.tsx'], requireEnv: false })];
|
|
}
|
|
|
|
export default defineConfig(async () => ({
|
|
plugins: [react(), ...(await coveragePlugins())],
|
|
build: { outDir: 'dist' },
|
|
server: {
|
|
proxy: {
|
|
'/api': 'http://localhost:3000',
|
|
'/uploads': 'http://localhost:3000',
|
|
'/webhooks': 'http://localhost:3000'
|
|
}
|
|
}
|
|
}));
|