🏗️ feat: 迁移 测试框架到 vitest 以提升测试速度

.gitignore

@@ -22,3 +22,4 @@ node_modules
 
 .vercel
 server
+coverage

package.json

@@ -2,6 +2,7 @@
   "name": "umi-simple-web-template",
   "version": "1.2.0",
   "private": true,
+  "repository": "https://github.com/arvinxx/umi-simple-web-template.git",
   "scripts": {
     "build": "max build",
     "build:analyze": "ANALYZE=1 max build",
@@ -10,9 +11,9 @@
     "prepare": "husky install",
     "release": "semantic-release",
     "start": "vercel dev",
-    "test": "jest --passWithNoTests",
-    "test:coverage": "jest --coverage --passWithNoTests",
-    "test:update": "jest -u"
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:update": "vitest -u"
   },
   "lint-staged": {
     "*.{ts,tsx}": [
@@ -27,27 +28,23 @@
   },
   "devDependencies": {
     "@emotion/jest": "^11",
-    "@testing-library/jest-dom": "^5",
     "@testing-library/react": "^13",
-    "@types/jest": "^29",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@types/testing-library__jest-dom": "^5",
     "@umijs/max": "^4",
+    "@vitest/coverage-c8": "latest",
     "commitlint": "^17",
     "commitlint-config-gitmoji": "^2",
     "cross-env": "^7",
     "eslint": "^8",
     "husky": "^8",
-    "jest": "^29",
-    "jest-environment-jsdom": "^29",
     "lint-staged": "^13",
     "prettier": "^2",
     "semantic-release": "^20",
     "semantic-release-config-gitmoji": "^1",
-    "ts-node": "^10",
-    "typescript": "^4",
-    "vercel": "^28"
-  },
-  "repository": "https://github.com/arvinxx/umi-simple-web-template.git"
+    "typescript": "^5",
+    "vercel": "^28",
+    "vitest": "latest"
+  }
 }

src/pages/__snapshots__/index.test.tsx.snap

@@ -1,15 +1,21 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`App 默认 1`] = `
+exports[`App > 默认 1`] = `
 .emotion-0 {
   font-family: Georgia,sans-serif;
   margin-top: 4em;
   text-align: center;
 }
 
+@media (max-width: 575px) {
+  .emotion-0 {
+    margin-top: 10px;
+  }
+}
+
 .emotion-1 {
   height: 512px;
-  background: url() no-repeat center 0;
+  background: url(/src/assets/yay.jpg) no-repeat center 0;
   -webkit-background-size: 512px 512px;
   background-size: 512px 512px;
 }

tests/test-setup.ts

@@ -0,0 +1,2 @@
+import { createSerializer } from '@emotion/jest';
+expect.addSnapshotSerializer(createSerializer());

vitest.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  esbuild: {
+    jsxInject: "import React from 'react'",
+  },
+  test: {
+    setupFiles: './tests/test-setup.ts',
+    environment: 'jsdom',
+    globals: true,
+    alias: {
+      '@': './src',
+    },
+  },
+});