清單頁面 測試項目
| 功能編號 | 說明 | 適合的測試類型 | 優先 (理由) |
|---|---|---|---|
| 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. 權限控制元件顯示 | 根據權限物件決定是否渲染 | ✅ 元件測試 ✅ 單元測試 | 🥈 中 影響操作體驗與資安風險 |