Cocos Creator用jtest單元測試攻略極速版

主要參考了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