給 Web 開發人員推薦的測試工具

用戶對於現代 Web 應用除了美觀要求之外，對產品體驗度也有較高的要求。在推薦過幾期開源圖形庫和通用獨立 UI 組件后，覺著是時候推薦一些測試工具了。這應該也是該系列的最後一篇，感謝大家的支持。

• 給 Web 開發人員推薦的通用獨立 UI 組件（二）

• 給 Web 開發人員推薦的通用獨立 UI 組件（一）

• 給 Web 開發人員推薦的開源圖形庫 —— 2D/3D

• 給 Web 開發人員推薦的開源圖形庫 —— 動畫

• 給 Web 開發人員推薦的開源圖形庫 —— 數據可視化

一、單元測試/測試運行器

1、Jest：https://www.oschina.net/p/jest

知名的 JavaScript 單元測試工具，由 Facebook 開源，開箱即用。它在最基礎層面被設計用於快速、簡單地編寫地道的 JavaScript 測試，能自動模擬 require 返回的 CommonJS 模塊，並提供了包括內置的測試環境 Dom API 支持、合理的默認值、預處理代碼和默認執行并行測試在內的特性。通過在并行進程中同時運行測試，讓測試更快地結束。

2、AVA：https://www.oschina.net/p/ava

號稱「未來的測試運行器」，利用 JavaScript 在 Node.js 里使得 IO 可以并行的優點，讓你的測試可以併發執行，這對於 IO 繁重的測試特別有用。另外，測試文件可以在不同的進程里并行運行，讓每一個測試文件可以獲得更好的性能和獨立的環境。測試併發執行強制你寫原子測試，意味著測試不需要依賴全局狀態或者其他測試的狀態。

3、Mocha：https://www.oschina.net/p/mocha-js

一個功能豐富的測試框架，用於 Node.js 和瀏覽器上的 JavaScript 應用測試，使非同步測試變得簡單而有趣。它可以持續運行測試，支持靈活又準確的報告，當映射到未捕獲異常時轉到正確的測試示例。

4、Karma：https://www.oschina.net/p/karma

基於 Node.js 的 JavaScript 測試運行器，旨在為開發人員帶來有效的測試環境。可用於測試所有主流 Web 瀏覽器，也可集成到 CI 工具，還可和其他代碼編輯器一起使用。另外一個強大特性就是，它可以監控文件的變化，然後自行執行，通過 console.log 顯示測試結果。

二、Web 測試

1）集成測試

Enzyme：https://www.oschina.net/p/enzyme

一個用於 React 的 JavaScript 測試工具，方便你判斷、操縱和歷遍 React Components 輸出。其 API 旨在通過模仿 jQuery 的 API ，使得 DOM 操作和歷遍很靈活、直觀。兼容所有的主要測試運行器和判斷庫。

示例：Shallow Rendering

import React from 'react';import { expect } from 'chai';import { shallow } from 'enzyme';import sinon from 'sinon';import MyComponent from './MyComponent';import Foo from './Foo';describe('', => {

it('renders three components', => { const wrapper = shallow();

expect(wrapper.find(Foo)).to.have.length(3);

});

it('renders an `.icon-star`', => { const wrapper = shallow();

expect(wrapper.find('.icon-star')).to.have.length(1);

});

it('renders children when passed in', => { const wrapper = shallow((