← Danh sách kịch bản L4 · Tổng quan
wb-join-from-success
Target: web-popup | 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 | đặt xong với tư cách khách vãng lai | wizard:success | 5.00 | ✅ |
| 2 | bấm Join Sona Rewards | wizard:success | 5.00 | ✅ |
| 3 | xác thực xong, thấy thẻ thành viên | wizard:success | 5.00 | ✅ |
| 4 | bấm OK | wizard:success | 5.00 | ✅ |
wb-join-from-success Step 1 · đặt xong với tư cách khách vãng lai
🎯 Expected: Màn Booking Confirmed hiện dải mời "You could have earned 5 points" kèm nút Join Sona Rewards. Chưa có khối số dư điểm vì chưa là thành viên.
Panels
Đơn đặt
| Trường | Giá trị |
|---|---|
| Màn hình | wizard:success |
| Tổng tiền | 5.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
wb-join-from-success Step 2 · bấm Join Sona Rewards
🎯 Expected: Modal Sona Rewards mở ở màn nhập số điện thoại. Màn Booking Confirmed vẫn nằm dưới, KHÔNG bị đá về bước 1.
Panels
Đơn đặt
| Trường | Giá trị |
|---|---|
| Màn hình | wizard:success |
| Tổng tiền | 5.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
Lớp phủ đang mở: memberOverlay
wb-join-from-success Step 3 · xác thực xong, thấy thẻ thành viên
🎯 Expected: Hiện thẻ thành viên. Nút apply mang nhãn "OK" — KHÁC với "Continue to booking" khi mở từ bước 1, vì ở đây không còn gì để quay lại đặt.
Panels
Đơn đặt
| Trường | Giá trị |
|---|---|
| Màn hình | wizard:success |
| Tổng tiền | 5.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
Lớp phủ đang mở: memberOverlay
wb-join-from-success Step 4 · bấm OK
🎯 Expected: Vẫn ở màn Booking Confirmed, nhưng dải mời tham gia được THAY bằng khối số dư điểm của thành viên (Current balance + thanh tiến độ hạng). Phiên đã được ghi lại cho portal đọc.
Panels
Đơn đặt
| Trường | Giá trị |
|---|---|
| Màn hình | wizard:success |
| Tổng tiền | 5.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
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.