refactor: migrate to vitest

.github/workflows/typos-config.toml

@@ -4,3 +4,4 @@ formated = "formated"
 formate = "formate"
 Colum = "Colum"
 ba = "ba"
+ded = "ded"

examples/select/demos/custom-options.vue

@@ -42,8 +42,8 @@ const options = [
   { label: '用户九', value: '9', description: '这是一段用户描述信息，可自定义内容' },
 ];
 
-const value1 = ref([]);
-const value2 = ref([]);
+const value1 = ref('');
+const value2 = ref('');
 const optionRender = (h, option) => (
   <div class="tdesign-demo__user-option">
     <img src="https://tdesign.gtimg.com/site/avatar.jpg" />

package.json

@@ -54,15 +54,13 @@
     "lint:fix": "eslint --ext .vue,.js,.ts,.tsx ./src --max-warnings 0 --fix",
     "lint": "npm run lint:tsc && eslint --ext .vue,.js,.ts,.tsx ./src --max-warnings 0",
     "lint:tsc": "tsc --emitDeclarationOnly",
-    "test": "npm run test:demo && npm run test:unit && npm run test:node",
-    "test:demo": "node src/_common/test/script/generate-demo-test.js",
-    "test:update": "npm run test:demo && npm run test:unit-update && npm run test:node-update",
-    "test:unit": "jest --maxWorkers=4 --config script/test/jest.unit.conf.js",
-    "test:unit-update": "jest --maxWorkers=4 --config script/test/jest.unit.conf.js --updateSnapshot",
-    "test:node": "jest --config script/test/jest.ssr.conf.js",
-    "test:node-update": "jest --config script/test/jest.ssr.conf.js --updateSnapshot",
-    "test:watch": "jest --config script/test/jest.unit.conf.js --watch",
-    "test:coverage": "jest --config script/test/jest.unit.conf.js --coverage",
+    "test": "npm run test:unit && npm run test:snap",
+    "test:unit": "vitest run --config site/vite.config.js",
+    "test:update": "vitest run --config site/vite.config.js -u && cross-env NODE_ENV=test-snap vitest run --config site/vite.config.js -u",
+    "test:unit-dev": "vitest --config site/vite.config.js",
+    "test:unit-gui": "vitest --config site/vite.config.js --ui",
+    "test:unit-coverage": "vitest run --config site/vite.config.js --coverage",
+    "test:snap": "cross-env NODE_ENV=test-snap vitest run --config site/vite.config.js",
     "test:e2e": "cypress run --config-file script/test/cypress.json",
     "test:e2e-gui": "cypress open --config-file script/test/cypress.json",
     "changelog": "node script/generate-changelog.js",
@@ -75,9 +73,9 @@
     "@babel/runtime": "^7.14.8",
     "@popperjs/core": "^2.9.3",
     "@types/lodash": "^4.14.175",
+    "@types/sortablejs": "^1.10.7",
     "@types/tinycolor2": "^1.4.3",
     "@types/validator": "^13.6.3",
-    "@types/sortablejs": "^1.10.7",
     "dayjs": "^1.9.7",
     "jsx-to-string": "^1.4.0",
     "lodash": "^4.17.15",
@@ -107,15 +105,16 @@
     "@types/raf": "^3.4.0",
     "@typescript-eslint/eslint-plugin": "^4.23.0",
     "@typescript-eslint/parser": "^4.23.0",
-    "@vitejs/plugin-vue": "^2.0.1",
+    "@vitejs/plugin-vue": "^2.3.1",
     "@vitejs/plugin-vue-jsx": "^1.3.3",
+    "@vitest/ui": "^0.9.4",
     "@vue/compiler-sfc": "^3.2.26",
     "@vue/eslint-config-typescript": "^10.0.0",
     "@vue/server-renderer": "^3.2.4",
-    "@vue/test-utils": "^2.0.0-rc.12",
+    "@vue/test-utils": "^2.0.0-rc.21",
     "autoprefixer": "^10.4.0",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "^26.0.0",
+    "c8": "^7.11.2",
     "camelcase": "^6.2.1",
     "cli-color": "^2.0.1",
     "clipboard": "^2.0.6",
@@ -134,11 +133,7 @@
     "gray-matter": "^4.0.3",
     "husky": "^7.0.4",
     "ignore": "^5.1.9",
-    "jest": "^26.6.3",
-    "jest-html-reporter": "^3.1.3",
-    "jest-serializer-vue": "^2.0.2",
-    "jest-transform-stub": "^2.0.0",
-    "jest-watch-typeahead": "^0.6.0",
+    "jsdom": "^19.0.0",
     "less": "^4.1.2",
     "lint-staged": "^12.1.2",
     "mockdate": "^3.0.5",
@@ -162,13 +157,13 @@
     "tdesign-icons-view": "0.1.0",
     "tdesign-publish-cli": "^0.0.9",
     "tdesign-site-components": "^0.9.9",
-    "ts-jest": "^26.0.0",
     "typescript": "^4.5.4",
-    "vite": "^2.7.7",
+    "vite": "^2.9.5",
     "vite-plugin-pwa": "^0.12.0",
     "vite-plugin-tdoc": "^2.0.2",
+    "vitest": "^0.9.4",
+    "vitest-fetch-mock": "^0.1.0",
     "vue": "^3.2.26",
-    "vue-jest": "^5.0.0-alpha.7",
     "vue-router": "^4.0.12",
     "vue-tsc": "^0.34.11",
     "workbox-precaching": "^6.4.1"

script/init/config.js

@@ -52,17 +52,6 @@ function getToBeCreatedFiles(component) {
       desc: 'e2e test',
       files: [`${component}.spec.js`],
     },
-    // ['test/ssr']: {
-    //   // no delete the whole folder, just delete these files in 'deleteFiles'.
-    //   deleteFiles: [`test/ssr/${component}.test.js`],
-    //   desc: 'ssr test',
-    //   files: [
-    //     {
-    //       file: `${component}.test.js`,
-    //       template: 'ssr.demo.test.tpl',
-    //     },
-    //   ],
-    // },
   };
 }
 

script/test/setup.js → script/test/test-setup.js

@@ -1,14 +1,18 @@
 import { config } from '@vue/test-utils';
 import { createApp } from 'vue';
 import { renderToString } from '@vue/server-renderer';
+import createFetchMock from 'vitest-fetch-mock';
+import { vi } from 'vitest';
 import TDesign from '@/src/index';
 
+const fetchMock = createFetchMock(vi);
+fetchMock.enableMocks();
+
 config.global.plugins = [TDesign];
 
 config.global.createSSRApp = (comp) => {
   const app = createApp(comp);
   app.config.globalProperties.$route = {};
   app.use(TDesign);
-  const html = renderToString(app);
-  return html;
+  return renderToString(app);
 };