為什么要做單元測試 　　作為一個前端工程師，我是很想去謝單元測試的，因為每天的需求很多，還要去編寫測試代碼，感覺時間都不夠用了。 　　不過最近開發了一個比較復雜的項目，讓我感覺一旦項目大了、復雜了，而且還是多人維護一個應用，編寫測試代碼， 　　還是很有必要的。畢竟這樣做完之后，后邊 ...

　　React單元測試，就是把React 組件渲染出來，看看渲染出來的內容符不符合我們的預期。比如組件加載的時候有loading, 那就渲染組件，看看渲染出的內容中有沒有loading. 再比如，ajax請求完成后，組件要顯示返回的數據, 那就渲染組件， 等待請求完成，然后看看渲染出來內容是不是 ...

寫在前面 使用 react hook 來做公司的新項目有一段時間了，大大小小的坑踩了不少。由於是公司項目，因此必須要編寫單元測試來確保業務邏輯的正確性以及重構時代碼的可維護性與穩定性，之前的項目使用的是 react@15.x 的版本，使用 enzyme 配合 jest 來做單元測試毫無壓力 ...

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相結合 ...

引言 在2020的今天，構建一個 web 應用對於我們來說，並非什么難事。因為有很多足夠多優秀的的前端框架（比如 react，vue 和 Angular）；以及一些易用且強大的UI庫（比如 Ant Design）為我們保駕護航，極大地縮短了應用構建的周期。 但是，互聯網時代也急劇地改變了許多 ...

開始 項目里安裝 Jest 初始化配置文件 在根目錄下生成 jest.config.js 的配置文件，scripts里添加的jest命令會在 jest.config.js 里找配置 一些報錯原因及處理 不支持es模塊的處理 由於針對的是ui組件庫進行測試不是純函數測試，如果直接 ...

在網上找了好久針對react-native的測試方法，但是沒有找到靠譜的方式。要么很淺只是跑了一下官方的例子，要么就是版本有點老舊，照着無法進行。jest提供的react-native例子很少，而enzyme提供的react-native-mock庫也是各種報錯，讓人很是絕望。於是乎在搜索到的信息 ...