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
Nhánh · commit	`chagee-preview` · `7ac10d6`
Số màn clone	32 màn HTML
Đối chiếu với	177 màn wireframe (`project-screens-wireframe.md`)
Ngày test	09/08/2026
Trạng thái test	CHƯA ĐĂNG NHẬP (guest) — toàn bộ phát hiện dưới đây đo ở trạng thái này. Trạng thái đã đăng nhập (`home-login.html`) chưa test.
Kết luận nhanh	Thiếu 39 màn + 3 lỗi chức năng — Trang chủ 3 màn (luồng mở app), Đồ uống 11 màn (luồng combo), Đơn hàng 11 màn (gợi ý đăng nhập ở 4 tab con), Tab Tôi 14 màn/states thiếu và 2 lỗi điều hướng. Đều đã đối chiếu bằng ảnh app thật và source clone.

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 · Chưa có dữ liệu test
Trạng thái	Chưa có dữ liệu kiểm tra chức năng cho trạng thái đã đăng nhập. Khi có ảnh/tình huống login, bổ sung vào menu con này.

2 · 🏠 Tab Trang chủ

2.a · Mục thiếu thiếu 3 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ó

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.

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	Tất cả	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ó

4c · Bằng chứng — grep trong clone
Từ khoá tìm	Kết quả	Ý nghĩa
`Nhập địa chỉ email` trong `orders.html` · `order-history.html`	0 · 0	Không có sheet đăng nhập bằng email ở tab Đơn hàng
`CHÀO MỪNG` trong `orders.html`	0	Màn Đơn hàng chính không hỏi đăng nhập
`CHÀO MỪNG` trong `order-history.html`	2	Có sheet SĐT nhưng không gắn với từng tab con
Sheet “Nhập địa chỉ email” toàn bộ clone	chỉ ở `login.html` · `faq.html`	Chưa nối vào luồng Đơn hàng

⇒ App thật hỏi đăng nhập ở từng tab con và cho chọn hai cách (SĐT hoặc email); thoát ra thì vẫn xem được danh sách rỗng. Clone hiện chưa dựng lớp này.

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.

5 · Tab Tôi - UI/UX không khớp

5a · Bảng đối chiếu Tab Tôi
STT	Khu vực	Hình ảnh CHAGEE	Hình ảnh clon	Kết luận
1	Màn Tôi - guest			Không khớpGhi chú: clone dùng bố cục/hero khác app CHAGEE; khi mở guest còn tự bật sheet CHÀO MỪNG che màn Tôi.
2	Icon quốc kỳ			Không khớpGhi chú: app thật mở màn/sheet chọn quốc gia hoặc ngôn ngữ; clone chưa mở đúng luồng từ icon quốc kỳ ở tab Tôi guest.
3	Gợi ý đăng nhập			Không khớpGhi chú: thuộc lỗi chung 0a. Clone dùng login gate chung, không khớp sheet gợi ý đăng nhập của CHAGEE theo từng ngữ cảnh và từng biến thể SĐT/email.
4	Voucher - nhấn đăng nhập			Không khớpGhi chú: thuộc lỗi chung 0a. Khi nhấn đăng nhập ở khu vực Voucher, CHAGEE hiển thị sheet riêng với 2 trạng thái SĐT và email; clone chưa khớp đúng sheet/luồng này.
5	FAQ			Không khớpGhi chú: ở guest, clone bị login gate chặn trước khi vào FAQ; app thật cho đi đúng màn Câu hỏi thường gặp.

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

