框架引入vitest

安装

npm install -D vitest happy-dom @testing-library/vue @vitest/ui

vite.config.ts

/// <reference types="vitest" /> //文件第一行位置!!!
// ... 你的其他引入
export default defineConfig({
	// ... 你的其他配置
	test: {
	  globals: true,
	  environment: 'happy-dom'
	},
});

tsconfig.json

"compilerOptions": {
	// ... 你的其他配置
	"types": ["vitest/globals"]
}

package.json

"scripts": {
	// ... 你的其他配置
	"test": "vitest --ui" //传入--ui参数来启动测试的 UI 界面
}

测试代码此处省略

运行

npm test