前端測試框架——認識Jest

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測試。