DashboardPage.md

DashboardPage 測試案例

狀態：初始為 [ ]、完成為 [x] 注意：狀態只能在測試通過後由流程更新。 測試類型：UI 渲染、API 互動、互動邏輯

---

[x] 【UI 渲染】檢查儀表板基本元素

範例輸入：

• Mock User info
• 進入 DashboardPage
  期待輸出：
• 渲染 "儀表板" 標題
• 渲染 User 歡迎訊息與頭像
• 渲染 "商品列表" 區塊
• 渲染 "登出" 按鈕

---

[x] 【UI 渲染】管理員專屬連結顯示

範例輸入：

• Case 1: Mock User role 為 'admin'
• Case 2: Mock User role 為 'user'
  期待輸出：
• Case 1: 顯示 "管理後台" 連結
• Case 2: 不顯示 "管理後台" 連結

---

[x] 【API 互動】成功載入商品列表

範例輸入：

• Mock getProducts resolve with product list
• 渲染頁面
  期待輸出：
• 初始顯示 "載入商品中..."
• 載入完成後顯示 Mock 的商品資料 (名稱、價格、描述)
• 不顯示錯誤訊息

---

[x] 【API 互動】載入商品失敗

範例輸入：

• Mock getProducts reject with error
• 渲染頁面
  期待輸出：
• 顯示錯誤訊息 (Mock 的錯誤訊息或預設訊息)
• 不顯示商品列表

---

[x] 【互動邏輯】點擊登出按鈕

範例輸入：

• Mock logout
• 點擊 "登出" 按鈕
  期待輸出：
• 呼叫 logout
• 導航至 /login