Merge pull request #8 from vuejs-jp/feat/vitest

Feat/vitest

.github/workflows/nodejs.yml

@@ -24,3 +24,22 @@ jobs:
 
       - name: Lint check
         run: bun lint
+
+      - name: Unit test
+        run: bun vitest
+
+  unit-test:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [18.19.0]
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install packages
+        uses: ./.github/actions/install-packages
+
+      - name: Unit test
+        run: bun vitest

apps/web/package.json

@@ -10,13 +10,15 @@
     "lint": "eslint . --ext js,jsx,ts,tsx,vue --ignore-path .eslintignore",
     "lint-fix": "eslint . --ext js,jsx,ts,tsx,vue --ignore-path .eslintignore --fix",
     "cypress:open": "cypress open --config-file tests/cypress.config.ts",
-    "postinstall": "nuxt prepare"
+    "postinstall": "nuxt prepare",
+    "vitest": "vitest"
   },
   "devDependencies": {
     "@vuejs-jp/eslint-config": "workspace:*",
     "@vuejs-jp/typescript-config": "workspace:*",
     "@vuejs-jp/vuefes-ui": "workspace:*",
     "cypress": "13.6.4",
-    "nuxt": "3.10.0"
+    "nuxt": "3.10.0",
+    "vitest": "1.2.2"
   }
 }

apps/web/tests/vitest.config.ts

@@ -0,0 +1,3 @@
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({})

apps/web/tests/vitest/sample.test.ts

@@ -0,0 +1,14 @@
+// the implementation
+export function add(...args: number[]) {
+  return args.reduce((a, b) => a + b, 0)
+}
+
+// in-source test suites
+if (import.meta.vitest) {
+  const { it, expect } = import.meta.vitest
+  it('add', () => {
+    expect(add()).toBe(0)
+    expect(add(1)).toBe(1)
+    expect(add(1, 2, 3)).toBe(6)
+  })
+}

apps/web/tests/vitest/types/vitest.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaVitest {
+  readonly it: Function
+  readonly expect: Function
+}
+
+interface ImportMeta {
+  readonly vitest: ImportMetaVitest
+}