1 Cannot find module '@/components/Footer' from 'src/pages/user/Login/index.jsx' jest.config.js加上mo ...

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

在上一篇文章中，我們介紹了如何構建一個Ant Design Pro的環境。 同時講解了如何啟動服務並查看前端頁面功能。 在本文中，我們將簡單講解如何在Ant Design Pro框架下實現自己的業務功能。 目錄結構淺談 首先，我們來簡單了解一下整個項目的目錄結構及其中每個 ...

前端測試存在的問題 在講Sinon之前，我們得先講一下在學習了Mocha、chai以及enzyme之后，我們的前端測試還存在的一些問題。 比如前台測試需要與后台交互，獲取后台數據后再根據相應數據進行測試。 又比如一個函數測試依賴另一個函數，我們可以根據測試的目的去模擬另一個函數，講兩者的測試分開 ...

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

前端選型 ant-design-pro 演示 vue-element-admin iview-admin 官網地址 安裝 需要的命令 安裝Node.JS（含有腳本npm） node -v 檢查node.js npm install -g cnpm --registry=https ...

https://012x.ant.design/ 一直忙於工作，也沒時間總結。現在有點零散時間把之前做的筆記整理一下。 目前項目使用的技術棧是,前端UI框架Ant Design Pro，數據交互使用react,后端使用的是springcloud,離線存儲數據使用 ...

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