chore: merge test coverage

Author: mutoe

.gitignore

@@ -11,13 +11,14 @@ node_modules
 .DS_Store
 dist
 dist-ssr
-coverage
 *.local
 
 /test-results/
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+/coverage-reports
+/coverage
 
 # Editor directories and files
 .vscode/*

playwright/mcr.config.ts config/mcr.base.config.tsplaywright/mcr.config.ts renamed to config/mcr.base.config.ts

@@ -1,15 +1,13 @@
 import type { CoverageReportOptions } from 'monocart-coverage-reports'
 
 // https://github.com/cenfun/monocart-coverage-reports
-const coverageOptions: CoverageReportOptions = {
-
-  name: 'Playwright Coverage Report',
-
+const coverageOptions = {
   reports: [
     'text',
     'v8',
     'v8-json',
     'lcovonly',
+    'raw',
   ],
 
   /**
@@ -38,11 +36,18 @@ const coverageOptions: CoverageReportOptions = {
    * @example node_modules/.pnpm/@[email protected]/node_modules/@vue/devtools-kit/dist/index.js
    */
   sourceFilter: sourcePath => {
-    if (sourcePath.includes('node_modules/')) return false
+    const excludeList = [
+      'node_modules',
+      'src/services/api.ts',
+      'src/setup-tests.ts',
+      'src/utils/test',
+      '.(spec|test).ts$',
+    ]
+    for (const regexp of excludeList) {
+      if (new RegExp(regexp).test(sourcePath)) return false
+    }
     return true
   },
-
-  outputDir: './coverage/e2e',
-}
+} satisfies CoverageReportOptions
 
 export default coverageOptions

config/mcr.e2e.config.ts

@@ -0,0 +1,13 @@
+import type { CoverageReportOptions } from 'monocart-coverage-reports'
+import baseConfig from './mcr.base.config'
+
+// https://github.com/cenfun/monocart-coverage-reports
+const coverageOptions: CoverageReportOptions = {
+  ...baseConfig,
+
+  name: 'E2E Test Coverage Report',
+
+  outputDir: './coverage/e2e',
+}
+
+export default coverageOptions

config/mcr.unit.config.ts

@@ -0,0 +1,13 @@
+import type { CoverageReportOptions } from 'monocart-coverage-reports'
+import baseConfig from './mcr.base.config'
+
+// https://github.com/cenfun/monocart-coverage-reports
+const coverageOptions: CoverageReportOptions = {
+  ...baseConfig,
+
+  name: 'Unit Test Coverage Report',
+
+  outputDir: './coverage/unit',
+}
+
+export default coverageOptions

package.json

@@ -14,7 +14,7 @@
     "serve": "vite preview --port 4173",
     "type-check": "vue-tsc --noEmit",
     "lint": "eslint --fix .",
-    "test": "pnpm test:unit && pnpm test:e2e",
+    "test": "pnpm test:unit && pnpm test:e2e && tsx scripts/merge-coverage.ts",
     "test:e2e": "cross-env NODE_ENV=testing pnpm build && cross-env CI=true playwright test",
     "test:e2e:prod": "cross-env E2E_BASE_URL='https://vue3-realworld-example-app-mutoe.vercel.app' playwright test",
     "test:e2e:ui": "playwright test --ui",
@@ -48,10 +48,12 @@
     "rollup-plugin-analyzer": "^4.0.0",
     "simple-git-hooks": "^2.13.1",
     "swagger-typescript-api": "^13.2.13",
+    "tsx": "^4.20.6",
     "typescript": "~5.9.2",
     "vite": "^7.1.7",
     "vitest": "^3.2.4",
     "vitest-dom": "^0.1.1",
+    "vitest-monocart-coverage": "^3.0.2",
     "vue-tsc": "^3.0.8"
   },
   "simple-git-hooks": {

playwright/extends.ts

@@ -2,7 +2,7 @@ import type { Page } from '@playwright/test'
 import { test as base } from '@playwright/test'
 import MCR from 'monocart-coverage-reports'
 import { ConduitPageObject } from 'page-objects/conduit.page-object'
-import coverageOptions from './mcr.config'
+import coverageOptions from '../config/mcr.e2e.config'
 
 export const test = base.extend<{
   conduit: ConduitPageObject

playwright/global.setup.ts

@@ -1,6 +1,6 @@
 import type { FullConfig } from '@playwright/test'
 import MCR from 'monocart-coverage-reports'
-import coverageOptions from './mcr.config'
+import coverageOptions from '../config/mcr.e2e.config'
 
 async function globalSetup(_config: FullConfig) {
   const mcr = MCR(coverageOptions)

playwright/global.teardown.ts

@@ -1,6 +1,6 @@
 import type { FullConfig } from '@playwright/test'
 import MCR from 'monocart-coverage-reports'
-import coverageOptions from './mcr.config'
+import coverageOptions from '../config/mcr.e2e.config'
 
 async function globalTeardown(_config: FullConfig) {
   const mcr = MCR(coverageOptions)

playwright/page-objects/edit-article.page-object.ts

@@ -1,5 +1,5 @@
 import type { Page } from '@playwright/test'
-import { ConduitPageObject } from './conduit.page-object.ts'
+import { ConduitPageObject } from './conduit.page-object'
 
 export class EditArticlePageObject extends ConduitPageObject {
   constructor(public page: Page) {

playwright/page-objects/login.page-object.ts

@@ -1,5 +1,5 @@
 import type { Page } from '@playwright/test'
-import { ConduitPageObject } from './conduit.page-object.ts'
+import { ConduitPageObject } from './conduit.page-object'
 
 export class LoginPageObject extends ConduitPageObject {
   constructor(public page: Page) {