如果在用vue-cli初始化項目的時候沒選擇安裝jest鸣驱。該如何配置羡洁?
1 需要的項目依賴
npm i -S?@vue/cli-plugin-unit-jest?vue-jest?@vue/test-utils
如果是ts項目,需要額外添加?ts-jest?@types/jest 安裝包
2在根目錄新建jest.config.js 文件他托,配置如下
module.exports ={
? preset:'@vue/cli-plugin-unit-jest/presets/typescript-and-babel',
}
3. 在tsconfig.json中的types選項中新增jest選項
"types": [
? "jest"
],
4.在根目錄下新建tests目錄祸憋,并新建其子目錄unit
簡單示例:
sum.ts
function sum(a:number, b:number) {
? return a + b;
}
module.exports = sum;
example.spec.ts
const sum = require('./sum');
test('adds 1 + 2 to equal 3', () => {
? expect(sum(1, 2)).toBe(3);
});
5在package.json中的scripts 選項中配置啟動命令
"test:unit": "vue-cli-service test:unit"
運行命令后如圖運行成功啦~