1. 程式人生 > >【Jest】筆記一:環境配置

【Jest】筆記一:環境配置

一、開發環境

  • Mac
  • node.js:v9.9.0  下載連結:http://nodejs.cn/download/
  • VScode 下載連結:https://code.visualstudio.com/
  • vscode要安裝一些外掛,自行安裝,基於專案建議這邊安裝jsdoc程式碼提示的外掛,補全等外掛

二、步驟

1.建立一個空的資料夾(windows略)

mkdir jest-demo

 

2.vscode開啟jest-demo

3.vscode開啟terminal,初始化資料夾

npm init -y

  

4.安裝jest

npm install
--save-dev jest

 

5.修改package.json,運行當前指令碼下的test檔案

{
  "scripts": {
    "test": "jest"
  }
}

 

6.簡單的demo

  1.當前資料夾下建立 sum.js,程式碼如下

function sum(a,b) {
    return a + b;
}

module.exports = sum;

 

  2.當前檔案下建立 sum.test.js

const sum = require('./sum')  //宣告一個只讀的常量,require引入當前資料夾下的sum類

test(
'two plus two is four', () => { //test :jest自帶測試方法 expect(2 + 2).toBe(4); //expect:jest自帶,期望值,是否等於xx });

  3.執行

npm run test

 

  4結果,執行成功

 

三、總結:

  • Vscode配置好,需要安裝外掛偏於我們開發
  • 基礎的ES6語法
  • nodejs的環境

參考:https://jestjs.io/docs/zh-Hans/getting-started.html