6a · Bảng đối chiếu Trang chủ — clone: `24hs_mobile_app_v3_chagee/product/chagee-design-v1.0/preview/html/home.html`
STT	Khu vực	Hình ảnh CHAGEE	Hình ảnh clon	Kết luận
1	Hero/banner đầu trang			Không khớpGhi chú: đối chiếu theo đúng file clone bạn gửi. Cần soi lại kích cỡ/vị trí banner vì clone dùng layout cố định và nhiều lớp absolute nên dễ lệch tỷ lệ so với app thật.
2	Card chào mừng			Không khớpGhi chú: chiều cao card, bo góc, vị trí logo và nút đăng nhập chưa bám sát app CHAGEE.
3	Pickup / Delivery			Không khớpGhi chú: khoảng cách hai cột, ảnh tròn và divider cần chỉnh lại theo tỷ lệ app thật.
4	Shortcut		Chưa có ảnh clone trạng thái cuộn trong bộ render hiện tại; không dùng ảnh đầu trang để tránh bị cắt/sai ngữ cảnh.	Không khớpGhi chú: cần bổ sung ảnh clone sau khi cuộn tới shortcut để đối chiếu chính xác khoảng cách, kích cỡ icon và text.
5	Banner khi cuộn		Chưa có ảnh clone trạng thái cuộn xuống banner; cần chụp thêm từ đúng file `home.html`.	Không khớpGhi chú: chưa kết luận chi tiết bằng ảnh clone cuộn; cần chụp thêm trạng thái cuộn rồi mới soi margin, radius và spacing banner.
6	Bottom navigation			Không khớpGhi chú: cần so lại chiều cao nav, trạng thái active, cỡ chữ và vị trí icon ly giữa.

7 · Đồ uống/Menu - UI/UX không khớp

7a · Bảng đối chiếu Đồ uống/Menu
STT	Khu vực	Hình ảnh CHAGEE	Hình ảnh clon	Kết luận
1	Cửa hàng + thời gian chuẩn bị			Không khớpGhi chú: CHAGEE hiển thị CHAGEE TÂN SƠN NHÌ \| 4.02km và Chuẩn bị 7 Ly, thời gian ước tính 4 Phút; clone đang là CHAGEE ĐỒNG KHỞI \| 391.18m và Chuẩn bị 1 Ly, thời gian ước tính 1 Phút.
2	Thanh thưởng tem			Không khớpGhi chú: CHAGEE có box thưởng tem riêng màu kem với dòng Nhận phần thưởng bằng cách thu thập tem và counter 0/6; clone chỉ còn banner khuyến mãi, không có box thưởng tem đúng vị trí.
3	Banner khuyến mãi đầu menu			Không khớpGhi chú: banner trong app test là banner Sưu tập tem mở giải thưởng; ảnh CHAGEE gốc đang là banner BesTea BrewCrew. Nội dung, hình ảnh sản phẩm, màu nền và bố cục banner khác nhau.
4	Combo đầu tiên			Không khớpGhi chú: CHAGEE mở đầu bằng Combo Dù cổ điển giá đ 269.000 gồm trà + dù; clone mở đầu bằng Combo Nam Châm Tranh giá đ 158.000 và lặp nhiều ly trà, sai thứ tự/sai nội dung combo.
5	Hiển thị item trong combo			Không khớpGhi chú: ảnh/item bên phải bị crop; cần sửa width/overflow của hàng sản phẩm trong combo.
6	Danh sách sản phẩm - Trà Sữa Tươi Nguyên Lá			Không khớpGhi chú: ảnh CHAGEE hiển thị danh sách sản phẩm ở category Trà Sữa Tươi Nguyên Lá với rail active đúng, sản phẩm có ảnh lớn bên trái, tên/mô tả/giá/nút cộng theo layout CHAGEE. Cần đối chiếu lại app test theo đúng màn menu; URL `account.html` là Tab Tôi, không phải trang Menu.
7	Bottom navigation che nội dung			Không khớpGhi chú: ở clone, bottom navigation che một phần card combo phía dưới; CHAGEE vẫn để nội dung và nav tách lớp rõ hơn, không cắt item như clone.
8	Nhấn địa điểm quán CHAGEE / số km / dấu >			Không khớpGhi chú: khi nhấn tên quán CHAGEE, số km hoặc dấu >, phải mở 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. App test/clone cần điều hướng đúng sang màn này và khớp UI danh sách cửa hàng.

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

✕