前端測試框架——認識Jest

Gping發表於2018-07-14

Jest是什麼?

Jest的slogan是令人愉快的JavaScript測試,顧名思義,就是用來測試JavaScript程式碼的。

Jest有以下的特點:

  • 高速和沙盒。Jest以最大化效能並行化的測試執行。控制檯訊息都是緩衝並輸出測試結果。沙盒測試檔案和自動全域性狀態將為每個測試重置,因此測試程式碼間不會衝突。

  • 內建程式碼覆蓋率報告。使用--coverage可以建立程式碼覆蓋報告。不需要其他額外的庫。

  • 無需配置。在使用create-react-app或者react-native init建立Native專案的時候,Jest已經配置好並可以使用了。

  • 擁有功能強大的模擬庫。

  • 與Typescript一起使用

開始使用Jest

首先新建一個begin的目錄,然後進入資料夾,安裝jest依賴包。

npm install --save-dev jest
複製程式碼

安裝完成就會生成一個package.json的配置檔案

然後新建一個sum.js檔案,程式碼如下:

function sum(a, b) {
    return a + b;
}
module.exports = sum;
複製程式碼

再新建一個sum.spec.js或者sum.test.js檔案,程式碼如下:

const sum = require('./sum');

test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3);
});
複製程式碼

為了使命令更加的利於理解和通用,我們在配置檔案package.json中,加入以下配置項:

{
  "scripts": {
    "test": "jest"
  }
}
複製程式碼

最後,執行以下程式碼:

npm run test
複製程式碼

前端測試框架——認識Jest

至此,你已經成功的完成了第一個Jest測試。

相關文章