coffee-cart-cwc

Aiden cwc wrote:

測試目的 (Objective)¶

驗證使用者在菜單首頁點選單一咖啡品項時，商品能即時成功加入購物車，且頁面頂部計數與右下角結帳總金額正確同步。

前置條件 (Preconditions)¶

1. 開啟受測網站：Coffee cart。
2. 購物車狀態為空，初始顯示為 cart (0) 與 Total: $0.00。

測試步驟 (Test Steps)¶

1. 在菜單首頁找到「Espresso」品項卡片（標價 $10.00）。
2. 單擊該卡片或咖啡杯圖示 1 次。
3. 觀察頂部導覽列的購物車狀態。
4. 觀察右下角結帳預覽區的總金額變化。
5. 點擊頂部導覽列的 cart (1) 進入 購物車頁面。

預期結果 (Expected Results)¶

1. 步驟 2：點擊時卡片具有視覺點擊反饋。
2. 步驟 3：頂部導覽列文字由 cart (0) 即時更新為 cart (1)。
3. 步驟 4：右下角按鈕文字即時更新為 Total: $10.00。
4. 步驟 5：進入購物車頁面後，列表正確列出 Espresso，數量為 1，單價與小計皆為 $10.00。
5. DevTools Console 無任何警告或未捕獲之例外錯誤。

實際測試結果 (Actual Results)¶

• 執行狀態：Pass (完全通過 - 單品加入購物車、計數遞增與金額連動皆符合預期)
• 嚴重程度：None (無缺陷)
• 實際呈現：
  1. 點擊觸發與反饋正常 (Step 1-2)：
     • 單擊菜單首頁的「Espresso」品項卡片時，按鈕與圖示具備明確的點擊回饋，事件分發即時順暢。
  2. 導覽列計數器即時同步 (Step 3)：
     • 頂部導覽列文字於點擊後即刻由 cart (0) 正確更新為 cart (1)。
  3. 結帳金額與按鈕連動精準 (Step 4)：
     • 頁面右下角的結帳按鈕即時變更顯示為 Total: $10.00，金額格式標準化且無延遲。
  4. 購物車頁表明細正確渲染 (Step 5)：
     • 點擊頂部 cart (1) 進入 /cart 頁面，清單完整呈現 Espresso 單一商品列，數量標註為 1，單價與小計皆為 $10.00，底部總額與首頁完全一致。
  5. 控制台與效能監控正常：
     • 操作全程 DevTools Console 無任何 JavaScript 警告或未捕獲之例外錯誤，畫面未發生非預期的重繪或版面跳動。