React專案的UI測試

2021-09-13 18:55:37 字數 327 閱讀 5275

測試金字塔,**於人們將多層結構應用在前端測試領域(如圖1)。

下面主要說一下元件和單元測試:

由於是基於react+redux+saga的單頁應用,每個頁面,或者說元件的基本結構分為四部分:sagas儲存業務邏輯,index囊括了相關的action和reducer,component只進行ui渲染,container負責鏈結store和component。所以我採用的測試方案如下:

在國內一般的開發團隊都有專門的測試人員,但是在國外比較小的團隊就不會有。所以在開發同時不斷更新測試**也是很有必要的。

這是幾個月來在測試方面的一些個人理解,如有不對或不夠細緻的地方還請大家指正。

論專案的UI設計

最近專案驗收過程中,再一次提出了 ui設計問題,到底怎樣才算是好的 ui設計,談一下我的體會。進入頁面首先映入眼簾的就是色調了,如果色調搭配的很好,會給使用者很舒服的感覺,有使用此軟體的興趣 如果色調搭配凌亂,讓人看著不舒服,估計沒人會喜歡 色調不能太單一,也不能過於豐富,這種搭配也算是一門技術兼藝...

react專案的axios封裝

分享乙個 react axios 的元件封裝 請求 帶token放請求頭 import axios from axios import qs from qs import from antd import cookies from js cookie export default function ...

React專案的打包步驟

執行完上述命令,開啟本地瀏覽器,輸入localhost 3000,就能看到專案的執行效果。此時是開發模式。若使用npm run build,會被編譯到build目錄。將整個應用打包發布,自動試用webpack進行壓縮與優化。在專案路徑下,敲npm run build,就出現了build資料夾,同時終...