Đối chiếu bản clone HTML với tài liệu wireframe của dự án — phân theo 4 tab của app
| Trạng thái test | Logout và Login — dữ liệu được tách theo menu con để lọc riêng trạng thái chưa đăng nhập / đã đăng nhập. |
|---|---|
| Kết luận nhanh | Logout: thiếu màn và lỗi điều hướng theo từng tab. Login: bổ sung lỗi banner, Tea Leaves, Voucher, Delivery và thiếu điều hướng avatar từ Trang chủ sang Tab Tôi. |
| # | Tab | Màn trong clone | Đã soi | Mục thiếu | Ghi chú |
|---|---|---|---|---|---|
| 1 | 🏠 Trang chủ | 9 màn | ✓ đã soi | 3 màn thiếu | Chi tiết ở bảng 2 |
| 2 | 🥤 Đồ uống (menu) | 11 màn | thiếu 11 màn | luồng combo chưa dựng | Chi tiết ở bảng 3a |
| 3 | 📋 Đơn hàng | 5 màn | 1 lỗi + 11 màn thiếu | gợi ý đăng nhập chưa dựng | Chi tiết ở bảng 4a · 4b |
| 4 | 👤 Tôi | 6 màn | 2 lỗi + 14 màn thiếu | login gate/điều hướng chưa đúng | Chức năng: bảng 5b · UI/UX: bảng 5a |
| — | (ngoài 4 tab) | 1 màn | — | — | gallery.html — trang điều hướng của bản clone, không phải màn app |
| STT | Thao tác | YC | Clone | Ảnh màn test |
|---|---|---|---|---|
| 1 | Ở Trang chủ, nhấn vào icon đại diện | Khi nhấn vào icon đại diện phải hiện trang Tôi. | Thiếu luồng điều hướng sang Tab Tôi; hiện đang ra trang menu/đồ uống. |
| STT | Thao tác | YC | Clone | Ảnh màn test |
|---|---|---|---|---|
| 1 | Ở Trang chủ, nhấn banner | Khi nhấn banner phải điều hướng sang menu. | Banner tĩnh, không mở được đến trang menu. | ![]() |
| 2 | Ở Tab Tôi, nhấn TEA LEAVES | Khi nhấn phải điều hướng sang trang Tea Leaves của tôi. | Không điều hướng sang trang khác. | ![]() |
| 3 | Ở Tab Tôi, nhấn VOUCHER | Khi nhấn phải điều hướng sang trang Voucher của tôi. | Không điều hướng sang trang khác. | ![]() |
| 4 | Nhấn Delivery | Phải điều hướng sang trang Chọn địa chỉ giao hàng; sau khi chọn địa chỉ xong mới hiện trang menu/đồ uống ở tab Giao hàng. | Đang điều hướng thẳng sang trang menu tab Giao hàng. | ![]() |
| # | Thao tác | Màn mong đợi | Mã WF | Clone | Ảnh app thật (chưa đăng nhập) |
|---|---|---|---|---|---|
| 1 | Truy cập vào ứng dụng | Splash quảng cáo key visual chiến dịch, đếm ngược “Bỏ qua Ns” |
WF-2.1 | ✕ chưa có | ![]() |
| 2 | Sau khi hết số giây, hiện màn hình trang chủ | Popup quảng cáo lớp 2 đè lên Trang chủ |
WF-2.1.1 | ✕ chưa có | ![]() |
| 3 | Thao tác kéo thả (reload) trang chủ | Kéo xuống làm mới pull-to-refresh |
WF-2.1.4 | ✕ chưa có | ![]() |
| 4 | Nhấn icon ảnh đại diện trên Trang chủ | Gợi ý đăng nhập hiện đúng sheet yêu cầu đăng nhập khi guest nhấn avatar. |
chưa có | ✕ chưa có | |
| 5 | Nhấn icon Việt Nam trên Trang chủ | Sheet chọn quốc gia hiện danh sách quốc gia và trạng thái Việt Nam đang được chọn. |
chưa có | ✕ chưa có | ![]() |
| # | Thao tác | Màn mong đợi | Clone | Ảnh màn test |
|---|---|---|---|---|
| 1 | Từ Trang chủ chọn Calorie Calculator | Mở màn Calorie Calculator và cho thao tác bình thường: tích chọn loại trà/cup, cuộn/kéo trang để tiếp tục kiểm tra. | Màn test bị kẹt trạng thái Loading, không thao tác tích chọn hoặc kéo chuột/cuộn được. | ![]() |
| 2 | Nhấn banner trên màn hình Trang chủ | Điều hướng sang tab Giao hàng theo app thật. | Banner đang tĩnh, không điều hướng khi nhấn. | ![]() |
| # | Thao tác | Hiện tại (sai) | Yêu cầu | Ảnh hiện trạng |
|---|---|---|---|---|
| 1 | Nhấn icon ảnh đại diện góc phải màn hình | Nhảy về Trang chủ rồi mở sheet CHÀO MỪNG — sai trang | Phải vào đúng trang tương ứng của avatar (tab Tôi / hồ sơ), rồi mới hỏi đăng nhập nếu cần |
| # | Tab con | Trạng thái | Mã WF | Clone | Ảnh app thật |
|---|---|---|---|---|---|
| 1 | Tất cả | Gợi ý đăng nhập — bằng email sheet “Nhập địa chỉ email của bạn” |
WF-2.12 | ✕ chưa có | ![]() |
| 2 | Thoát gợi ý → danh sách rỗng “KHÔNG CÓ ĐƠN HÀNG.” + nút Đặt ngay |
WF-2.11 | ✕ chưa có | ![]() |
|
| 3 | Trên ứng dụng | Gợi ý đăng nhập — bằng SĐT sheet CHÀO MỪNG |
WF-2.12 | ✕ chưa có | ![]() |
| 4 | Gợi ý đăng nhập — bằng email | WF-2.12 | ✕ chưa có | ![]() |
|
| 5 | Thoát gợi ý → danh sách rỗng | WF-2.11 | ✕ chưa có | ![]() |
|
| 6 | Tại cửa hàng | Gợi ý đăng nhập — bằng SĐT | WF-2.12 | ✕ chưa có | ![]() |
| 7 | Gợi ý đăng nhập — bằng email | WF-2.12 | ✕ chưa có | ![]() |
|
| 8 | Thoát gợi ý → danh sách rỗng | WF-2.11 | ✕ chưa có | ![]() |
|
| 9 | Khác | Gợi ý đăng nhập — bằng SĐT | WF-2.12 | ✕ chưa có | ![]() |
| 10 | Gợi ý đăng nhập — bằng email | WF-2.12 | ✕ chưa có | ![]() |
|
| 11 | Thoát gợi ý → danh sách rỗng | WF-2.11 | ✕ chưa có | ![]() |
| STT | Khu vực | Hình ảnh CHAGEE | Hình ảnh clon | Kết luận |
|---|---|---|---|---|
| 1 | Tất cả màn hình/sheet gợi ý đăng nhập | ![]() ![]() ![]() ![]() |
![]() |
Không khớpGhi chú: cứ màn nào hiện gợi ý đăng nhập thì UI/UX của CHAGEE và app test đang khác nhau. CHAGEE có sheet theo ngữ cảnh, có biến thể SĐT và email, nền phía sau bị dim đúng trạng thái; clone đang dùng một login gate chung nên bố cục, tiêu đề, icon, input, checkbox/marketing consent và luồng chuyển SĐT/email không khớp. |
| 2 | Các khu vực bị ảnh hưởng | ![]() ![]() |
![]() |
Không khớpGhi chú: áp dụng cho Tab Tôi, Voucher, Menu/Đồ uống, Đơn hàng và các entry khác có yêu cầu đăng nhập. Không đánh giá từng màn là khớp nếu còn dùng cùng một sheet clone khác CHAGEE. |
| STT | Khu vực | Hình ảnh CHAGEE | Hình ảnh clon | Kết luận |
|---|---|---|---|---|
| 1 | Nhấn icon VN trên Trang chủ | ![]() |
![]() |
Không khớpGhi chú: khi nhấn icon VN, CHAGEE hiển thị sheet ngôn ngữ dạng bottom sheet trong khung mobile, bo góc phía trên và phủ dim đúng trong màn app. App test đang bung sheet theo chiều ngang toàn màn desktop, kích thước và vị trí sai so với CHAGEE. |
| STT | Thao tác | Màn mong đợi | Clone | Ảnh app thật (chưa đăng nhập) |
|---|---|---|---|---|
| 1 | Nhấn icon quốc kỳ Việt Nam | Màn/sheet chọn quốc gia hoặc ngôn ngữ đúng theo app thật. | Tĩnh, không hiện danh sách chọn quốc gia. | ![]() |
| 2 | Nhấn icon đại diện đăng nhập | Hiện đủ 2 biến thể gợi ý đăng nhập: bằng email và bằng SĐT. | Thiếu email/SĐT theo từng entry; clone dùng một login gate chung, không tách state theo entry. | ![]() ![]() |
| 3 | Nhấn cài đặt | Guest được gợi ý đăng nhập trước khi vào cài đặt, có đủ biến thể email/SĐT. | Thiếu màn gợi ý đăng nhập riêng cho cài đặt. | ![]() ![]() |
| 4 | Nhấn thông báo | Hiện gợi ý đăng nhập riêng cho thông báo, có đủ biến thể email/SĐT. | Thiếu màn gợi ý đăng nhập riêng cho thông báo. | ![]() ![]() |
| 5 | Nhấn FRIEND | Hiện gợi ý đăng nhập đúng flow app thật; không tự che toàn bộ tab Tôi khi vừa mở. | Thiếu màn gợi ý đăng nhập riêng; clone đang bật login gate chung. | ![]() ![]() |
| 6 | Nhấn TEA LEAVES | Hiện gợi ý đăng nhập đúng flow app thật, có đủ biến thể email/SĐT. | Thiếu màn gợi ý đăng nhập riêng cho Tea Leaves. | ![]() ![]() |
| 7 | Nhấn VOUCHER | Hiện gợi ý đăng nhập đúng flow app thật, có đủ biến thể email/SĐT. | Thiếu màn gợi ý đăng nhập riêng cho Voucher. | ![]() ![]() |
| STT | Thao tác | YC | Clone | Ảnh app thật (chưa đăng nhập) |
|---|---|---|---|---|
| 1 | Nhấn banner trong màn Tôi | Banner phải mở đúng màn chiến dịch/chi tiết tương ứng trong app thật, không nhảy sang order/menu. | Lỗi điều hướng: nhấn banner ra màn hình order/menu. | |
| 2 | Nhấn Những câu hỏi thường gặp | Nhấn Những câu hỏi thường gặp phải hiện trang Những câu hỏi thường gặp. | Nhấn Câu hỏi thường gặp nhưng điều hướng vào gợi ý đăng nhập. | ![]() |
| 3 | Test mục đăng nhập | Không giới hạn số khi test đăng nhập. | Mục đăng nhập khi test đang giới hạn số. | ![]() |