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

pt-cancel-booking

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

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

#StepMàn hìnhTổngExpected
1mở Booking Historyportal:bookings—✅
2bấm Cancel ở lịch sắp tớiportal:bookings—✅
3bấm Cancel (đóng hộp thoại)portal:bookings—✅
4mở lại rồi xác nhận huỷportal:bookings—✅

pt-cancel-booking Step 1 · mở Booking History

🎯 Expected: Danh sách lịch hẹn. 1 lịch sắp tới có nút Cancel; 1 lịch đã ở trạng thái Cancelled từ trước.

step 1

Cổng thành viên

TrườngGiá trị
TênMary Pham
HạngGold Member
Điểm1240
Khung nhìnportal:bookings
Số voucher1

pt-cancel-booking Step 2 · bấm Cancel ở lịch sắp tới

🎯 Expected: Hộp thoại mở với tiêu đề "Cancel this appointment?" và nút hành động ghi "Cancel appointment" — KHÔNG dùng nhãn mặc định "Remove". Nội dung nêu đích danh dịch vụ và ngày của lịch đó.

step 2

Cổng thành viên

TrườngGiá trị
TênMary Pham
HạngGold Member
Điểm1240
Khung nhìnportal:bookings
Số voucher1

Lớp phủ đang mở: cfOv

pt-cancel-booking Step 3 · bấm Cancel (đóng hộp thoại)

🎯 Expected: Hộp thoại đóng và KHÔNG có gì thay đổi: số lịch sắp tới giữ nguyên, không sinh thêm chip Cancelled.

step 3

Cổng thành viên

TrườngGiá trị
TênMary Pham
HạngGold Member
Điểm1240
Khung nhìnportal:bookings
Số voucher1

pt-cancel-booking Step 4 · mở lại rồi xác nhận huỷ

🎯 Expected: Lịch đó chuyển sang Cancelled: bớt một nút Cancel (còn 0) và thêm một chip Cancelled (thành 2). Toast báo "Appointment cancelled".

step 4

Cổng thành viên

TrườngGiá trị
TênMary Pham
HạngGold Member
Điểm1240
Khung nhìnportal:bookings
Số voucher1

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.