Đố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 | Màn | Mục cập nhật | Nội dung | Status |
|---|---|---|---|---|
| 1 | 2 · Tab Trang chủ | Lỗi Delivery | Nhấn Delivery đang điều hướng sang menu đồ uống; YC: phải hiện trang Chọn địa chỉ giao hàng. | Fail |
| 2 | 5 · Tab Tôi | Lỗi icon đồng hồ trong Voucher của tôi | Nhấn icon đồng hồ chỉ hiện thông báo Lịch sử voucher (đang cập nhật); YC: điều hướng sang Lịch sử Voucher. | Fail |
| 3 | 5 · Tab Tôi | Thiếu Lịch sử Voucher | Thiếu tab Không khả dụng, reload tab Không khả dụng, tab Đã sử dụng và reload tab Đã sử dụng. | Fail |
| STT | Thao tác | YC | Clone | Ảnh màn test | Status |
|---|---|---|---|---|---|
| 1 | Tại màn hình đăng nhập, nhập số điện thoại rồi trượt xác minh | Hiện đủ trạng thái sau khi nhập số điện thoại: Vui lòng trượt để xác minh và Đã xác minh. | Thiếu trạng thái xác minh sau khi nhập số điện thoại. | ![]() ![]() |
Fail |
| STT | Thao tác | YC | Clone | Ảnh màn test | Status |
|---|---|---|---|---|---|
| 1 | Tại màn hình đăng nhập, nhập số điện thoại | Màn hình đăng nhập không giới hạn số điện thoại. | Đăng nhập bằng số điện thoại đang bị giới hạn số. | ![]() |
Fail |
| 2 | Nhập sai OTP quá số lần cho phép | Đăng nhập OTP có tối đa 4 lần nhập: nếu lần thứ 4 vẫn sai thì khóa tài khoản trong 10 phút. | Màn hình báo Tài khoản bị khóa trong 10 phút. | ![]() |
Fail |
| 3 | Trong lúc báo tài khoản bị khóa 10 phút, nhập số điện thoại khác | Phải xử lý đúng theo số mới, không dùng lại trạng thái khóa/OTP của số trước. | Thông báo Không gửi được OTP. Thử lại. | ![]() |
Fail |
| STT | Thao tác | YC | Clone | Ảnh màn test | Status |
|---|---|---|---|---|---|
| 1 | Nhấn chọn Delivery | Hiện màn Chọn địa chỉ giao hàng với danh sách địa chỉ đã lưu và nút Thêm địa chỉ. | Thiếu luồng/màn chọn địa chỉ giao hàng theo trạng thái Login. | ![]() |
Fail |
| 2 | Tại màn chọn địa chỉ giao hàng, nhấn Thêm địa chỉ | Hiện màn Địa chỉ chi tiết để thêm địa chỉ mới, có bản đồ, tên, liên hệ, địa chỉ chi tiết và nút lưu. | Thiếu màn thêm địa chỉ giao hàng. | ![]() |
Fail |
| 3 | Tại màn địa chỉ chi tiết, nhấn icon tìm kiếm | Hiện màn Tìm kiếm địa chỉ với ô nhập tìm kiếm. | Thiếu màn tìm kiếm địa chỉ. | ![]() |
Fail |
| 4 | Tại trang địa chỉ chi tiết, nhấn vào mục Liên hệ | Hiện màn Mã vùng để chọn mã quốc gia/khu vực. | Thiếu màn chọn mã vùng khi nhập liên hệ. | ![]() |
Fail |
| 5 | Tại màn chọn địa chỉ giao hàng, nhấn icon chỉnh sửa | Hiện thông tin địa chỉ chi tiết để chỉnh sửa; trong màn này nhấn icon tìm kiếm vẫn mở Tìm kiếm địa chỉ. | Thiếu màn chỉnh sửa địa chỉ và trạng thái tìm kiếm trong luồng chỉnh sửa. | ![]() ![]() |
Fail |
| 6 | Tại màn chỉnh sửa địa chỉ, nhấn Xóa | Hiện popup xác nhận Xóa địa chỉ với nút Đóng và Xác nhận. | Thiếu popup xác nhận xóa địa chỉ. | ![]() |
Fail |
| 7 | Tại màn chọn địa chỉ giao hàng, vuốt reload trang | Hiện trạng thái pull-to-refresh/reload trên danh sách địa chỉ. | Thiếu trạng thái reload danh sách địa chỉ giao hàng. | ![]() |
Fail |
| STT | Thao tác | YC | Clone | Ảnh màn test | Status |
|---|---|---|---|---|---|
| 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. | Đang điều hướng sai sang trang menu/đồ uống. | Fail | |
| 2 | Ở 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. | ![]() |
Fail |
| 3 | Ở Trang chủ, nhấn Delivery | Khi nhấn Delivery phải hiện trang Chọn địa chỉ giao hàng. | Đang điều hướng sang trang menu đồ uống. | ![]() |
Fail |
| 4 | Ở Trang chủ, 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. | ![]() |
Fail |
| 5 | Ở Trang chủ, 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. | ![]() |
Fail |
| Trạng thái | Chưa có dữ liệu lỗi/màn thiếu cho Menu ở trạng thái Login. |
|---|
| Trạng thái | Chưa có dữ liệu lỗi/màn thiếu cho Tab Đơn hàng ở trạng thái Login. |
|---|
| STT | Thao tác | YC | Clone | Ảnh màn test | Status |
|---|---|---|---|---|---|
| 1 | Tại màn Voucher của tôi, nhấn icon đồng hồ góc phải | Hiện màn Lịch sử Voucher, tab Không khả dụng có danh sách voucher không khả dụng. | Thiếu màn lịch sử voucher. | ![]() |
Fail |
| 2 | Tại màn Lịch sử Voucher, vuốt xuống reload tab Không khả dụng | Hiện trạng thái reload trên danh sách voucher không khả dụng. | Thiếu trạng thái reload lịch sử voucher tab Không khả dụng. | ![]() |
Fail |
| 3 | Tại màn Lịch sử Voucher, chọn tab Đã sử dụng | Hiện tab Đã sử dụng với empty state Không có phiếu giảm giá. | Thiếu tab Đã sử dụng trong lịch sử voucher. | ![]() |
Fail |
| 4 | Tại tab Đã sử dụng, vuốt xuống reload | Hiện trạng thái reload trên empty state của tab Đã sử dụng. | Thiếu trạng thái reload lịch sử voucher tab Đã sử dụng. | ![]() |
Fail |
| STT | Thao tác | YC | Clone | Ảnh màn test | Status |
|---|---|---|---|---|---|
| 1 | Tại màn Voucher của tôi, nhấn icon đồng hồ góc phải | Khi nhấn phải điều hướng sang trang Lịch sử Voucher. | Không điều hướng sang trang khác, chỉ hiện thông báo Lịch sử voucher (đang cập nhật). | ![]() |
Fail |
| # | Thao tác | Màn mong đợi | Clone | Ảnh app thật (chưa đăng nhập) | Status |
|---|---|---|---|---|---|
| 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” | ✕ chưa có | ![]() |
Fail |
| 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ủ | ✕ chưa có | ![]() |
Fail |
| 3 | Thao tác kéo thả (reload) trang chủ | Kéo xuống làm mới pull-to-refresh | ✕ chưa có | ![]() |
Fail |
| 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ó | Fail | |
| 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ó | ![]() |
Fail |
| # | Thao tác | Màn mong đợi | Clone | Ảnh màn test | Status |
|---|---|---|---|---|---|
| 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. | ![]() |
Fail |
| 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. | ![]() |
Fail |
| # | Thao tác | Hiện tại (sai) | Yêu cầu | Ảnh hiện trạng | Status |
|---|---|---|---|---|---|
| 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 | Fail |
| # | Tab con | Trạng thái | Clone | Ảnh app thật | Status |
|---|---|---|---|---|---|
| 1 | Tất cả | Gợi ý đăng nhập — bằng email sheet “Nhập địa chỉ email của bạn” | ✕ chưa có | ![]() |
Fail |
| 2 | Thoát gợi ý → danh sách rỗng “KHÔNG CÓ ĐƠN HÀNG.” + nút Đặt ngay | ✕ chưa có | ![]() |
Fail | |
| 3 | Trên ứng dụng | Gợi ý đăng nhập — bằng SĐT sheet CHÀO MỪNG | ✕ chưa có | ![]() |
Fail |
| 4 | Gợi ý đăng nhập — bằng email | ✕ chưa có | ![]() |
Fail | |
| 5 | Thoát gợi ý → danh sách rỗng | ✕ chưa có | ![]() |
Fail | |
| 6 | Tại cửa hàng | Gợi ý đăng nhập — bằng SĐT | ✕ chưa có | ![]() |
Fail |
| 7 | Gợi ý đăng nhập — bằng email | ✕ chưa có | ![]() |
Fail | |
| 8 | Thoát gợi ý → danh sách rỗng | ✕ chưa có | ![]() |
Fail | |
| 9 | Khác | Gợi ý đăng nhập — bằng SĐT | ✕ chưa có | ![]() |
Fail |
| 10 | Gợi ý đăng nhập — bằng email | ✕ chưa có | ![]() |
Fail | |
| 11 | Thoát gợi ý → danh sách rỗng | ✕ chưa có | ![]() |
Fail |
| 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 | Khu vực | Hình ảnh CHAGEE | Hình ảnh clon | Kết luận |
|---|---|---|---|---|
| 1 | Màn Voucher của tôi khi đã đăng nhập | ![]() |
![]() |
Không khớpGhi chú: CHAGEE hiển thị trạng thái rỗng có icon voucher, tiêu đề "KHÔNG CÓ PHIẾU GIẢM GIÁ." và mô tả bên dưới. App test chỉ có dòng -KẾT THÚC-, thiếu minh họa và text trạng thái rỗng; ô Thêm Voucher cũng đang dùng viền nét đứt/bo góc khác CHAGEE. |
| 2 | Màn Thêm Voucher | ![]() |
![]() |
Không khớpGhi chú: CHAGEE có ô nhập nền xám nhạt với placeholder Nhập mã ưu đãi tại đây..., icon scan ở bên phải và nút Đổi quà. App test dùng input viền bo góc, placeholder Nhập mã voucher, nút ÁP DỤNG, thêm đoạn hướng dẫn và mã demo không có trong màn CHAGEE. |
| STT | Khu vực | Hình ảnh CHAGEE | Hình ảnh clon | Kết luận |
|---|---|---|---|---|
| 1 | Sheet nhập mã bảo mật | ![]() |
![]() |
Không khớpGhi chú: CHAGEE hiển thị sheet nhập OTP dạng bottom sheet trong khung mobile, bo góc phía trên, phần nội dung nằm gọn trong mobile và OTP hiển thị dạng 6 số lớn. Clone/test đang bung bố cục rộng theo desktop, khung sheet và khoảng cách không giống CHAGEE. |
| 2 | Trạng thái lỗi mã xác minh | ![]() |
![]() |
Không khớpGhi chú: CHAGEE báo lỗi bằng toast Lỗi mã xác minh phía trên sheet, vẫn giữ số OTP màu xanh đậm. Clone/test hiển thị trạng thái lỗi bằng số và gạch chân màu đỏ kèm text lỗi trong sheet, khác cách phản hồi lỗi của CHAGEE. |
| STT | Thao tác | Màn mong đợi | Clone | Ảnh app thật (chưa đăng nhập) | Status |
|---|---|---|---|---|---|
| 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. | ![]() |
Fail |
| 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. | ![]() ![]() |
Fail |
| 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. | ![]() ![]() |
Fail |
| 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. | ![]() ![]() |
Fail |
| 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. | ![]() ![]() |
Fail |
| 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. | ![]() ![]() |
Fail |
| 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. | ![]() ![]() |
Fail |
| STT | Thao tác | YC | Clone | Ảnh app thật (chưa đăng nhập) | Status |
|---|---|---|---|---|---|
| 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. | Fail | |
| 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. | ![]() |
Fail |
| 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ố. | ![]() |
Fail |