build(infra): use vitest

.eslintrc.cjs

@@ -15,7 +15,7 @@ module.exports = {
             'packages/**/*.test.ts',
             'packages/**/*.test.tsx',
           ],
-          extends: ['@mine/eslint-config/jest'],
+          extends: ['@mine/eslint-config/vitest'],
           rules: {
             'import/no-extraneous-dependencies': [
               'error',

package.json

@@ -30,8 +30,8 @@
     "site:route": "yarn workspace @mine/site run route",
     "site:serve": "yarn workspace @mine/site run serve",
     "site:storybook": "yarn workspace @mine/site run storybook",
-    "test": "jest",
-    "test:ci": "jest --coverage",
+    "test": "vitest run",
+    "test:ci": "vitest run --coverage",
     "ts:check": "lerna run ts:check",
     "verify": "npm-run-all prettier lint:md lint:style lint:es test ts:check lint:commit"
   },
@@ -45,21 +45,17 @@
     "@mine/commitlint-config": "^0.0.0",
     "@mine/eslint-config": "^0.0.0",
     "@mine/prettier-config": "^0.0.0",
-    "@mine/simple-jest-transform-yaml": "^0.0.0",
     "@mine/stylelint-config": "^0.0.0",
-    "@swc/core": "^1.4.1",
-    "@swc/jest": "^0.2.36",
-    "@types/jest": "^29.5.1",
+    "@types/js-yaml": "^4.0.9",
     "@types/node": "^20.11.5",
     "cloc": "^2.9.0",
     "commitizen": "^4.3.0",
     "cz-customizable": "^7.0.0",
     "eslint": "^8.56.0",
     "husky": "^9.0.10",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.7.0",
-    "jest-config": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "js-yaml": "^4.1.0",
+    "jsdom": "^24.0.0",
     "lerna": "^8.1.2",
     "markdownlint": "^0.33.0",
     "markdownlint-cli": "^0.39.0",
@@ -68,6 +64,7 @@
     "postcss-scss": "^4.0.2",
     "prettier": "^3.2.5",
     "stylelint": "^15.10.0",
-    "typescript": "^5.3.3"
+    "typescript": "^5.3.3",
+    "vitest": "^1.4.0"
   }
 }

packages/eslint/package.json

@@ -14,10 +14,10 @@
     "eslint-import-resolver-typescript": "^3.6.0",
     "eslint-plugin-css-modules": "^2.12.0",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jest": "^27.6.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0"
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-vitest": "^0.3.26"
   },
   "peerDependencies": {
     "eslint": "^8.2.0",

packages/eslint/vitest.js

@@ -0,0 +1,7 @@
+module.exports = {
+  extends: ['plugin:vitest/recommended'],
+  plugins: ['vitest'],
+  env: {
+    node: true,
+  },
+}

packages/markdown-loader/package.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "gray-matter": "^4.0.3",
-    "markdown-toc": "^1.2.0"
+    "markdown-toc": "^1.2.0",
+    "vitest": "^1.4.0"
   }
 }

packages/markdown-loader/src/article.test.ts

