coffee-cart-cwc

Aiden cwc wrote:

測試目的 (Objective)¶

驗證桌面端使用者將滑鼠游標懸停在右下角付款總金額按鈕時，能否正確喚出快捷購物車預覽視窗，並支援在浮層中直接增減品項數量。

前置條件 (Preconditions)¶

1. 使用桌面端瀏覽器（螢幕解析度寬度 >= 1024px）。
2. 開啟首頁 Coffee cart。
3. 點選加入至少 1 種咖啡品項（例如：Cappuccino $19.00 x1），右下角顯示 Total: $19.00。

測試步驟 (Test Steps)¶

1. 將滑鼠游標移動至右下角 Total: $19.00 按鈕上方（Hover）。
2. 觀察是否彈出快速預覽浮層（Quick cart preview）。
3. 游標移動至浮層內的品項清單，點擊 Cappuccino 旁邊的增加按鈕（+）。
4. 觀察浮層數量、右下角按鈕金額與導覽列購物車計數變化。
5. 點擊浮層內的減少按鈕（-）將數量減少。
6. 將滑鼠游標移開該按鈕與浮層區域。

預期結果 (Expected Results)¶

1. 步驟 1-2：滑鼠懸停後，順暢淡入/彈出購物車快速預覽浮層，清單清楚列出目前已加入的品項、數量與單價。
2. 步驟 3-4：直接在預覽浮層內點擊 + 能成功加購，Cappuccino 數量更新為 2，按鈕總額即時連動為 Total: $38.00，導覽列變為 cart (2)。
3. 步驟 5：點擊 - 能正確減少數量並重新計算金額。
4. 步驟 6：游標移開後浮層正常收合隱藏，不阻擋底層菜單品項的點擊互動。

實際測試結果 (Actual Results)¶

• 執行狀態：Pass (完全通過 - 桌面端懸停預覽浮層與快捷增減功能符合預期)
• 嚴重程度：None (無缺陷)
• 實際呈現：
  1. 懸停即時喚出快速預覽浮層 (Step 1-2)：
     • 將滑鼠游標移至右下角 Total 付款按鈕上方時，頁面順暢彈出購物車快速預覽浮層（Quick cart preview）。
     • 浮層內清晰完整列出當前購物車已加入之咖啡品項名稱、單價、已選數量，以及對應的 + 與 - 快捷操作按鈕。
  2. 浮層內快捷加購連動正常 (Step 3-4)：
     • 直接在預覽浮層中點擊品項旁邊的 + 按鈕，品項數量成功即時遞增。
     • 頂部導覽列計數器、浮層內部數量顯示，以及下方按鈕之總金額（Total: $XX.00）三者即時同步更新，無計算偏差。
  3. 浮層內快捷扣減連動正常 (Step 5)：
     • 點擊 - 按鈕可順暢遞減數量，各處顯示金額與數量均能即時同步扣減。
  4. 游標移開順暢隱藏收合 (Step 6)：
     • 將滑鼠游標移開付款按鈕與預覽浮層區域後，浮層順暢收合隱藏，完全不阻礙底層菜單品項的瀏覽與點擊操作。