Skip to content

清單頁面 測試項目

功能編號說明適合的測試類型優先 (理由)
1. 取得清單並顯示需串 API + 顯示 UI✅ 元件測試
🚫 單元測試
🥇 高
核心功能:資料載入是否能成功顯示
2. 關鍵字搜尋UI 操作搜尋欄位 + 過濾資料✅ 元件測試
✅ 單元測試
🥉 低
若由 v-data-table 處理,除非你有客製搜尋邏輯才要重測
3. 點新增/編輯/刪除按鈕事件依操作觸發 modal、API、更新列表✅ 元件測試🥈 中
是互動功能的入口
4. 載入時顯示 loading根據 API 狀態顯示 spinner✅ 元件測試🥇 高
使用者體驗感知明顯,壞了 UX 影響大
5. 空資料狀態顯示表格為空時顯示 placeholder✅ 元件測試🥈 中
邊界情況,避免畫面錯亂
6. 錯誤提示含 http 狀態碼顯示 toast 或 error 元件✅ 元件測試🥈 中
使用者體驗感知明顯,壞了 UX 影響大
7. 表格排序功能點欄位改變排序 + 資料排序✅ 元件測試
✅ 單元測試
🥉 低
若由 v-data-table 處理,除非你有客製搜尋邏輯才要重測
8. 權限控制元件顯示根據權限物件決定是否渲染✅ 元件測試
✅ 單元測試
🥈 中
影響操作體驗與資安風險