coffee-cart-cwc

Aiden cwc wrote:

測試目的 (Objective)¶

驗證使用者在購物車頁面調整各品項數量時，小計與總額計算是否精準，以及數量遞減至 0 時品項是否正確自清單移除並在無商品時回退至空狀態。

前置條件 (Preconditions)¶

1. 開啟受測網站：Coffee cart。
2. 購物車已加入至少 2 種品項（例如：Espresso $10.00 x1、Mocha $8.00 x1，初始總額 $18.00）。
3. 點擊頂部導覽列 cart (2) 進入 購物車頁面。

測試步驟 (Test Steps)¶

1. 在購物車清單找到「Espresso」品項，點擊數量旁的增加按鈕（+）。
2. 觀察 Espresso 的數量顯示、小計金額以及底部的 Total 總金額。
3. 連續點擊 Espresso 數量旁的減少按鈕（-）2 次（使其數量由 2 變為 1，再變為 0）。
4. 觀察 Espresso 是否自購物車清單中消失，且導覽列計數器相應扣減。
5. 對剩餘的「Mocha」品項點擊減少按鈕（-）使其數量歸零。
6. 檢視清空所有商品後的畫面狀態。

預期結果 (Expected Results)¶

1. 步驟 1-2：Espresso 數量由 1 變為 2，該品項小計變為 $20.00，底部總計更新為 $28.00，導覽列更新為 cart (3)。
2. 步驟 3-4：
   • 第一次按 -：數量變為 1，總金額回退為 $18.00。
   • 第二次按 -：數量歸零，Espresso 該列即時自清單移除，總金額變為 $8.00，導覽列更新為 cart (1)。
3. 步驟 5-6：最後一項商品數量歸零後，清單自動清空並呈現空狀態文字 No coffee, go add some.，導覽列回復為 cart (0)。
4. 所有數量增減過程中無計算精度偏差與畫面卡頓問題。

實際測試結果 (Actual Results)¶

• 執行狀態：Pass (完全通過 - 購物車頁面品項增減、金額連動與歸零移除機制符合預期)
• 嚴重程度：None (無缺陷)
• 實際呈現：
  1. 品項數量遞增與金額連動精準 (Step 1-2)：
     • 在 /cart 頁面點擊 Espresso 旁的 + 按鈕後，數量即時由 1 更新為 2。
     • 該品項小計即時計算為 $20.00，底部結帳總金額由 $18.00 同步累加為 $28.00，頂部導覽列計數器亦精準連動為 cart (3)。
  2. 逐步扣減與歸零自清單移除 (Step 3-4)：
     • 第一次點擊 - 按鈕：Espresso 數量降為 1，總金額同步回退至 $18.00。
     • 第二次點擊 - 按鈕：Espresso 數量歸零，該品項列即時從購物車清單中卸載移除，剩餘商品（Mocha）與總計 $8.00 正常顯示，導覽列即時扣減為 cart (1)。
  3. 全數歸零自動回退空狀態提示 (Step 5-6)：
     • 點擊扣減使最後一項商品（Mocha）數量歸零後，購物車清單容器完全清空。
     • 頁面即刻切換呈現空狀態提示字樣：No coffee, go add some.，導覽列計數器回復為 cart (0)，右下角結帳按鈕亦同步隱藏或重置。
  4. 運算精度與效能穩定：
     • 各次數量調整過程中，金額計算精準無誤，未出現 JavaScript 浮點數精度偏差（如多位小數問題），畫面渲染流暢無卡頓。