![vite + vue3 + ts + jest 测试](https://img2020.cnblogs.com/blog/2029843/202112/2029843-20211230104700266-1062406373.png)
vite + vue3 + ts + jest 测试
vite + vue3 + jest 测试
- 安装jest相关的包
yarn add --dev @babel/core @babel/preset-env @testing-library/jest-dom @types/jest @vue/test-utils@next babel-jest jest ts-jest vue-jest@next
- jest.config.js配置
const path = require('path')
module.exports = {
rootDir: path.resolve(__dirname),
clearMocks: true,
coverageDirectory: 'coverage',
coverageProvider: 'v8',
moduleFileExtensions: ['vue', 'js', 'json', 'jsx', 'ts', 'tsx', 'node'],
// 别名设置
moduleNameMapper: {
'@/(.*)$': '<rootDir>/src/components/$1'
},
preset: 'ts-jest',
testEnvironment: 'jsdom',
// 测试文件
testMatch: ['<rootDir>/tests/unit/*.spec.ts?(x)'],
transform: {
'^.+\\.vue$': 'vue-jest',
'^.+\\js$': 'babel-jest',
'^.+\\.(t|j)sx?$': 'ts-jest'
}
}
- package.json (scripts添加)
"scripts": {
"test": "jest"
},
参考链接