簡介 日常我們都忙於寫bug，有時候不妨停下腳步，找找bug。測試廣義上分為黑盒測試和白盒測試。單元測試屬於后者，是在知道程序運行邏輯的基礎上，設計測試用例，確保程序模塊行為與我們預期一致。 前端做單元測試的不多，但是並不代表不必要，對於一些復雜的數據處理、公共類庫等，單元測試是非常有必要 ...

的行為驅動測試和測試驅動測試的斷言庫，可與任何 JavaScript 測試框架集成。 Sinon 是 ...

前端單元測試 背景 一直以來，單元測試並不是前端工程師必須具備的一項技能，在國內的開發環境下，普遍都要求快，因此往往會忽略了項目的代碼質量，從而影響了項目的可維護性，可擴展性。隨着前端日趨工程化的發展，項目慢慢變得復雜，代碼越來越追求高復用性，這更加促使我們提高代碼質量，熟悉單元測試 ...

單元測試做什么 編寫用來做單元測試的js文件，並執行。 適合對誰做： 存放靜態方法的js文件，如utils/utils.js 頁面組件，即React Component 不適合對誰做： 模板自帶的js文件（不需要做改動，而且這種一般跑單測會有問題） 單元測試文件的特點 ...

React項目的單元測試 React的組件結構和JSX語法，對上一章的內容來講進行測試顯得很勉強。 React官方已經提供了一個測試工具庫：react-dom/test-utils 只是用起來不夠方便，於是有了一些第三方的封裝庫，比如Airbnb公司的Enzyme 測試項目的配置 本次測試 ...

jest jest是facebook推出的一款測試框架，集成了前面所講的Mocha和chai，jsdom，sinon等功能。 安裝與配置 運行命令jest后會自動運行項目下所有.test.js和.spec.js這種格式的文件。 涉及到運用ES或react的，要與babel相結合 ...

Mocha 的簡介 Mocha是流行的JavaScript測試框架之一，通過它添加和運行測試，從而保證代碼質量 Mocha 的安裝與配置 全局安裝Mocha 項目中也安裝Mocha 在package.json中加入下面腳本： Mocha 的使用 在使用前，我們先看 ...

敏捷軟件開發中，最重要實踐的就是測試驅動開發，在單元測試層面，我們試着實現一個重要的指標就是測試覆蓋率。測試覆蓋率衡量我們的代碼是否已經全部被測試到了。 但是指標本身不是目的，借助測試覆蓋率檢查，我們希望發現那些未被測試覆蓋的代碼，從而去思考如何測試那些代碼的邏輯，進而更好的設計重構 ...