265. To B 端 Web 頁面上線前 checklist

表格

  • [ ] 數值類字段:右對齊
  • [ ] 非數值類字段,左對齊
  • [ ] 數值類字段:千分位
  • [ ] 小數類字段:保留兩位小數
  • [ ] 分頁數據是否正確:offset、limit
  • [ ] 降序、逆序是否正確(若是是後端分頁,須要檢查跨頁的排序是否正確)
  • [ ] 搜索須要支持大小寫過濾

樣式

  1. 可點擊區域,鼠標樣式爲:cursor: pointer;, 小手的樣式

Chart

  1. 餅圖中的Legend 按照佔比排序(可降序或者逆序)

下拉菜單

  1. 頁面中同時最多有一個下拉菜單能夠展開

數據

  1. 前端點擊 Action,發起請求,觀察 API 是否與 Postman 中的數據,是否一致(若是存在分頁,至少須要測試到兩頁之後的數據)

過濾、搜索

  1. 表格、下拉菜單 Filter 支持忽略大小寫

錯誤處理

  1. 500、50二、504 之類的錯誤是否處理
處理 500 之類的錯誤的同時,須要將前一次搜索的數據清空掉。防止看到錯誤的數據
相關文章
相關標籤/搜索