265. To B 端 Web 頁面上線前 checklist
摘要:
表格
[ ] 數值類欄位:右對齊
[ ] 非數值類欄位,左對齊
[ ] 數值類欄位:千分位
[ ] 小數類欄位:保留兩位小數
[ ] 分頁資料是否正確:offset、limit
[ ] 降序、逆序是否正確(如果是後端分頁,需要檢查跨頁的排序...
表格
- [ ] 數值類欄位:右對齊
- [ ] 非數值類欄位,左對齊
- [ ] 數值類欄位:千分位
- [ ] 小數類欄位:保留兩位小數
- [ ] 分頁資料是否正確:offset、limit
- [ ] 降序、逆序是否正確(如果是後端分頁,需要檢查跨頁的排序是否正確)
- [ ] 搜尋需要支援大小寫過濾
樣式
-
可點選區域,滑鼠樣式為:
cursor: pointer;
, 小手的樣式
Chart
- 餅圖中的Legend 按照佔比排序(可降序或者逆序)
下拉選單
- 頁面中同時最多有一個下拉選單可以展開
資料
- 前端點選 Action,發起請求,觀察 API 是否與 Postman 中的資料,是否一致(如果存在分頁,至少需要測試到兩頁以後的資料)
過濾、搜尋
- 表格、下拉選單 Filter 支援忽略大小寫
錯誤處理
- 500、502、504 之類的錯誤是否處理
處理 500 之類的錯誤的同時,需要將前一次搜尋的資料清空掉。防止看到錯誤的資料