[ 筆記 ] JavaScript - 測試 Jest

Jest

Jest 是由 Facebook 開發的 JavaScript 測試框架

先用 npm or yarn 下載套件：
- npm install jest --save-dev
- 從 package.json 可以看到 devDependencies 欄位裡會顯示剛安裝好的 Jest
```
"devDependencies": {
"jest": "^24.7.1"
}
```
- 接下來要修改 package.json 中 script 欄位的 test 指令為：
  "test": "jest"
```
"scripts": {
"test": "jest"
},
```
- 設定好後，只需要在 Terminal 輸入： npm run test
  - 如果直接在 Terminal 輸入 jest 指令是不會有反應的喔，因為他是被安裝在專案目錄下，而 Terminal 內的 jest 指令需要安裝在全域下才能運行。

開始測試

Jest 進行測試時，會先找專案中副檔名為 .test.js 的檔案。

npm run test：執行當前資料夾底下所有的測試
npm run test <file_name>.test.js：執行單一個測試檔
假設我們建立一個測試檔 repeat.test.js 來測試 repeat.js

repeat.js

function repeat(str, times) {
    var result = '';
    for (var i=0; i<times; i++) {
        result += str;
    }
    return result;
}
module.exports = repeat; // 匯出函式 repeat()

repeat.test.js

var repeat = require('./repeat'); // 引入函式 repeat()

describe("測試 function - repeat()", () => {

    test('"abc" 重複 3 次', () => {
        expect(repeat('abc', 3)).toBe('abcabcabc');
    });
    test('<空字串> 重複 10 次', () => {
        expect(repeat('', 10)).toBe('');
    });
    test('"abc" 重複 0 次', () => {
        expect(repeat('abc', 0)).toBe('');
    });
});