coffee-cart-cwc

Aiden cwc wrote:

測試目的 (Objective)¶

驗證系統在購物車累計加入商品達到 3 的倍數（如第 3、6、9 件）時，能否準確於頁面頂部觸發隨機半價咖啡（Random promo coffee）的非阻斷式促銷提示卡片，且底層頁面仍能維持正常瀏覽與點擊。

前置條件 (Preconditions)¶

1. 開啟受測網站：Coffee cart。
2. 購物車初始為空狀態（cart (0)）。

測試步驟 (Test Steps)¶

1. 在首頁依序點擊加入第 1 杯與第 2 杯任意咖啡（如 Espresso、Espresso Macchiato）。
2. 點擊加入第 3 杯咖啡。
3. 觀察加入瞬間頁面頂部是否出現促銷提示區塊（Promo Box），並檢查底層菜單是否維持可點擊狀態（非阻斷式）。
4. 點擊略過提示（如「Nah, I'll skip.」），繼續依序點擊加入第 4、第 5 杯咖啡。
5. 點擊加入第 6 杯咖啡，觀察畫面頂部反饋。

預期結果 (Expected Results)¶

1. 步驟 1：前 2 件商品正常加入，頁面頂部無任何促銷提示。
2. 步驟 2-3：加入第 3 件商品的當下，頁面頂部（導覽列下方）立即插入促銷提示卡片（顯示提示文字如「It's your lucky day! Get an extra cup of {Coffee} for ${Price}.」），包含該隨機品項的配方杯圖與 [Yes, of course!]、[Nah, I'll skip.] 選擇按鈕；此提示為非阻斷式（Non-blocking），不影響背景菜單之瀏覽與操作。
3. 步驟 4：略過後促銷卡片收合，第 4、第 5 杯正常加入，無促銷提示打擾。
4. 步驟 5：加入第 6 杯商品時，系統再次精準於頂部觸發新的隨機促銷提示，驗證每滿 3 件之規律觸發邏輯正確。
5. 檢查 Console Log 無任何未捕獲的腳本異常。

實際測試結果 (Actual Results)¶

• 執行狀態：Pass (完全通過 - 促銷提示卡片觸發機制與非阻斷式互動符合預期)
• 嚴重程度：None (無缺陷)
• 實際呈現：
  1. 滿 3 件精準觸發頂部促銷 (Step 1-3)：
     • 加入前 2 杯時正常無干擾；點選加入第 3 杯咖啡瞬間，頁面頂部即時展開促銷提示卡片。
     • 提示卡片明確顯示隨機推薦之半價品項（例如：「It's your lucky day! Get an extra cup of Mocha for $4.」），並附帶該品項之分層配方圖杯與 Yes, of course!、Nah, I'll skip. 兩組選項。
  2. 非阻斷式互動維持良好：
     • 促銷提示係以內嵌區塊方式呈現於導覽列下方，並未強制鎖死全頁背景或跳出 Modal 遮罩；底下的咖啡菜單與右下角付款浮層依然清晰可見並維持可操作狀態。
  3. 倍數邊界邏輯正確 (Step 4-5)：
     • 略過第 3 件促銷後，加入第 4、5 件時頂部維持常態；加入第 6 件商品時，頁面再次準確觸發新一輪促銷提示，倍數判定精準無誤。
  4. 主控台運作正常：
     • 提示展開與收合過程順暢，DevTools Console 未拋出任何例外錯誤。