← Danh sách kịch bản L4 · Tổng quan
wb-field-validation
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 | bỏ trống tên và ngày | wizard:client | 0.00 | ✅ |
| 2 | có tên và ngày nhưng bỏ trống số điện thoại | wizard:client | 0.00 | ✅ |
| 3 | số rác + email rác, chưa chọn giờ | wizard:client | 0.00 | ✅ |
| 4 | chọn giờ rồi Next | wizard:services | 0.00 | ✅ |
wb-field-validation Step 1 · bỏ trống tên và ngày
🎯 Expected: Ô tên và ô ngày bị đánh dấu lỗi CÙNG LÚC — không dừng ở ô đầu tiên rồi bắt sửa từng cái. Vẫn ở bước 1.
Panels
Đơn đặt
| Trường | Giá trị |
|---|---|
| Tên | |
| SĐT | |
| Ngày | |
| 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-field-validation Step 2 · có tên và ngày nhưng bỏ trống số điện thoại
🎯 Expected: Vẫn bị chặn: số điện thoại là bắt buộc. Ô tên và ô ngày đã hết lỗi.
Panels
Đơn đặt
| Trường | Giá trị |
|---|---|
| Tên | Nguyen Test |
| SĐT | |
| Ngày | 2026-08-05 |
| 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-field-validation Step 3 · số rác + email rác, chưa chọn giờ
🎯 Expected: Chỉ ô GIỜ bị đánh dấu lỗi. Ô số điện thoại KHÔNG lỗi dù nội dung không phải số — chỉ "để trống" mới chặn. Ô email bật gợi ý địa chỉ trông chưa đúng, nhưng đó là chỉ báo chứ không phải rào chặn.
📝 Hợp đồng ngược trực giác. Đừng "sửa" thành chặn nếu chưa hỏi chủ sản phẩm.
Panels
Đơn đặt
| Trường | Giá trị |
|---|---|
| Tên | Nguyen Test |
| SĐT | khong-phai-so |
| sai-dinh-dang | |
| Ngày | 2026-08-05 |
| 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-field-validation Step 4 · chọn giờ rồi Next
🎯 Expected: SANG ĐƯỢC bước 2 dù số điện thoại và email vẫn sai định dạng — hai thứ đó chưa bao giờ là điều kiện đặt lịch.
Panels
Đơn đặt
| Trường | Giá trị |
|---|---|
| Màn hình | wizard:services |
| Tổng tiền | 0.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.