主要参考了CocosCreator 中单元测试入门,但是该文代码在我电脑上并没有正常执行,所以修正后写了本文。毕竟,一篇攻略,最基本的要求应该是,可以成功运作。
想要了解到底是为什么每一步要那么做的,可以阅读原文。
安装ts-jest
npm install --save-dev ts-jest
测试ts-jest
安装好之后,测试一下。
修改根目录的package.json
,加上
{
"scripts": {
"test": "jest"
}
}
执行命令npm test
或者npm t
,应该会发现执行成功,但是没有单元测试用例
增加测试配置
在根目录新建文件jest.config.js
,内容为
module.exports = {
preset: "ts-jest",
testEnvironment: 'node',
rootDir: "./tests", // 测试文件所在的目录
globals: { // 全局属性。如果你的被测试的代码中有使用、定义全局变量,那你应该在这里定义全局属性
window: {},
cc: {}
}
};
增加单元测试用例
增加用于测试的方法
我们在CocosCreator项目自带的assets
目录下新建文件playground.ts
,内容为
export function add(a: number, b: number): number {
return a + b;
}
增加测试用例
随后在项目根目录新建tests
文件夹,在其中新建文件playground.test.ts
,内容为
import {readableNum} from '../assets/platground';
import {describe, expect, test} from '@jest/globals';
test('add', () => {
expect(add(1, 2)).toBe('1,000');
expect(readableNum(10000)).toBe(3);
});
这时候,如果在Webstorm
里,就能看到test('add'xxx
这一行左边的小箭头了,直接点击就可以运行。
咱们可以执行下面的命令执行一下所有测试用例
npm test
标签:npm,Cocos,Creator,单元测试,ts,add,测试用例,jest,test
From: https://www.cnblogs.com/laolieren/p/cocos_creator_unit_test_with_jtest.html