← Danh sách kịch bản L4 · Tổng quan
wb-member-signin
Target: web-popup | Khổ màn hình: 1440×900 | Đồng hồ đóng băng: 2026-08-02T09:00:00 | TZ: Europe/Berlin
Steps: 6 | Có Expected: 6 | Thiếu Expected: 0
| # | Step | Màn hình | Tổng | Expected |
|---|---|---|---|---|
| 1 | bước 1 khi chưa đăng nhập | wizard:client | 0.00 | ✅ |
| 2 | mở Sona Rewards | wizard:client | 0.00 | ✅ |
| 3 | gửi mã | wizard:client | 0.00 | ✅ |
| 4 | gõ đủ 4 chữ số | wizard:client | 0.00 | ✅ |
| 5 | xác nhận mã | wizard:client | 0.00 | ✅ |
| 6 | bấm Continue to booking | wizard:client | 0.00 | ✅ |
wb-member-signin Step 1 · bước 1 khi chưa đăng nhập
🎯 Expected: Hiện dải mời "Earn rewards on this visit" với nút Sign in / Join, chưa có thẻ thành viên.
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 | wizard:client |
| Tổng tiền | 0.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
wb-member-signin Step 2 · mở Sona Rewards
🎯 Expected: Modal mở ở màn nhập số điện thoại, có hai lối tắt demo bên dưới.
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 | wizard:client |
| Tổng tiền | 0.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
Lớp phủ đang mở: memberOverlay
wb-member-signin Step 3 · gửi mã
🎯 Expected: Sang màn nhập mã: đúng 4 ô, nút xác nhận đang khoá vì chưa đủ chữ số.
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 | wizard:client |
| Tổng tiền | 0.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
Lớp phủ đang mở: memberOverlay
wb-member-signin Step 4 · gõ đủ 4 chữ số
🎯 Expected: Nút xác nhận mở khoá.
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 | wizard:client |
| Tổng tiền | 0.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
Lớp phủ đang mở: memberOverlay
wb-member-signin Step 5 · xác nhận mã
🎯 Expected: Hiện thẻ thành viên Amanda Cole hạng GOLD với 1.680 điểm và danh sách quyền lợi. state.member CHƯA được set ở bước này.
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 | wizard:client |
| Tổng tiền | 0.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
Lớp phủ đang mở: memberOverlay
wb-member-signin Step 6 · bấm Continue to booking
🎯 Expected: Về bước 1: dải mời được thay bằng thẻ thành viên; tên, số điện thoại và email tự điền từ tài khoản.
Panels
Đơn đặt
| Trường | Giá trị |
|---|---|
| Tên | Amanda Cole |
| SĐT | 555 987 6543 |
| amanda.c@example.com | |
| Ngày | 2026-08-02 |
| Giờ | |
| Số khách | 1 |
| Trường | Giá trị |
|---|---|
| Màn hình | wizard:client |
| Tổng tiền | 0.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| ✅ 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.