玩轉JEST(一):完成自己第一個測試程序

安裝并簡單配置

npm install --save-dev jest # 本地安裝

初始化 jest 基礎配置

注意:這一步非必須,可跳過,如果要使用請先全局安裝 npm install -g jest

jest --init

第一個 jest 程序

創建兩個文件 sum.jssum.test.js,并修改 package.json 文件,然后執行 npm test 即可看到測試結果

// package.json 運行jest腳本
{
  "scripts": {
    "test": "jest"
  }
}
// sum.js
function sum(a, b) {
  return a + b;
}
module.exports = sum;
// sum.test.js
const sum = require('./sum');

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

使用 Babel

先安裝相關包

# 注意 babel 用的是 v7 版本,其他版本不適用,如果你不適用 es6+ 的語法,則不需要安裝 babel
npm i -D babel-jest babel-core@^7.0.0-bridge.0 @babel/core regenerator-runtime @babel/preset-env

創建 .babelrc.js

const presets = ['@babel/preset-env'];
module.exports = { presets };

大功告成,可以使用 ES6+ 的語法了

簡書作者 小菜荔枝 轉載請聯系作者獲得授權

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • babel官網 babel 介紹 Babel 是一個通用的多用途 JavaScript 編譯器。通過 Babel ...
    鋒享前端閱讀 1,846評論 0 10
  • 寫在前面的話 閱讀本文之前,先看下面這個webpack的配置文件,如果每一項你都懂,那本文能帶給你的收獲也許就比較...
    不忘初心_9a16閱讀 3,259評論 0 17
  • 版權聲明:本文為博主原創文章,未經博主允許不得轉載。 webpack介紹和使用 一、webpack介紹 1、由來 ...
    it筱竹閱讀 11,231評論 0 21
  • 1.今天學習了新成語,賣弄俊俏。指婦女故意賣弄容貌美麗的輕佻行為。 這成語讓我聯想起今天的網絡熱搜,林丹出軌。那個...
    夏小君閱讀 142評論 0 0
  • 我發現很多人早上練習說英語,這很好 但是他們說英語只是說英語,而不是去模仿,這不好 我喜歡聽,聽了很多電影,不用字...
    我不是注銷了嗎閱讀 165評論 2 0