← Danh sách kịch bản L4 · Tổng quan
ap-booking-happy-path
Target: app | 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
| # | Step | Màn hình | Tổng | Expected |
|---|---|---|---|---|
| 1 | mở app | portal:overview | 0.00 | ✅ |
| 2 | mở wizard đặt lịch | portal:overview | 0.00 | ✅ |
| 3 | điền đủ rồi Next | portal:overview | 0.00 | ✅ |
| 4 | chọn dịch vụ | portal:overview | 5.00 | ✅ |
ap-booking-happy-path Step 1 · mở app
🎯 Expected: app-booking nạp xong, có sẵn cả hàm của wizard lẫn của portal trong cùng một trang.
Panels
Đơn đặt
| Trường | Giá trị |
|---|---|
| Màn hình | portal:overview |
| Tổng tiền | 0.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
Cổng thành viên
| Trường | Giá trị |
|---|---|
| Tên | Mary Pham |
| Hạng | Gold Member |
| Điểm | 1240 |
| Khung nhìn | portal:overview |
| Số voucher | 1 |
ap-booking-happy-path Step 2 · mở wizard đặt lịch
🎯 Expected: Popup New Booking mở ở bước 1 với đủ trường như bản web.
Panels
Đơn đặt
| Trường | Giá trị |
|---|---|
| Tên | |
| SĐT | |
| Ngày | 2026-08-02 |
| Giờ | |
| Số khách | 1 |
| Trường | Giá trị |
|---|---|
| Màn hình | portal:overview |
| Tổng tiền | 0.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
Cổng thành viên
| Trường | Giá trị |
|---|---|
| Tên | Mary Pham |
| Hạng | Gold Member |
| Điểm | 1240 |
| Khung nhìn | portal:overview |
| Số voucher | 1 |
ap-booking-happy-path Step 3 · điền đủ rồi Next
🎯 Expected: Sang bước chọn dịch vụ, nút Next đang khoá vì giỏ rỗng.
Panels
Đơn đặt
| Trường | Giá trị |
|---|---|
| Màn hình | portal:overview |
| Tổng tiền | 0.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
Cổng thành viên
| Trường | Giá trị |
|---|---|
| Tên | Mary Pham |
| Hạng | Gold Member |
| Điểm | 1240 |
| Khung nhìn | portal:overview |
| Số voucher | 1 |
ap-booking-happy-path Step 4 · chọn dịch vụ
🎯 Expected: Giỏ có một dịch vụ, tổng tiền lớn hơn 0, nút Next mở khoá.
Panels
Đơn đặt
| Mục trong giỏ |
|---|
| French Tip$5.00+ · 15 min Add add-ons |
| Trường | Giá trị |
|---|---|
| Màn hình | portal:overview |
| Tổng tiền | 5.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
Cổng thành viên
| Trường | Giá trị |
|---|---|
| Tên | Mary Pham |
| Hạng | Gold Member |
| Điểm | 1240 |
| Khung nhìn | portal:overview |
| Số voucher | 1 |
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.