← Danh sách kịch bản L4 · Tổng quan
wb-addon-required-gate
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 | chọn dịch vụ có add-on bắt buộc | wizard:services | 28.00 | ✅ |
| 2 | TẦNG ĐƠN ĐẶT — Next khi chưa mở add-on | wizard:services | 28.00 | ✅ |
| 3 | mở modal Bundled add-ons | wizard:services | 28.00 | ✅ |
| 4 | TẦNG MODAL — Save khi còn thiếu | wizard:services | 28.00 | ✅ |
| 5 | chọn đủ rồi Save | wizard:services | 34.00 | ✅ |
| 6 | Next lần hai | wizard:review | 34.00 | ✅ |
wb-addon-required-gate Step 1 · chọn dịch vụ có add-on bắt buộc
🎯 Expected: Giỏ có "Gel Manicure". Tên dịch vụ mang dấu sao đỏ vì có nhóm add-on bắt buộc.
Panels
Đơn đặt
| Mục trong giỏ |
|---|
| Gel Manicure*$28.00 · 45 min Bundled add-ons Add add-ons |
| Trường | Giá trị |
|---|---|
| Màn hình | wizard:services |
| Tổng tiền | 28.00 |
| Số add-on | 0 |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
wb-addon-required-gate Step 2 · TẦNG ĐƠN ĐẶT — Next khi chưa mở add-on
🎯 Expected: Vẫn ở bước 2. Dải cảnh báo #addon-gate hiện lên và nêu ĐÍCH DANH "Gel Manicure".
Panels
Đơn đặt
| Mục trong giỏ |
|---|
| Gel Manicure*$28.00 · 45 min Bundled add-ons Add add-ons |
| Trường | Giá trị |
|---|---|
| Màn hình | wizard:services |
| Tổng tiền | 28.00 |
| Số add-on | 0 |
| ⛔ Dải chặn | Please open Bundled add-ons for Gel Manicure and choose the required add-on before continuing. |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
wb-addon-required-gate Step 3 · mở modal Bundled add-ons
🎯 Expected: Modal add-on mở, chia theo nhóm, nhóm bắt buộc mang nhãn Required kèm bộ đếm dạng 0/1.
Panels
Đơn đặt
| Mục trong giỏ |
|---|
| Gel Manicure*$28.00 · 45 min Bundled add-ons Add add-ons |
| Trường | Giá trị |
|---|---|
| Màn hình | wizard:services |
| Tổng tiền | 28.00 |
| Số add-on | 0 |
| ⛔ Dải chặn | Please open Bundled add-ons for Gel Manicure and choose the required add-on before continuing. |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
Lớp phủ đang mở: addonOverlay
wb-addon-required-gate Step 4 · TẦNG MODAL — Save khi còn thiếu
🎯 Expected: Modal KHÔNG đóng. Cảnh báo hiện tại đúng nhóm còn thiếu. Giỏ chưa ghi add-on nào.
Panels
Đơn đặt
| Mục trong giỏ |
|---|
| Gel Manicure*$28.00 · 45 min Bundled add-ons Add add-ons |
| Trường | Giá trị |
|---|---|
| Màn hình | wizard:services |
| Tổng tiền | 28.00 |
| Số add-on | 0 |
| ⛔ Dải chặn | Please open Bundled add-ons for Gel Manicure and choose the required add-on before continuing. |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
Lớp phủ đang mở: addonOverlay
wb-addon-required-gate Step 5 · chọn đủ rồi Save
🎯 Expected: Modal đóng. Giỏ ghi đúng 1 add-on và tổng tiền tăng thêm đúng giá add-on đó.
Panels
Đơn đặt
| Mục trong giỏ |
|---|
| Gel Manicure*$28.00 · 45 min Cuticle Oil (+$6.00) Bundled add-ons Add add-ons |
| Trường | Giá trị |
|---|---|
| Màn hình | wizard:services |
| Tổng tiền | 34.00 |
| Số add-on | 1 |
| ⛔ Dải chặn | Please open Bundled add-ons for Gel Manicure and choose the required add-on before continuing. |
Thành viên
| Đăng nhập | Chip |
|---|---|
| — | — |
wb-addon-required-gate Step 6 · Next lần hai
🎯 Expected: Lần này qua được: sang bước xem lại, dải chặn biến mất.
Panels
Đơn đặt
| Mục trong giỏ |
|---|
| 1 Gel Manicure* AnyTracy NguyenMia HoJenna LeKevin PhamAnna TranLane Vu $28.00 4 |
| Trường | Giá trị |
|---|---|
| Màn hình | wizard:review |
| Tổng tiền | 34.00 |
| Số add-on | 1 |
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.