NodeJs和ReactJs單元測試工具——Jest

Jest——Painless JavaScript UnitTesting

 

特點

1. 適應性強
   1. 默認使用Jasmine斷言
   2. 模塊化的
   3. 可擴展的
   4. 可配置的
2. 沙箱式且快速
   1. 虛擬化JS環境，模擬瀏覽器
   2. 並行運行工作線程
3. 默認的模擬框架
   1. 默認自動模擬所有模塊，便於測試當前代碼

集成Babel

1. 必要性
   1. 支持ES6標准語法
   2. 支持React特定語法
2. 安裝組件

    npm install --save-dev babel-jest babel-polyfill

1. 配置babel

   { 
   
        

    "presets": ["es2015", "react"]  
   
        

   }  
   
        

僅測試變動代碼

 jest –onlyChanged 或jest-o

手工模擬

 

 約定：手工模擬文件放在項目根目錄下的"__mocks__"文件夾下。

輸入測試結果

1. 命令: jest –json
2. 終端輸出（如下圖示）：
   

   注：如果有錯，則會附加輸出錯誤堆棧信息。
   

生成覆蓋率報表

1. 命令：jest –coverage
2. 終端輸出（如下圖示）：
    

3. 生成站點
   文件內容（如下圖示）：
    
   瀏覽站點（如下圖示）：
    

   注：目錄還可以點進去，並瀏覽文件內容

   
   
   

更多內容

1. Jest主頁
2. Git主頁