ci: Setup code-coverage reporting for frontend packages (no-changelog) (#5679)

packages/design-system/package.json

@@ -16,8 +16,7 @@
     "clean": "rimraf dist .turbo",
     "build": "vite build",
     "typecheck": "vue-tsc --emitDeclarationOnly",
-    "test": "vitest run",
-    "test:ci": "vitest run --coverage",
+    "test": "vitest run --coverage",
     "test:dev": "vitest",
     "build:storybook": "storybook build",
     "storybook": "storybook dev -p 6006",
@@ -54,6 +53,7 @@
     "@types/markdown-it-emoji": "^2.0.2",
     "@types/markdown-it-link-attributes": "^3.0.1",
     "@types/sanitize-html": "^2.8.0",
+    "@vitest/coverage-c8": "^0.28.5",
     "@vitejs/plugin-vue2": "^2.2.0",
     "autoprefixer": "^10.4.13",
     "c8": "7.12.0",
@@ -67,7 +67,7 @@
     "storybook-addon-themes": "^6.1.0",
     "trim": "^1.0.1",
     "vite": "^4.0.4",
-    "vitest": "^0.28.4",
+    "vitest": "^0.28.5",
     "vue-class-component": "^7.2.6",
     "vue-loader": "^15.10.1",
     "vue-property-decorator": "^9.1.2",

packages/design-system/vite.config.ts

@@ -3,6 +3,8 @@ import { resolve } from 'path';
 import { defineConfig, mergeConfig } from 'vite';
 import { defineConfig as defineVitestConfig } from 'vitest/config';
 
+const { coverageReporters } = require('../../jest.config.js');
+
 export default mergeConfig(
 	defineConfig({
 		plugins: [vue()],
@@ -38,6 +40,12 @@ export default mergeConfig(
 			globals: true,
 			environment: 'jsdom',
 			setupFiles: ['./src/__tests__/setup.ts'],
+			coverage: {
+				provider: 'c8',
+				reporter: coverageReporters,
+				include: ['src/**/*.ts'],
+				all: true,
+			},
 			css: {
 				modules: {
 					classNameStrategy: 'non-scoped',