@@ -1,3 +1,5 @@
+import { test, expect } from 'vitest'
+
 import { articleProcessor } from './article'
 
 test('处理结构完整的markdown', () => {

packages/markdown-loader/src/utils/index.test.ts

@@ -1,3 +1,5 @@
+import { test, expect } from 'vitest'
+
 import { createLoader } from './index'
 
 test('loader工作情况', () => {

packages/markdown-loader/src/utils/toc.test.ts

@@ -1,3 +1,5 @@
+import { describe, test, expect } from 'vitest'
+
 import { extractToc } from './toc'
 
 describe('从markdown content解析目录', () => {

packages/site/apps/Calculator/panels/functions.test.ts

@@ -1,3 +1,5 @@
+import { describe, test, expect } from 'vitest'
+
 import { getBMIString, calBMIValue, calDPI, ceilFixed } from './functions'
 
 test('DPI计算', () => {

packages/site/apps/Calculator/utils/validate.test.ts

@@ -1,3 +1,5 @@
+import { describe, test, expect } from 'vitest'
+
 import { isNumberString } from './validate'
 
 describe('isNumber', () => {

packages/site/apps/Launcher/NotFound.test.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 
 import * as renderer from 'react-test-renderer'
+import { test, expect } from 'vitest'
 
 import NotFound from './NotFound'
 

packages/site/apps/Launcher/__snapshots__/NotFound.test.tsx.snap

@@ -1,8 +1,8 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`render NotFound 1`] = `
 <section
-  className="notFound"
+  className="_notFound_e679f1"
 >
   <svg
     aria-hidden={true}

packages/site/apps/Launcher/utils/index.test.ts

@@ -1,3 +1,5 @@
+import { test, expect } from 'vitest'
+
 import { jointGoogleSearchUrl } from './index'
 
 test('jointGoogleSearchUrl', () => {

packages/site/apps/MetroConstellation/parts/MetroMap.test.ts

@@ -1,3 +1,5 @@
+import { describe, test, expect } from 'vitest'
+
 import { IMetroStation } from '../type'
 
 import { calcLineProps, calcBackground } from './MetroMap'

packages/site/apps/WinterNine/utils.test.ts

@@ -1,3 +1,5 @@
+import { describe, test, expect } from 'vitest'
+
 import {
   smoothPoints,
   getNineDescription,

packages/site/package.json

@@ -89,6 +89,7 @@
     "three": "^0.161.0",
     "tslib": "^2.6.2",
     "typescript": "^5.3.3",
+    "vitest": "^1.4.0",
     "webpack": "^5.89.0",
     "yaml-loader": "^0.8.0"
   }

packages/site/router/index.test.ts

@@ -1,3 +1,5 @@
+import { describe, test, expect } from 'vitest'
+
 import { getParentAppPath, getAppName } from './index'
 
 describe('使用getParentAppPath获取路由父级页面', () => {
@@ -10,6 +12,7 @@ describe('使用getParentAppPath获取路由父级页面', () => {
     expect(getParentAppPath(route)).toBe(parent)
   })
 })
+
 describe('使用getAppName获取页面的 appName', () => {
   test.each([
     ['launch首页', '/', 'Launcher'],

packages/site/utils/index.test.ts

@@ -1,3 +1,5 @@
+import { describe, test, expect } from 'vitest'
+
 import { getRestrictValue } from './index'
 
 describe('getRestrictValue', () => {

packages/site/utils/string.test.ts

@@ -1,3 +1,5 @@
+import { test, expect } from 'vitest'
+
 import {
   camel2snake,
   camel2kebab,

packages/site/utils/yaml/yaml.test.ts

@@ -0,0 +1,15 @@
+import { test, expect } from 'vitest'
+
+import yamlDemo from './yaml-demo.yaml'
+
+test('transform-yaml', () => {
+  expect(yamlDemo).toMatchInlineSnapshot(`
+    {
+      "fruits": [
+        "apple",
+        "banana",
+        "cherry",
+      ],
+    }
+  `)
+})

vitest.config.mts

@@ -0,0 +1,27 @@
+import { defineConfig } from 'vitest/config'
+import * as path from 'path'
+import * as jsYaml from 'js-yaml'
+
+export default defineConfig({
+  test: {
+    include: ['**/*.test.{ts,tsx,js}'],
+    exclude: ['node_modules', 'packages/site/.next/**'],
+    coverage: {
+      reporter: ['text', 'text-summary'],
+    },
+    alias: {
+      '@': path.resolve(__dirname, './packages/site'),
+    },
+    environment: 'jsdom',
+  },
+  plugins: [
+    {
+      name: '',
+      transform(code, id) {
+        if (id.endsWith('.yaml')) {
+          return `export default ${JSON.stringify(jsYaml.load(code))};`
+        }
+      },
+    },
+  ],
+})