Báo cáo test bản clone CHAGEE

Đố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

0 · Thông tin bản test

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.

1 · Tổng quan theo 4 tab

Tình trạng từng tab

#	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

Login

Login · Màn hình thiếu

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.

Login · Điều hướng sai

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.

2 · 🏠 Tab Trang chủ

2.a · Mục thiếu thiếu 5 màn

#	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ó

2.b · Lỗi Calorie Calculator · banner

#	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.

3 · 🥤 Menu

3a · Menu con: Màn hình thiếu — toàn bộ luồng COMBO ở trạng thái chưa đăng nhập

#	Thao tác	Màn mong đợi	Mã WF	Clone	Ảnh app thật (chưa đăng nhập)
1	Chọn combo (bất kỳ combo nào)	Chi tiết món combo các khe Choose 1 From…, 2 nút mua đang mờ	WF-2.4.1	✕ chưa có
2	Tích chọn đồ uống	Sheet tuỳ chọn Size · Mức đá · Độ ngọt · nút Xác nhận	WF-2.4.3	✕ chưa có
3	Sau khi xác nhận đồ uống	Về màn combo ô đã chọn có badge số, nút tròn ✎ 1/2 hiện ra	WF-2.4.4	✕ chưa có
4	Chọn nốt sản phẩm ở khe Choose 1 From… còn lại	Đã chọn đủ nút tròn thành 2/2, hai nút mua sáng lên	WF-2.4.4	✕ chưa có
5	Nhấn icon tròn góc phải	Sheet “Chosen Items (2/2)” liệt kê 2 sản phẩm đã chọn · Xóa Tất Cả 🗑	WF-2.4.5	✕ chưa có
6	Nhấn ✎ để chỉnh sửa đồ uống	Sheet tuỳ chọn ở chế độ sửa chân sheet có XÓA + Xác nhận	WF-2.4.7	✕ chưa có
7	Nhấn ✎ để chỉnh sửa sản phẩm (merchandise)	Sheet rút gọn chỉ tên + XÓA / Xác nhận, không có tuỳ chọn	chưa có	✕ chưa có
8	Vuốt ngang một dòng để xoá	Lộ nút 🗑 nền đỏ ở mép phải	WF-2.4.6	✕ chưa có
9	Bấm ĐẶT HÀNG / THÊM VÀO GIỎ HÀNG khi chưa đăng nhập	Sheet CHÀO MỪNG bắt đăng nhập trước khi mua	WF-1.9	✕ chưa có
10	Chọn đồ uống lẻ khi chưa đăng nhập	Chi tiết món lẻ có Size Lớn / Vừa, dòng lưu ý + Hiển thị thêm	WF-2.4.8	✕ chưa có
11	Chạm banner sản phẩm ở màn chi tiết (combo hoặc lẻ)	Xem ảnh toàn màn hình nền đen, nút ‹ quay lại, phóng to / thu nhỏ được	chưa có	✕ chưa có
12	Ở tab Tự đến lấy, nhấn địa điểm quán CHAGEE, số km hoặc dấu >	Màn Chọn cửa hàng lấy hàng có danh sách cửa hàng gần bạn, cuộn xuống được và pull-to-refresh hiển thị trạng thái reload.	chưa có	✕ chưa có
13	Ở tab Tự đến lấy, chọn tab Yêu thích	Empty state Không có cửa hàng yêu thích khi vuốt reload có spinner/trạng thái tải như app thật.	chưa có	✕ chưa có
14	Ở tab Tự đến lấy, nhấn/tìm kiếm cửa hàng	Màn Tìm kiếm cửa hàng empty state Không có cửa hàng gần bạn; khi vuốt reload có spinner/trạng thái tải.	chưa có	✕ chưa có
15	Ở tab Giao hàng, kéo tải lại trang chọn cửa hàng giao hàng	Trạng thái kéo tải lại hiển thị spinner và giữ đúng danh sách cửa hàng khả dụng.	chưa có	✕ chưa có
16	Ở tab Giao hàng, kéo hết danh sách cửa hàng	Trạng thái cuối danh sách hiển thị đầy đủ danh sách và dòng kết thúc như app thật.	chưa có	✕ chưa có

3.b · Lỗi điều hướng sai

#	Thao tác	Màn mong đợi	Clone	Ảnh app thật
1	Ở tab Giao hàng / Tự đến lấy, nhấn chọn bất kỳ đồ uống trong trang menu	Khi chọn bất kỳ sản phẩm phải hiện trang chi tiết sản phẩm.	Tại trang menu, khi nhấn chọn bất kỳ đồ uống đều hiện gợi ý đăng nhập.
2	Ở tab Tự đến lấy, nhấn icon trái tim cạnh tên cửa hàng	Ở tab Tự đến lấy, guest phải hiện gợi ý đăng nhập đúng ngữ cảnh, có đủ 2 biến thể: SĐT và email.	Ở tab Tự đến lấy, nhấn icon trái tim cạnh tên cửa hàng thì điều hướng đến màn hình chọn cửa hàng giao hàng.
3	Ở tab Giao hàng, chọn Giao đến	Click chọn Giao đến phải hiện gợi ý đăng nhập.	Đang điều hướng đến màn hình Chọn địa chỉ giao hàng.
4	Ở tab Giao hàng, chọn địa chỉ để chuyển sang màn chọn cửa hàng	Màn Chọn cửa hàng giao hàng phải giống giao diện CHAGEE.	Màn hình chuyển đến chọn cửa hàng nhưng giao diện không giống CHAGEE.

4 · 📋 Tab Đơn hàng

4a · Lỗi — điều hướng sai trang

#	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

4b · Mục thiếu — LỊCH SỬ ĐẶT HÀNG, cả 4 tab con ở trạng thái chưa đăng nhập

#	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ó

0 · Lỗi chung - Gợi ý đăng nhập không khớp toàn bộ

0a · Áp dụng cho tất cả màn hình có gợi ý đăng nhập

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.

1 · Trang chủ - UI/UX không khớp

1a · Icon VN / chọn ngôn ngữ trên Trang chủ

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.

5 · 👤 Tab Tôi

5.a · Mục thiếu — thao tác trên tab Tôi khi chưa đăng nhập

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.

5.b · Lỗi điều hướng sai

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ố.