使用vue3的创建工具可以添加单元测试支持,对于创建时没有选择单元测试的项目,可以按照下面的步骤添加。首先安装几个支持软件包:
npm install vitest -D
npm install -D @vue/test-utils
npm install -D jsdom
还需要增加vitest.config.ts作为配置文件:
import { fileURLToPath } from 'node:url'
import { mergeConfig, defineConfig, configDefaults } from 'vitest/config'
import viteConfig from './vite.config'
export default mergeConfig(
viteConfig,
defineConfig({
test: {
environment: 'jsdom',
exclude: [...configDefaults.exclude, 'e2e/*'],
root: fileURLToPath(new URL('./', import.meta.url))
}
})
)
安装完成后,在package.json中增加单元测试启动命令:
"test:unit": "vitest"
在项目中增加test文件,在这个文件中保存测试用例。
网友评论