Actions
Feature #6694
openFeature #6693: [Test Suite] Coffee Cart 網站全功能驗收測試案例
[TC-01] 空購物車初始狀態檢查 - 驗證導覽列計數與空狀態提示
Feature #6694:
[TC-01] 空購物車初始狀態檢查 - 驗證導覽列計數與空狀態提示
Start date:
09/21/2026
Due date:
% Done:
100%
Estimated time:
0:18 h
Description
測試目的 (Objective)¶
驗證使用者在尚未選購任何品項時,系統能正確呈現初始零狀態,導覽列不應有計數異常,且進入購物車頁面能正確顯示空狀態提示。
前置條件 (Preconditions)¶
- 瀏覽器:Chrome / Edge / Firefox 最新版本。
- 開啟受測網站:Coffee cart。
- 本地儲存/快取清空,確保無殘留購物車歷史紀錄。
測試步驟 (Test Steps)¶
- 檢視首頁頂部導覽列右側的購物車連結文字。
- 檢視首頁右下角的付款總金額區塊。
- 點擊頂部導覽列的
cart (0)連結進入 購物車頁面。 - 觀察購物車頁面呈現的提示內容與版面配置。
預期結果 (Expected Results)¶
- 步驟 1:首頁導覽列文字正確顯示為
cart (0)。 - 步驟 2:首頁右下角 Total 金額顯示為
Total: $0.00。 - 步驟 3 & 4:成功跳轉至
/cart,畫面中央明顯顯示提示字樣:No coffee, go add some.。 - 購物車頁面不應出現任何品項清單、增減按鈕或非零的結帳資訊。
- 開啟 DevTools Console 無任何 JavaScript 報錯。
Updated by Aiden cwc 2 days ago
Aiden cwc wrote:
測試目的 (Objective)¶
驗證使用者在尚未選購任何品項時,系統能正確呈現初始零狀態,導覽列不應有計數異常,且進入購物車頁面能正確顯示空狀態提示。
前置條件 (Preconditions)¶
- 瀏覽器:Chrome / Edge / Firefox 最新版本。
- 開啟受測網站:Coffee cart。
- 本地儲存/快取清空,確保無殘留購物車歷史紀錄。
測試步驟 (Test Steps)¶
- 檢視首頁頂部導覽列右側的購物車連結文字。
- 檢視首頁右下角的付款總金額區塊。
- 點擊頂部導覽列的
cart (0)連結進入 購物車頁面。- 觀察購物車頁面呈現的提示內容與版面配置。
預期結果 (Expected Results)¶
- 步驟 1:首頁導覽列文字正確顯示為
cart (0)。- 步驟 2:首頁右下角 Total 金額顯示為
Total: $0.00。- 步驟 3 & 4:成功跳轉至
/cart,畫面中央明顯顯示提示字樣:No coffee, go add some.。- 購物車頁面不應出現任何品項清單、增減按鈕或非零的結帳資訊。
- 開啟 DevTools Console 無任何 JavaScript 報錯。
實際測試結果 (Actual Results)¶
- 執行狀態:Pass (完全通過 - 初始空狀態展示、導覽列計數與空購物車提示皆符合預期)
- 嚴重程度:None (無缺陷)
- 實際呈現:
- 首頁導覽列初始計數正確 (Step 1):
- 清除快取初次載入首頁時,頂部導覽列購物車連結明確顯示為
cart (0),未出現未定義數值(如NaN、undefined)或計數異常。
- 清除快取初次載入首頁時,頂部導覽列購物車連結明確顯示為
- 右下角結帳總額初始正確 (Step 2):
- 首頁右下角付款浮層按鈕文字精確顯示為
Total: $0.00,格式標準且未帶入任何預設品項金額。
- 首頁右下角付款浮層按鈕文字精確顯示為
- 購物車頁面空狀態提示完整 (Step 3-4):
- 點擊頂部
cart (0)連結順暢跳轉至/cart頁面。 - 畫面正中央完整渲染空狀態專屬提示語句:
No coffee, go add some.,字級與排版居中正常。 - 頁面未殘留任何商品清單容器、小計表格或非零金額之付款元件。
- 點擊頂部
- 主控台運作正常 (Step 5):
- 初次載入與路由切換至
/cart過程中,DevTools Console 未拋出任何例外錯誤或警告。
- 初次載入與路由切換至
- 首頁導覽列初始計數正確 (Step 1):
Actions