← Danh sách kịch bản L4 · Tổng quan

wb-session-resume

Target: web-popup | Khổ màn hình: 1440×900 | Đồng hồ đóng băng: 2026-08-02T09:00:00 | TZ: Europe/Berlin

Steps: 8 | Có Expected: 8 | Thiếu Expected: 0

#StepMàn hìnhTổngExpected
1khách vãng lai đang dở dangwizard:services5.00✅
2đóng rồi mở lại — khách vãng laiwizard:client0.00✅
3đăng nhập thành viênwizard:client0.00✅
4thành viên đang dở dangwizard:services35.00✅
5đóng rồi mở lại — thành viênwizard:client35.00✅
6bấm Next mà chưa chọn lại giờwizard:client35.00✅
7chọn lại giờ rồi Nextwizard:services35.00✅
8đặt xong, bấm Done rồi mở lạiwizard:client0.00✅

wb-session-resume Step 1 · khách vãng lai đang dở dang

🎯 Expected: Đã điền bước 1 và có 1 dịch vụ trong giỏ, tổng 5.

step 1

Panels

Đơn đặt

Mục trong giỏ
French Tip$5.00+ · 15 min Add add-ons
TrườngGiá trị
Màn hìnhwizard:services
Tổng tiền5.00
Số add-on0

Thành viên

Đăng nhậpChip
——

wb-session-resume Step 2 · đóng rồi mở lại — khách vãng lai

🎯 Expected: Về bước 1 SẠCH TRƠN: ô tên rỗng, giỏ rỗng, tổng 0. Khách vãng lai bỏ dở thì không lưu gì.

step 2

Panels

Đơn đặt

TrườngGiá trị
Tên
SĐT
Email
Ngày2026-08-02
Giờ
Số khách1
TrườngGiá trị
Màn hìnhwizard:client
Tổng tiền0.00
Số add-on0

Thành viên

Đăng nhậpChip
——

wb-session-resume Step 3 · đăng nhập thành viên

🎯 Expected: Bước 1 hiện thẻ thành viên; tên và số điện thoại lấy từ tài khoản và bị khoá (readonly).

step 3

Panels

Đơn đặt

TrườngGiá trị
TênAmanda Cole
SĐT555 987 6543
Emailamanda.c@example.com
Ngày2026-08-02
Giờ
Số khách1
TrườngGiá trị
Màn hìnhwizard:client
Tổng tiền0.00
Số add-on0

Thành viên

Đăng nhậpChip
✅ cóAmanda ColeGold member 1,680 loyalty points View member portal Sign out

wb-session-resume Step 4 · thành viên đang dở dang

🎯 Expected: Giỏ có 2 dịch vụ, tổng 35.

step 4

Panels

Đơn đặt

Mục trong giỏ
French Tip$5.00+ · 15 min Add add-ons
Classic Pedicure$30.00 · 45 min Bundled add-ons Add add-ons
TrườngGiá trị
Màn hìnhwizard:services
Tổng tiền35.00
Số add-on0

Thành viên

Đăng nhậpChip
——

wb-session-resume Step 5 · đóng rồi mở lại — thành viên

🎯 Expected: Về bước 1 nhưng GIỎ CÒN NGUYÊN (tổng vẫn 35) và danh tính vẫn khoá. Chỉ NGÀY và GIỜ bị xoá — slot cũ có thể đã bị đặt mất hoặc thành quá khứ nên bắt chọn lại.

step 5

Panels

Đơn đặt

TrườngGiá trị
TênAmanda Cole
SĐT555 987 6543
Emailamanda.c@example.com
Ngày
Giờ
Số khách1
TrườngGiá trị
Màn hìnhwizard:client
Tổng tiền35.00
Số add-on0

Thành viên

Đăng nhậpChip
✅ cóAmanda ColeGold member 1,680 loyalty points View member portal Sign out

wb-session-resume Step 6 · bấm Next mà chưa chọn lại giờ

🎯 Expected: Bị chặn ngay ở bước 1: ô ngày và ô giờ bị đánh dấu lỗi, không sang được bước 2.

step 6

Panels

Đơn đặt

TrườngGiá trị
TênAmanda Cole
SĐT555 987 6543
Emailamanda.c@example.com
Ngày
Giờ
Số khách1
TrườngGiá trị
Màn hìnhwizard:client
Tổng tiền35.00
Số add-on0

Thành viên

Đăng nhậpChip
✅ cóAmanda ColeGold member 1,680 loyalty points View member portal Sign out

wb-session-resume Step 7 · chọn lại giờ rồi Next

🎯 Expected: Sang bước 2 và giỏ đúng như lúc bỏ dở: 2 dịch vụ, tổng 35.

step 7

Panels

Đơn đặt

Mục trong giỏ
French Tip$5.00+ · 15 min Add add-ons
Classic Pedicure$30.00 · 45 min Bundled add-ons Add add-ons
TrườngGiá trị
Màn hìnhwizard:services
Tổng tiền35.00
Số add-on0

Thành viên

Đăng nhậpChip
——

wb-session-resume Step 8 · đặt xong, bấm Done rồi mở lại

🎯 Expected: Bắt đầu lại từ bước 1 với giỏ rỗng, và STEPPER được hiện lại (màn xác nhận đã ẩn nó đi). Danh tính thành viên vẫn còn nên tên/số điện thoại tự điền.

step 8

Panels

Đơn đặt

TrườngGiá trị
TênAmanda Cole
SĐT555 987 6543
Emailamanda.c@example.com
Ngày2026-08-02
Giờ
Số khách1
TrườngGiá trị
Màn hìnhwizard:client
Tổng tiền0.00
Số add-on0

Thành viên

Đăng nhậpChip
✅ cóAmanda ColeGold member 1,680 loyalty points View member portal Sign out

Hướng dẫn cho LLM review

Với mỗi step: đọc Expected, đối chiếu với ảnh và bảng Panels, rồi trả lời

KHỚP hoặc LỆCH. Nếu LỆCH, chỉ rõ phần nào của Expected không thấy.

Giới hạn đã biết của ảnh L4: test chạy trong jsdom, không có layout engine, nên mọi vị trí do app tự tính từ kích thước đo được sẽ không đúng. Ảnh này do Chromium dựng lại TỪ DOM dump ở bước sau, nên bố cục CSS tĩnh thì đúng, còn thứ phụ thuộc đo đạc lúc chạy thì không. Đừng báo LỆCH vì lý do bố cục — chỉ xét nội dung, text, trạng thái và sự hiện diện của phần tử.

Font chữ trong ảnh khác bản thật: <link> Google Fonts bị gỡ khi nạp trang để test không đi ra mạng, nên chữ rơi về serif hệ thống. Đây không phải lỗi.