KBKT - APP - 3660370 - PYC Nâng Cấp Giao Diện Đăng Ký TB Cố Định

You might also like

Download as xlsx, pdf, or txt
Download as xlsx, pdf, or txt
You are on page 1of 155

Trang bìa

TẬP ĐOÀN VIỄN THÔNG QUÂN ĐỘI

<TÊN DỰ ÁN>
TÀI LIỆU KỊCH BẢN KIỂM THỬ CHỨC NĂNG

Mã dự án : <Mã dự án>
Mã tài liệu : <Mã tài liệu>

Người lập:
<Tên người nhập> <Ngày lập>
<Chức vụ>

Người kiểm tra:


<Tên người kiểm tra <Ngày kiểm tra>
<Chức vụ>

Người phê duyệt:


<Tên người phê duyệt> <Ngày phê duyệt>

BM01.QT.10.KSCL.05 Page 1
Trang bìa

<Chức vụ>

BẢNG GHI NHẬN THAY ĐỔI TÀI LIỆU


Ngày thay
Vị trí thay đổi Lý do Nguồn gốc Phiên bản cũ Mô tả thay đổi Phiên bản mới
đổi

BM01.QT.10.KSCL.05 Page 2
Trang bìa

BM01.QT.10.KSCL.05 Page 3
Trang bìa

Phiên bản mới

BM01.QT.10.KSCL.05 Page 4
Giới thiệu

GIỚI THIỆU
1 - Giới thiệu

2 - Tài liệu tham khảo


STT Tên tài liệu Tên file Phiên bản Đường dẫn

3 - Môi trường kiểm thử


STT Thiết bị kiểm thử Phiên bản Viết tắt
Oppo A1K Android 9.0 Op 9.0
iPhone 6s iOS 13.5.1 IP6 13.5

BM01.QT.10.KSCL.05 Page 5
Tổng hợp

TỔNG HỢP KẾT QUẢ


STT Tên màn hình/chức năng Số trường hợp Số trường hợp Số trường hợp Số trường hợp
kiểm thử đạt (P) kiểm thử không kiểm thử đang kiểm thử chưa
đạt (F) xem xét (PE) thực hiện
1 Đăng Ký Mới DV Internet/Truyền hình 185 0 0 0
1 Đăng Ký Thêm DV Internet/Truyền hình 179 0 0 0
Total 364 0 0 0

BM01.QT.10.KSCL.05 Page 6
Tổng hợp

Tổng số trường Tỉ lệ trường hợp Tỉ lệ trường hợp Tỉ lệ trường hợp


hợp kiểm thử kiểm thử đạt (%P) kiểm thử không kiểm thử đã thực
đạt (%F) hiện (%Cover)
185 100% 0% 100%
179 100% 0% 100%
364 100% 0% 100%

BM01.QT.10.KSCL.05 Page 7
KỊCH BẢN KIỂM THỬ *
Tên màn hình/Tên chức năng
Mã trường hợp kiểm thử
Số trường hợp kiểm thử đạt (P)
Số trường hợp kiểm thử không đạt (F)
Số trường hợp kiểm thử đang xem xét (PE)
Số trường hợp kiểm thử chưa thực hiện
Tổng số trường hợp kiểm thử

Mã trường hợp
Mục đích kiểm thử Các bước thực hiện
kiểm thử
Kiểm tra Màn hình Nhập địa chỉ lắp đặt
ĐKMDVI/TH_1

1. Vào Home => Viettel Shop (thanh ngang dưới cùng) =>
Kiểm tra giao diện
Ấn vào “Đăng ký mới dịch vụ Internet/Truyền hình”
2. Kiểm tra giao diện
ĐKMDVI/TH_2
Kiểm tra text vùng (1) Kiểm tra hiển thị

ĐKMDVI/TH_3
Kiểm tra text vùng (2) Kiểm tra hiển thị

ĐKMDVI/TH_4

Kiểm tra Tỉnh/TP ( 3) Kiểm tra hiển thị

ĐKMDVI/TH_5

Kiểm tra Quận/Huyện ( 4) Kiểm tra hiển thị

ĐKMDVI/TH_6

Kiểm tra Phường /xã ( 5) Kiểm tra hiển thị

ĐKMDVI/TH_7

Kiểm tra Tổ/thôn ( 6) Kiểm tra hiển thị

ĐKMDVI/TH_8

Kiểm tra box ( 7) Kiểm tra hiển thị


ĐKMDVI/TH_9
Kiểm tra btn Đồng ý ( 8) Kiểm tra hiển thị

Kiểm tra MH Chọn hình thức ký hợp đồng


TH1: Tính năng hoạt động bình thường
ĐKMDVI/TH_10

1. Vào Màn hình Nhập địa chỉ lắp đặt => Nhập thông tin và
Kiểm tra giao diện
ấn “Đồng ý”
2. Kiểm tra giao diện

ĐKMDVI/TH_11

Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKMDVI/TH_12
Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKMDVI/TH_13
Kiểm tra vùng (3) Kiểm tra hiển thị
ĐKMDVI/TH_14
Kiểm tra vùng (4) Kiểm tra hiển thị
ĐKMDVI/TH_15
Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKMDVI/TH_16
Kiểm tra vùng (6) Kiểm tra hiển thị

ĐKMDVI/TH_17

Kiểm tra Internet (7) Kiểm tra hiển thị

ĐKMDVI/TH_18

Kiểm tra btn Đăng ký ngay (8)


Kiểm tra hiển thị

TH2: Tính năng đang được nâng cấp


ĐKMDVI/TH_19

1. Vào Màn hình Nhập địa chỉ lắp đặt => Nhập thông tin và
Kiểm tra giao diện
ấn “Đồng ý”
2. Kiểm tra giao diện

ĐKMDVI/TH_20
Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKMDVI/TH_21
Kiểm tra khu vực tùy chọn Combo
Kiểm tra hiển thị
Internet/Truyền hình

Luồng Nhân viên đến ký tại nhà


Kiểm tra Màn hình Nhân viên đến ký tại nhà - Internet
ĐKMDVI/TH_22

1. Vào Màn hình Chọn hình thức ký hợp đồng => Chọn
“Nhân viên đến ký tại nhà” => Mục “Gói cước” chọn
Kiểm tra giao diện
“Internet”
2. Kiểm tra giao diện

ĐKMDVI/TH_23
Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKMDVI/TH_24
Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKMDVI/TH_25
Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKMDVI/TH_26
Kiểm tra vùng (4) box nhập họ tên Kiểm tra hiển thị

ĐKMDVI/TH_27
Kiểm tra vùng (5) box nhập SĐT Kiểm tra hiển thị

ĐKMDVI/TH_28
Kiểm tra vùng (6) box nhập giấy tờ Kiểm tra hiển thị
ĐKMDVI/TH_29
Kiểm tra vùng (7) box nhập mã giới thiệu Kiểm tra hiển thị

ĐKMDVI/TH_30

Kiểm tra vùng (8) Kiểm tra hiển thị

ĐKMDVI/TH_31
Kiểm tra vùng (9) Kiểm tra hiển thị

ĐKMDVI/TH_32

Kiểm tra vùng (10) Kiểm tra hiển thị

ĐKMDVI/TH_33
Kiểm tra vùng (11) Kiểm tra hiển thị

ĐKMDVI/TH_34

Kiểm tra vùng (12) Kiểm tra hiển thị

ĐKMDVI/TH_35
Kiểm tra vùng (13) Btn Gửi yêu cầu Kiểm tra hiển thị

Kiểm tra Màn hình Nhân viên đến ký tại nhà (Combo)
ĐKMDVI/TH_36

1. Vào Màn hình Chọn hình thức ký hợp đồng => Chọn
“Nhân viên đến ký tại nhà” => Mục “Gói cước” chọn
Kiểm tra giao diện
“Combo Internet + Truyền hình”
2. Kiểm tra giao diện

ĐKMDVI/TH_37

Kiểm tra icon ( 1) Kiểm tra hiển thị

Kiểm tra Màn hình Thông báo tiếp nhận thành công
ĐKMDVI/TH_38

1. Vào Màn hình Nhân viên ký tại nhà (Internet/Combo) =>


Kiểm tra giao diện Chọn gói và ấn “Gửi yêu cầu”
2. Kiểm tra giao diện

ĐKMDVI/TH_39

Kiểm tra vùng (1) Icon tích Kiểm tra hiển thị

ĐKMDVI/TH_40
Kiểm tra vùng (2) Btn Thanh toán Kiểm tra hiển thị

ĐKMDVI/TH_41

Kiểm tra vùng (3) Kiểm tra hiển thị


ĐKMDVI/TH_42

Kiểm tra nội dung Thông báo Kiểm tra hiển thị

Luồng Khách hàng ký hợp đồng điện tử


Kiểm tra Màn hình Gói cước
ĐKMDVI/TH_43

1. Vào Màn hình Chọn hình thức ký hợp đồng => Chọn
“Khách hàng ký hợp đồng điện tử” => Ấn và “Đăng ký
Kiểm tra giao diện
ngay” trong 1 trong các gói cước ở mục “Lựa chọn gói cước”
2. Kiểm tra giao diện

ĐKMDVI/TH_44
Kiểm tra Btn (1) Kiểm tra hiển thị

ĐKMDVI/TH_45

Kiểm tra vùng (2) Kiểm tra hiển thị


ĐKMDVI/TH_46

Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKMDVI/TH_47

Kiểm tra vùng (4) Kiểm tra hiển thị

ĐKMDVI/TH_48

Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKMDVI/TH_49

Kiểm tra vùng (6) Kiểm tra hiển thị

ĐKMDVI/TH_50

Kiểm tra vùng (7) Kiểm tra hiển thị


ĐKMDVI/TH_51

Kiểm tra vùng (8) Kiểm tra hiển thị

ĐKMDVI/TH_52

Kiểm tra Btn Tiếp tục (9) Kiểm tra hiển thị

Kiểm tra Màn hình Nhập thông tin KH


ĐKMDVI/TH_53

1. Vào Chọn gói cước ở màn hình “Gói cước” và ấn “Tiếp


Kiểm tra giao diện tục”
2. Kiểm tra giao diện
ĐKMDVI/TH_54

Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKMDVI/TH_55
Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKMDVI/TH_56
Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKMDVI/TH_57
Kiểm tra vùng (4) Kiểm tra hiển thị

ĐKMDVI/TH_58

Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKMDVI/TH_59
Kiểm tra vùng (6) Kiểm tra hiển thị
ĐKMDVI/TH_60

Kiểm tra vùng (7) Kiểm tra hiển thị

ĐKMDVI/TH_61
Kiểm tra vùng (8) Kiểm tra hiển thị

ĐKMDVI/TH_62
Kiểm tra vùng (9) Kiểm tra hiển thị

ĐKMDVI/TH_63
Kiểm tra vùng (10) Kiểm tra hiển thị
ĐKMDVI/TH_64

Kiểm tra vùng (11) Kiểm tra hiển thị

ĐKMDVI/TH_65
Kiểm tra vùng (12) Kiểm tra hiển thị

ĐKMDVI/TH_66

Kiểm tra vùng (13) Kiểm tra hiển thị

ĐKMDVI/TH_67

Kiểm tra vùng (14)


Kiểm tra hiển thị

ĐKMDVI/TH_68
Kiểm tra vùng (15) Kiểm tra hiển thị

ĐKMDVI/TH_69

Kiểm tra vùng (16) Kiểm tra hiển thị

ĐKMDVI/TH_70
Kiểm tra vùng (17) Kiểm tra hiển thị

ĐKMDVI/TH_71
Kiểm tra vùng (18) Btn Tiếp tục Kiểm tra hiển thị
Kiểm tra Màn hình chỉnh sửa gói cước

TH1: Tính năng hoạt động bình thường

ĐKMDVI/TH_72

1. Vào Màn hình Nhập thông tin KH => Chọn “Đổi gói”
Kiểm tra giao diện
2. Kiểm tra giao diện

ĐKMDVI/TH_73

Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKMDVI/TH_74

Kiểm tra vùng (2) Kiểm tra hiển thị


ĐKMDVI/TH_75

Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKMDVI/TH_76
Kiểm tra vùng (4) Kiểm tra hiển thị

ĐKMDVI/TH_77

Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKMDVI/TH_78
Kiểm tra vùng (6) Kiểm tra hiển thị

ĐKMDVI/TH_79

Kiểm tra vùng (7) Kiểm tra hiển thị

ĐKMDVI/TH_80
Kiểm tra vùng (8) Kiểm tra hiển thị

TH2: Tính năng đang nâng cấp


ĐKMDVI/TH_81

1. Vào Màn hình Nhập thông tin KH => Chọn “Đổi gói”
Kiểm tra giao diện
2. Kiểm tra giao diện

ĐKMDVI/TH_82
Kiểm tra hiển thị
Kiểm tra vùng (1)
Kiểm tra Màn hình Thông báo nợ cước
ĐKMDVI/TH_83

1. Vào Nhập đủ thông tin trong màn hình “Nhập thông tin
Kiểm tra giao diện KH” và ấn “Tiếp tục”
2. Kiểm tra giao diện

ĐKMDVI/TH_84 Kiểm tra vùng (1) Kiểm tra hiển thị


ĐKMDVI/TH_85 Pre: call api checkDebitByIdNo thành công
Kiểm tra hiển thị

Kiểm tra vùng (2)


ĐKMDVI/TH_86 Kiểm tra hiển thị

Kiểm tra vùng (3)


Kiểm tra Luồng khảo sát địa chỉ đăng ký
Kiểm tra màn hình Chờ khảo sát
ĐKMDVI/TH_87

1. Vào Điền đủ thông tin vào màn hình Nhập thông tin KH
Kiểm tra giao diện và ấn “Tiếp tục”
2. Kiểm tra giao diện

ĐKMDVI/TH_88 Kiểm tra vùng (1) Kiểm tra hiển thị


Kiểm tra Luồng Tiếp nhận thông tin không thành công

Kiểm tra Màn hình Thông báo tiếp nhận thông tin không thành công
ĐKMDVI/TH_89

1. Vào Nhập đủ thông tin trong màn hình “Nhập thông tin
Kiểm tra giao diện KH” và ấn “Tiếp tục” => màn hình Chờ khảo sát
2. Kiểm tra giao diện

ĐKMDVI/TH_90 Kiểm tra vùng (1) Kiểm tra hiển thị


ĐKMDVI/TH_91

Pre: call api surveyOnline thành công


Kiểm tra vùng (2)
Kiểm tra hiển thị

ĐKMDVI/TH_92 Kiểm tra vùng (3) Kiểm tra hiển thị


ĐKMDVI/TH_93 Kiểm tra vùng (4) Kiểm tra hiển thị
ĐKMDVI/TH_94

Kiểm tra khung popup Kiểm tra hiển thị

Kiểm tra Màn hình Liên hệ nhân viên hỗ trợ


ĐKMDVI/TH_95

1. Vào Màn hình Thông báo tiếp nhận thông tin không thành
Kiểm tra giao diện công => Ấn “Nhân viên hỗ trợ”
2. Kiểm tra giao diện

ĐKMDVI/TH_96 Kiểm tra vùng (1) Kiểm tra hiển thị


ĐKMDVI/TH_97

Pre: call api omiOrderV2 (chưa đăng nhập) thành công


Kiểm tra vùng (2)
Kiểm tra hiển thị

ĐKMDVI/TH_98

Pre: call api omiOrder (đã đăng nhập) thành công


Kiểm tra hiển thị

ĐKMDVI/TH_99 Kiểm tra vùng (3) Kiểm tra hiển thị


Kiểm tra Luồng Tiếp nhận thông tin thành công

Kiểm tra Màn hình Thông báo tiếp nhận khảo sát
ĐKMDVI/
TH_100

1. Vào Nhập đủ thông tin trong màn hình “Nhập thông tin
Kiểm tra giao diện KH” và ấn “Tiếp tục” => màn hình Chờ khảo sát
2. Kiểm tra giao diện

ĐKMDVI/
TH_101 Pre: call api surveyOnline thành công
Kiểm tra vùng (1)
Kiểm tra hiển thị

ĐKMDVI/ Kiểm tra vùng (2) Kiểm tra hiển thị


TH_102
ĐKMDVI/ Kiểm tra icon dấu tích Kiểm tra hiển thị
TH_103 Kiểm tra Thông báo kết quả khảo sát

Kiểm tra Màn hình thông báo hạ tầng không đáp ứng
ĐKMDVI/
TH_104

1. Khi có kết quả khảo sát hạ tầng không đáp ứng, hiện thị
Kiểm tra giao diện Popup trên màn hình App
2. Kiểm tra giao diện

ĐKMDVI/ Kiểm tra vùng (1) Kiểm tra hiển thị


TH_105
ĐKMDVI/ Kiểm tra vùng (2) Kiểm tra hiển thị
TH_106
ĐKMDVI/ Kiểm tra vùng (3) Kiểm tra hiển thị
TH_107 Kiểm tra Màn hình thông báo hạ tầng đáp ứng
ĐKMDVI/
TH_108

1. Khi có kết quả khảo sát hạ tầng đáp ứng, hiển thị Popup
Kiểm tra giao diện trên màn hình App
2. Kiểm tra giao diện

ĐKMDVI/ Kiểm tra vùng (1) Kiểm tra hiển thị


TH_109
ĐKMDVI/
TH_110 Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKMDVI/ Kiểm tra vùng (3) Kiểm tra hiển thị


TH_111 Kiểm tra Luồng upload hồ sơ sau khi khảo sát thành công
Kiểm tra Màn hình upload hồ sơ (chưa upload)
ĐKMDVI/
TH_112

1. Vào Màn hình Thông báo hạ tầng đáp ứng => Ấn “Tiếp
Kiểm tra giao diện tục”
2. Kiểm tra giao diện

ĐKMDVI/
TH_113 Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKMDVI/
TH_114 Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKMDVI/
TH_115
Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKMDVI/
Kiểm tra vùng (4) Kiểm tra hiển thị
TH_116
ĐKMDVI/
TH_117
Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKMDVI/
Kiểm tra vùng (6) Kiểm tra hiển thị
TH_118
ĐKMDVI/
TH_119
Kiểm tra vùng (7) Kiểm tra hiển thị

ĐKMDVI/
TH_120 Kiểm tra vùng (8) Kiểm tra hiển thị

ĐKMDVI/
TH_121
Kiểm tra vùng (9) Kiểm tra hiển thị

ĐKMDVI/
TH_122 Kiểm tra vùng (10) Kiểm tra hiển thị

ĐKMDVI/
TH_123 Kiểm tra vùng (11) Kiểm tra hiển thị

Kiểm tra Màn hình upload hồ sơ (đã upload)


ĐKMDVI/
TH_124

1. Vào Màn hình upload hồ sơ => Nhập dữ liệu


Kiểm tra giao diện
2. Kiểm tra giao diện

ĐKMDVI/ Kiểm tra vùng (1) Kiểm tra hiển thị


TH_125
ĐKMDVI/ Kiểm tra vùng (2) Kiểm tra hiển thị
TH_126 Kiểm tra Màn hình nhập chữ ký (chưa có chữ ký)
ĐKMDVI/
TH_127

1. Vào Màn hình upload hồ sơ => Chọn “Chữ ký điện tử”


Kiểm tra giao diện
2. Kiểm tra giao diện

ĐKMDVI/
TH_128
Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKMDVI/
TH_129 Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKMDVI/
TH_130 Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKMDVI/
TH_131
Kiểm tra vùng (4) Kiểm tra hiển thị

ĐKMDVI/ Kiểm tra vùng (5) Kiểm tra hiển thị


TH_132 Kiểm tra Màn hình nhập chữ ký (đã có chữ ký)
ĐKMDVI/
TH_133

1. Vào Màn hình upload hồ sơ => Chọn “Chữ ký điện tử” =>
Kiểm tra giao diện Nhập chữ ký
2. Kiểm tra giao diện

Kiểm tra Luồng thông báo hình ảnh không hợp lệ

Kiểm tra Màn hình thông báo hình ảnh không hợp lệ

ĐKMDVI/
TH_134

1. Vào Màn hình upload hồ sơ => Nhập hình ảnh sai quy
định (VD: số CMND không trùng với thông tin khách hàng)
Kiểm tra giao diện
và ấn “Tiếp tục”
2. Kiểm tra giao diện

ĐKMDVI/
TH_135 Kiểm tra vùng (1) Kiểm tra hiển thị
ĐKMDVI/
TH_136 Pre: call api scanByAI thành công
Kiểm tra vùng (2)
Kiểm tra hiển thị

ĐKMDVI/
TH_137
Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKMDVI/ Kiểm tra vùng (4) Kiểm tra hiển thị


TH_138
ĐKMDVI/
TH_139 Kiểm tra vùng (5) Kiểm tra hiển thị

Kiểm tra Màn hình tiếp nhận hỗ trợ nhập hình ảnh

ĐKMDVI/
TH_140

1. Vào Màn hình thông báo hình ảnh không hợp lệ => Ấn
Kiểm tra giao diện “Nhân viên hỗ trợ”
2. Kiểm tra giao diện

ĐKMDVI/
TH_141 Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKMDVI/ Kiểm tra vùng (2) Kiểm tra hiển thị


TH_142 Kiểm tra Luồng đăng ký thành công
Kiểm tra Màn hình Thông tin hợp đồng

ĐKMDVI/
TH_143

1. Vào Màn hình upload hồ sơ (đã upload) (Nhập thông tin


Kiểm tra giao diện đủ và đúng) => Ấn “Tiếp tục”
2. Kiểm tra giao diện

ĐKMDVI/
TH_144 Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKMDVI/
TH_145

Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKMDVI/
TH_146 Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKMDVI/
TH_147 Kiểm tra vùng (4) Kiểm tra hiển thị
ĐKMDVI/
TH_148
Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKMDVI/
TH_149 Kiểm tra vùng (6) Kiểm tra hiển thị

ĐKMDVI/
TH_150
Kiểm tra vùng (7) Kiểm tra hiển thị

ĐKMDVI/
TH_151 Kiểm tra vùng (8) Kiểm tra hiển thị

ĐKMDVI/
TH_152 Kiểm tra vùng (9) Kiểm tra hiển thị

ĐKMDVI/
TH_153 Kiểm tra vùng (10) Kiểm tra hiển thị

ĐKMDVI/
TH_154 Kiểm tra vùng (11) Kiểm tra hiển thị

ĐKMDVI/
TH_155 Kiểm tra vùng (12) Kiểm tra hiển thị

ĐKMDVI/
TH_156 Kiểm tra vùng (13) Kiểm tra hiển thị

ĐKMDVI/
TH_157
Kiểm tra vùng (14) Kiểm tra hiển thị
ĐKMDVI/
TH_158 Kiểm tra vùng (15) Kiểm tra hiển thị

ĐKMDVI/
TH_159 Kiểm tra vùng (16) Kiểm tra hiển thị

ĐKMDVI/
TH_160 Kiểm tra vùng (17) Kiểm tra hiển thị

ĐKMDVI/
TH_161 Kiểm tra vùng (18) Kiểm tra hiển thị

ĐKMDVI/
TH_162 Kiểm tra vùng (19) Kiểm tra hiển thị

ĐKMDVI/
TH_163 Kiểm tra vùng (20) Kiểm tra hiển thị

ĐKMDVI/
TH_164 Kiểm tra vùng (21) Kiểm tra hiển thị

ĐKMDVI/
TH_165 Kiểm tra vùng (22) Kiểm tra hiển thị

ĐKMDVI/
TH_166
Kiểm tra vùng (23) Kiểm tra hiển thị

ĐKMDVI/
TH_167
Kiểm tra vùng (24) Kiểm tra hiển thị
ĐKMDVI/
TH_168
Kiểm tra vùng (25) Kiểm tra hiển thị

ĐKMDVI/
TH_169
Kiểm tra vùng (26) Kiểm tra hiển thị

ĐKMDVI/
TH_170
Kiểm tra vùng (27) Kiểm tra hiển thị

ĐKMDVI/
TH_171
Kiểm tra vùng (28) Kiểm tra hiển thị

ĐKMDVI/
TH_172
Kiểm tra vùng (29) Kiểm tra hiển thị

Kiểm tra Màn hình chọn lại địa chỉ thanh toán
ĐKMDVI/
TH_173

1. Vào Màn hình Thông tin hợp đồng => Ấn vào icon chỉnh
Kiểm tra giao diện sửa “Địa chỉ thanh toán”
2. Kiểm tra giao diện

ĐKMDVI/
TH_174

Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKMDVI/
TH_175 Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKMDVI/
TH_176 Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKMDVI/
TH_177 Kiểm tra vùng (4) Kiểm tra hiển thị
ĐKMDVI/
TH_178
Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKMDVI/
TH_179 Kiểm tra vùng (6) Kiểm tra hiển thị

ĐKMDVI/
TH_180 Kiểm tra vùng (7) Kiểm tra hiển thị

ĐKMDVI/
TH_181 Kiểm tra vùng (8) Kiểm tra hiển thị

Kiểm tra màn hình thông báo đăng ký thành công

ĐKMDVI/
TH_182

1. Vào Màn hình Thông tin hợp đồng => Ấn vào “Thanh
Kiểm tra giao diện toán”
2. Kiểm tra giao diện
ĐKMDVI/
TH_183
Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKMDVI/
Kiểm tra vùng (2) Kiểm tra hiển thị
TH_184
ĐKMDVI/
TH_185 Kiểm tra vùng (3) Kiểm tra hiển thị
KỊCH BẢN KIỂM THỬ *
Đăng Ký Mới DV Internet/Truyền hình
ĐKMDVI/TH
185
0
0
0
185

IOS ANDROID
Kết quả hiện
Kết quả mong muốn Lần Lần Lần Lần Lần Mã lỗi
Lần 1 tại
2 3 1 2 3

Hiển thị màn hình đúng như thiết kế.

P P P
Fix cứng text “Nhập địa chỉ” P P P

Fix cứng text “Vui lòng nhập thông tin địa chỉ lắp đặt” P P P

Thay đổi màu chữ label giống figma, màu chữ giá trị được chọn không đổi
Có khung và bo viền P P P
Chuyển sang xếp theo hàng dọc

Thay đổi màu chữ label giống figma, màu chữ giá trị được chọn không đổi
Có khung và bo viền P P P
Chuyển sang xếp theo hàng dọc

Thay đổi màu chữ label giống figma, màu chữ giá trị được chọn không đổi
Có khung và bo viền P P P
Chuyển sang xếp theo hàng dọc

Thay đổi màu chữ label giống figma, màu chữ giá trị được chọn không đổi
Có khung và bo viền P P P
Chuyển sang xếp theo hàng dọc

Thay đổi màu chữ label giống figma, màu chữ giá trị được chọn không đổi
Có khung và bo viền P P P
Chuyển sang xếp theo hàng dọc
Kích thước button tương tự với kích thước các vùng (3) => (7)
Màu nền và màu chữ:
Đủ thông tin: Chữ trắng, nền đỏ P P P

Thiếu thông tin: tương tự button (8) ở màn hình Chọn hình ký hợp đồng

Hiển thị đúng như thiết kế

P P P

Bo viền như figma


Màu không đổi P P P
NOTE: thay đổi viền này áp dụng cho toàn bộ các màn hình có viền tương tự

Thay đổi font chữ như figma P P P

Thay đổi icon như figma P P P


Thay đổi icon như figma P P P

Thay đổi icon như figma P P P

Thay đổi icon như figma P P P

Luồng mới: không có khung, thay đổi kích thước như figma
Đã chọn: chữ đỏ, gạch chân đỏ
P P P
Không chọn: chữ mờ, gạch chân mờ

NOTE: “Combo Internet + Truyền hình”, không phải “Combo Internet/Truyền


hình”

Kích thước Tương tự button “Đồng ý” (8) ở màn hình Nhập địa chỉ lắp đặt
Màu chữ vào màu nền: tương tự button “Đồng ý” (8) ở màn hình Nhập địa chỉ lắp
P P P
đặt
Hiển thị đúng như thiết kế:

P P P

Fix cứng text như figma P P P

Tương tự bên Internet khi tính năng đang nâng cấp


P P P
Hiển thị đúng như thiết kế

P P P

Thay đổi Icon như figma


P P P

Thay đổi Icon như figma


P P P

Fix cứng Label “Thông tin khách hàng” P P P

Bo viền (góc trái bên dưới) như figma


P P P
Label “Nhập họ tên*” in mờ, fix cứng, biến mất khi trường text này <> “”

Tương tự (4) P P P

Tương tự (4) P P P
Tương tự (4) P P P

Trường thông tin này được cấu hình trên API getSettingV3 và getCommonSetting
P P P
với key “invite_ftth_benefit_information

Thay đổi kích thước chữ như figma P P P

Thay đổi icon như figma P P P

Thay đổi icon như figma P P P

Thay đổi kích thước như figma P P P

Màu sắc font chứ như figma


P P P
Tương tự button “Đăng ký ngay” (8) ở màn hình Chọn hình thức ký hợp đồng
Hiển thị đúng như thiết kế

P P P

Hiển thị đúng như thiết kế


NOTE: luồng mới cần thêm bo shadow quanh khu vực gói Combo
NOTE: khu vực tùy chọn Internet/Combo update tương tự màn hình Chọn hình P P P
thức ký hợp đồng khi tính năng hoạt động bình thường
Hiển thị đúng như thiết kế

P P P

Thay đổi màu giống figma P P P

Tương tự button “Đăng ký ngay” (8) ở màn hình Chọn hình thức ký hợp đồng
P P P
(trạng thái đủ thông tin)

Viền góc trái bên dưới:


Cũ: Bo tròn như các góc khác
P P P
Mới: chuyển thành góc vuông
nội dung thông báo trả về từ API:
API: omiOrder (đã đăng nhập) - omiOrderV2 (chưa đăng nhập)
P P P
Trường: message

Hiển thị đúng như thiết kế: NOTE: áp dụng với các tùy chọn gói cước “Internet”
và “Combo Internet + Truyền hình”

P P P

Button “<” như figma (tương tự các màn hình khác trong luồng mới) P P P

Fix cứng label “Gói cước”, format label và nền như fogma (tương tự các màn hình
P P P
khác trong luồng mới)
Bo viền và màu nền như figma P P P

Tên gói cước


P P P
Format chữ và nền như figma

Thông tin gói cước


Format chữ và nền như figma
P P P
Phần “Chi tiết gói” trở xuống chuyển thành “Nhóm KH có nhu cầu…” như luồng

Label fix cứng “Khuyến mãi đóng cước trước:


P P P
Mới: Căn trái, kích thước chữ như figma

Tùy chọn gói cước (không chọn):


+ icon “O” ở cạnh Giá tiền, viền màu đen
+ chữ label căn giữa (“Đóng cước hàng tháng”)
P P P
+ “Giá tiền” ở dưới “Phí hòa mạng”
+ Bỏ thông tin “Đóng cước hàng tháng” bị duplicate
NOTE: Tương tự với các khu vực thông tin gói cước không được chọn khác
Tùy chọn gói cước (đã chọn):
+ icon “O” ở cạnh Giá tiền, format như figma
+ chữ label căn giữa (“Đóng cước hàng tháng”)
P P P
+ “Giá tiền” ở dưới “Phí hòa mạng”
+ Bỏ thông tin “Đóng cước hàng tháng” bị duplicate
+ Khi được chọn, màu nền gói cước được chọn giống màu trong figma

Màu sắc font chữ như figma


P P P
Tương tự button “Đăng ký ngay” ở màn hình “Chọn hình thức ký hợp đồng”

Hiển thị đúng như thiết kế:

P P P
Label fix cứng “Thông tin cá nhân*”, format như figma P P P

Label fix cứng “Nhập họ và tên*” P P P

Label fix cứng “Nhập số điện thoại liên hệ*” P P P

Label fix cứng “Nhập số giấy tờ*” P P P

Label fix cứng “(*) Vui lòng điền đầy đủ các thông tin này”
P P P
Format in nghiêng, kích thước chữ như figma

Format tương tự (1) theo figma P P P

Label fix cứng “Chọn Tỉnh/Thành phố*”, format giống figma P P P

Tương tự (7) P P P

Tương tự (7) P P P

Tương tự (7) P P P
Label fix cứng “Nhập địa chỉ chi tiết” in mờ như figma, biến mất khi trường <> “” P P P

Format tương tự (1) P P P

Label fix cứng “Nhập mã giới thiệu” in mờ như figma, biến mất khi trường <> “” P P P

Trường thông tin này được cấu hình trên API getSettingV3 và getCommonSetting
với key “invite_ftth_benefit_information” P P P
Giữ nguyên thiết kế như luồng cũ

Format tương tự (1) P P P

Button:
Format màu sắc, vị trí, kích thước như figma
P P P
Onclick: chức năng tương tự icon ở luồng cũ, chuyển sang màn hình Chỉnh sửa
Gói cước

Thay đổi giao diện vùng này như figma ( giống khu vực tương tự trên màn hình
P P P
Nhân viên đến ký tại nhà - Internet)

Màu sắc font chữ như figma P P P


Hiển thị đúng như thiết kế:

P P P

"Label fix cứng “Lựa chọn gói cước” (KHÔNG thay đổi so với luồng cũ)
P P P
Format tương tự label trên cùng ở các màn hình khác"

Giao diện vùng này giống giao diện vùng tương tự ở màn hình Chọn hình thức ký
P P P
hợp đồng
Thay đổi format, giống như figma P P P

Thay đổi format, giống như figma P P P

KHÔNG làm theo hình figma bên trên


Giao diện khu vực này tương tự khu vực “Lựa chọn gói cước” ở màn hình Chọn P P P
hình thức ký hợp đồng

Tương tự với giao diện mô tả các gói cước trên màn hình Nhân viên đến ký hợp
P P P
đồng – Internet/Combo

Đã chọn: chữ trắng, nền đỏ


P P P
Không chọn: chữ đen, nền trắng, viền đen

Tương tự button “Đăng ký ngay” ở màn hình “Chọn hình thức ký hợp đồng” P P P
Hiển thị đúng như thiết kế:

P P P

P P P
Fix cứng text
Hiển thị đúng như thiết kế:

P P P

Icon hiển thị như thiết kế figma P P P


Thông tin trả về từ API:
- API: checkDebitByIdNo P P P
- Trường: message

Thay đổi font chữ như figma


P P P
Hiển thị đúng như thiết kế:

P P P

Hiển thị Icon load như figma P P P


Hiển thị đúng như thiết kế: P P P

Hiển thị Icon như figma P P P

Thông tin trả về từ API:


- API: surveyOnline P P P
- Trường: message

Hiển thị như thiết kế figma P P P


Hiển thị như thiết kế figma P P P

Khung popup thay đổi như figma (góc vuông ở dưới bên trái). Thay đổi này áp
P P P
dụng với TẤT CẢ các màn hình popup trong TLGP này
Hiển thị đúng như thiết kế:

P P P

Icon như thiết kế figma P P P

Thông tin trả về từ API:


- API: omiOrderV2 (chưa đăng nhập) P P P
- Trường: message

Thông tin trả về từ API:


- API: omiOrder (đã đăng nhập) P P P
- Trường: message

Hiển thị như thiết kế figma P P P


Hiển thị đúng như thiết kế:

P P P

Thông tin trả về từ API:


- API: surveyOnline P P P
- Trường: message
Hiển thị đúng như thiết kế figma P P P
Giữ lại icon chữ (V), format tương tự luồng cũ P P P
Hiển thị đúng như thiết kế:

P P P

Hiển thị đúng như thiết kế figma P P P


Nội dung thông báo lấy từ server P P P
Hiển thị đúng như thiết kế figma P P P
Hiển thị đúng như thiết kế:

P P P

Hiển thị đúng như thiết kế figma P P P

Nội dung thông báo lấy từ server P P P

Hiển thị đúng như thiết kế figma P P P


Hiển thị đúng như thiết kế:

P P P

Thay đổi font chữ P P P

Label fix cứng “Ảnh mặt trước CMT*” P P P

- Khung viền đen mờ nét đứt, bo tròn 4 góc, dấu (+) nằm trong khung như figma P P P
- Nội dùng màu chữ đen mờ “Upload mặt trước CMND”

Label fix cứng “Ảnh mặt sau CMT*” P P P

- Khung viền đen mờ nét đứt, bo tròn 4 góc, dấu (+) nằm trong khung như figma P P P
- Nội dùng màu chữ đen mờ “Upload mặt sau CMND”

Label fix cứng “Ảnh chân dung*” P P P


- Khung viền đen mờ nét đứt, bo tròn 4 góc, dấu (+) nằm trong khung như figma P P P
- Nội dùng màu chữ đen mờ “Upload ảnh chân dung”

Label fix cứng “Chữ ký điện tử*” P P P

- Khung viền đen mờ nét đứt, bo tròn 4 góc, dấu (+) nằm trong khung như figma P P P
- Nội dùng màu chữ đen mờ “Chữ ký điện tử”

Thay đổi kích thước chữ như figma P P P

Hiển thị như figma (Tương tự button “Đăng ký ngay” (8) ở màn hình Chọn hình
P P P
thức ký hợp đồng)
Hiển thị đúng như thiết kế:

P P P

Giữ nguyên luồng cũ (giữ nguyên màu sắc, hình dạng icon) P P P
Giữ nguyên luồng cũ (giữ nguyên màu sắc, hình dạng icon) P P P
Hiển thị đúng như thiết kế:

P P P

Thay đổi font như figma


Label được căn giữa (hơi lệch sang trái) P P P

Thay đổi thiết kế viền tương tự các màn hình khác trong TLGP P P P

KHÔNG có phần “_ _ _” P P P

KHÔNG có button “X” (Nút refresh nằm cạnh nút “Hoàn thành” cũ)
P P P

Vị trí nút “Hoàn thành” GIỮ NGUYÊN như luồng cũ P P P


Hiển thị đúng như thiết kế:

P P P

Hiển thị đúng như thiết kế:

P P P

Thay đổi kích thước chữ như figma P P P


Nội dung thông báo lấy từ API:
- API: scanByAI P P P
- Trường: message

Viền đen, chữ đen P P P

Thay đổi font chữ như figma P P P

Góc vuông ở góc dưới bên trên, các góc khác bo tròn như figma P P P

Hiển thị đúng như thiết kế:

P P P

Icon như thiết kế figma (tương tự Màn hình thông báo hạ tầng đáp ứng) P P P

Hiển thị đúng như thiết kế figma P P P


Hiển thị đúng như thiết kế:

P P P

Khoảng cách từ chuỗi ký tự đến label “Mã ngân hàng” giống figma
P P P
Chuỗi ký tự màu đỏ, in đậm

- Label “Chọn hình thức thanh toán cước” nằm trong trường, biến mất khi user
chọn hình thức thanh toán P P P
- Trường listbox dài, căn giữa, góc trái bên dưới là góc vuông, 3 góc còn lại bo
tròn như figma

Tương tự (2) P P P

Tương tự (2) P P P
Luồng mới không có label
P P P
Bo góc tương tự (2)

Thay đổi icon P P P

Bo góc tương tự (2)


P P P
Khu vực này in mờ (không cho phép user chỉnh sửa)

Tương tự (5) P P P

Tương tự (6) P P P

Tương tự (5) P P P

Tương tự (6) P P P

Label fix cứng “Mã giới thiệu”, format tương tự “Thông tin đơn hàng” P P P

Không cho phép user chỉnh sửa P P P

"Trường thông tin này được cấu hình trên API getSettingV3 và getCommonSetting
với key “invite_ftth_benefit_information
P P P
Chữ in nghiêng, kích thước, font chữ như figma"
Tên gói cước như figma P P P

Mức giá gói cước theo tháng


P P P
Tốc độ băng thông như figma

Tùy chọn phương thức thanh toán như figma P P P

Thông tin chi phí như figma P P P

Lưu ý: <Tên khách hàng> viết HOA


P P P
Thay đổi icon như figma

Thay đổi vị trí, format text, icon như figma P P P

Thay đổi vị trí, format text, icon như figma P P P

Thay đổi vị trí, format text, icon như figma P P P

Thay đổi vị trí, format text, icon như figma P P P

Thay đổi vị trí, format text, icon như figma P P P


Thay đổi vị trí, format text, icon như figma P P P

Thay đổi vị trí, format text, icon như figma P P P

Tương tự (5) ở màn hình “Chọn hình thức ký hợp đồng” P P P

Thêm gạch chân, trùng màu với màu hyperlink P P P

Tương tự button “Đăng ký ngay” (8) ở màn hình Chọn hình thức ký hợp đồng P P P
Hiển thị đúng như thiết kế:

P P P

- Label “Chọn Tỉnh/Thành phố*” ở bên trong trường, biến mất khi đã chọn
P P P
Tỉnh/Thành phố
- Khung viền có góc vuông ở góc dưới bên trái, các góc còn lại bo tròn như figma

Tương tự (1) P P P

Tương tự (1) P P P

Tương tự (1) P P P
- Label “Nhập địa chỉ chi tiết” ở bên trong trường, biến mất khi trường <> “” P P P
- Khung viền có góc vuông ở góc dưới bên trái, các góc còn lại bo tròn như figma

Fix cứng label “(*) Vui lòng điền đầy đủ các thông tin này”
P P P
Label in nghiêng, kích thước và font chữ như figma

Hiển thị đúng như thiết kế figma P P P

Khung viền mới có góc vuông ở góc dưới bên trái, các góc khác bo tròn như figma P P P

Hiển thị đúng như thiết kế:

P P P
Title hiển thị đúng như thiết kế figma
NOTE: CHỈ update phần header (bao gồm title và bo cong viền trên), KHÔNG
P P P
update phần nội dung màn hình. Nội dung màn hình này link sang webview cổng
thanh toán.

Không thay đổi so với luồng cũ P P P

Không thay đổi so với luồng cũ P P P


KỊCH BẢN KIỂM THỬ *
Tên màn hình/Tên chức năng
Mã trường hợp kiểm thử
Số trường hợp kiểm thử đạt (P)
Số trường hợp kiểm thử không đạt (F)
Số trường hợp kiểm thử đang xem xét (PE)
Số trường hợp kiểm thử chưa thực hiện
Tổng số trường hợp kiểm thử

Mã trường hợp
Mục đích kiểm thử Các bước thực hiện
kiểm thử
Kiểm tra Màn hình Thông báo chưa đăng nhập/đăng ký
ĐKTDVI/TH_1

1. Vào app, chưa đăng nhập/đăng ký => Chọn “Viettel Shop”


Kiểm tra giao diện => Chọn “Đăng ký thêm dịch vụ Internet / Truyền hình đang
sử dụng”
2. Kiểm tra giao diện

ĐKTDVI/TH_2
Kiểm tra vùng (1) Kiểm tra hiển thị
ĐKTDVI/TH_3
Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKTDVI/TH_4

Kiểm tra vùng (3) Kiểm tra hiển thị

Kiểm tra Màn hình Chọn đăng ký thêm ( Không update màn này ở PYC này đã có ở pyc tabshop)
Kiểm tra MH Chọn hình thức ký hợp đồng
TH1: Tính năng hoạt động bình thường
ĐKTDVI/TH_5

1. Vào Màn hình Nhập địa chỉ lắp đặt => Nhập thông tin và
Kiểm tra giao diện
ấn “Đồng ý”
2. Kiểm tra giao diện
ĐKTDVI/TH_6

Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKTDVI/TH_7
Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKTDVI/TH_8
Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKTDVI/TH_9
Kiểm tra vùng (4) Kiểm tra hiển thị
ĐKTDVI/TH_10
Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKTDVI/TH_11
Kiểm tra vùng (6) Kiểm tra hiển thị

ĐKTDVI/TH_12

Kiểm tra Internet (7) Kiểm tra hiển thị

ĐKTDVI/TH_13

Kiểm tra btn Đăng ký ngay (8)


Kiểm tra hiển thị

TH2: Tính năng đang được nâng cấp


ĐKTDVI/TH_14

1. Vào Màn hình Nhập địa chỉ lắp đặt => Nhập thông tin và
Kiểm tra giao diện
ấn “Đồng ý”
2. Kiểm tra giao diện

ĐKTDVI/TH_15
Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKTDVI/TH_16
Kiểm tra khu vực tùy chọn Combo
Kiểm tra hiển thị
Internet/Truyền hình

Luồng Nhân viên đến ký tại nhà


Kiểm tra Màn hình Nhân viên đến ký tại nhà - Internet
ĐKTDVI/TH_17

1. Vào Màn hình Chọn hình thức ký hợp đồng => Chọn
“Nhân viên đến ký tại nhà” => Mục “Gói cước” chọn
Kiểm tra giao diện
“Internet”
2. Kiểm tra giao diện

ĐKTDVI/TH_18
Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKTDVI/TH_19
Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKTDVI/TH_20
Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKTDVI/TH_21
Kiểm tra vùng (4) box nhập họ tên Kiểm tra hiển thị

ĐKTDVI/TH_22
Kiểm tra vùng (5) box nhập SĐT Kiểm tra hiển thị

ĐKTDVI/TH_23
Kiểm tra vùng (6) box nhập giấy tờ Kiểm tra hiển thị
ĐKTDVI/TH_24
Kiểm tra vùng (7) box nhập mã giới thiệu Kiểm tra hiển thị

ĐKTDVI/TH_25

Kiểm tra vùng (8) Kiểm tra hiển thị

ĐKTDVI/TH_26

Kiểm tra vùng (9) Kiểm tra hiển thị

ĐKTDVI/TH_27

Kiểm tra vùng (10) Kiểm tra hiển thị

ĐKTDVI/TH_28 Kiểm tra vùng (11) Kiểm tra hiển thị


ĐKTDVI/TH_29

Kiểm tra vùng (12) Kiểm tra hiển thị

ĐKTDVI/TH_30
Kiểm tra vùng (13) Btn Gửi yêu cầu Kiểm tra hiển thị

Kiểm tra Màn hình Nhân viên đến ký tại nhà (Combo)
ĐKTDVI/TH_31

1. Vào Màn hình Chọn hình thức ký hợp đồng => Chọn
“Nhân viên đến ký tại nhà” => Mục “Gói cước” chọn
Kiểm tra giao diện
“Combo Internet + Truyền hình”
2. Kiểm tra giao diện

ĐKTDVI/TH_32

Kiểm tra icon ( 1) Kiểm tra hiển thị

Kiểm tra Màn hình Thông báo tiếp nhận thành công
ĐKTDVI/TH_33

1. Vào Màn hình Nhân viên ký tại nhà (Internet/Combo) =>


Kiểm tra giao diện Chọn gói và ấn “Gửi yêu cầu”
2. Kiểm tra giao diện

ĐKTDVI/TH_34

Kiểm tra vùng (1) Icon tích Kiểm tra hiển thị

ĐKTDVI/TH_35
Kiểm tra vùng (2) Btn Thanh toán Kiểm tra hiển thị

ĐKTDVI/TH_36

Kiểm tra vùng (3) Kiểm tra hiển thị


ĐKTDVI/TH_37
Kiểm tra nội dung Thông báo Kiểm tra hiển thị

Luồng Khách hàng ký hợp đồng điện tử


Kiểm tra Màn hình Gói cước
ĐKTDVI/TH_38

1. Vào Màn hình Chọn hình thức ký hợp đồng => Chọn
“Khách hàng ký hợp đồng điện tử” => Ấn và “Đăng ký
Kiểm tra giao diện
ngay” trong 1 trong các gói cước ở mục “Lựa chọn gói cước”
2. Kiểm tra giao diện

ĐKTDVI/TH_39
Kiểm tra Btn (1) Kiểm tra hiển thị

ĐKTDVI/TH_40

Kiểm tra vùng (2) Kiểm tra hiển thị


ĐKTDVI/TH_41

Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKTDVI/TH_42

Kiểm tra vùng (4) Kiểm tra hiển thị

ĐKTDVI/TH_43

Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKTDVI/TH_44

Kiểm tra vùng (6) Kiểm tra hiển thị

ĐKTDVI/TH_45

Kiểm tra vùng (7) Kiểm tra hiển thị


ĐKTDVI/TH_46

Kiểm tra vùng (8) Kiểm tra hiển thị

ĐKTDVI/TH_47

Kiểm tra Btn Tiếp tục (9) Kiểm tra hiển thị

Kiểm tra Màn hình Nhập thông tin KH


ĐKTDVI/TH_48

1. Vào Chọn gói cước ở màn hình “Gói cước” và ấn “Tiếp


Kiểm tra giao diện tục”
2. Kiểm tra giao diện
ĐKTDVI/TH_49

Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKTDVI/TH_50
Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKTDVI/TH_51
Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKTDVI/TH_52
Kiểm tra vùng (4) Kiểm tra hiển thị

ĐKTDVI/TH_53

Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKTDVI/TH_54
Kiểm tra vùng (6) Kiểm tra hiển thị
ĐKTDVI/TH_55

Kiểm tra vùng (7) Kiểm tra hiển thị

ĐKTDVI/TH_56
Kiểm tra vùng (8) Kiểm tra hiển thị

ĐKTDVI/TH_57
Kiểm tra vùng (9) Kiểm tra hiển thị

ĐKTDVI/TH_58
Kiểm tra vùng (10) Kiểm tra hiển thị
ĐKTDVI/TH_59

Kiểm tra vùng (11) Kiểm tra hiển thị

ĐKTDVI/TH_60
Kiểm tra vùng (12) Kiểm tra hiển thị

ĐKTDVI/TH_61

Kiểm tra vùng (13) Kiểm tra hiển thị

ĐKTDVI/TH_62

Pre: call api API getSettingV3 thành công


Kiểm tra vùng (14)
Kiểm tra hiển thị

ĐKTDVI/TH_63
Kiểm tra vùng (15) Kiểm tra hiển thị

ĐKTDVI/TH_64

Kiểm tra vùng (16) Kiểm tra hiển thị

ĐKTDVI/TH_65
Kiểm tra vùng (17) Kiểm tra hiển thị

ĐKTDVI/TH_66
Kiểm tra vùng (18) Btn Tiếp tục Kiểm tra hiển thị
Kiểm tra Màn hình chỉnh sửa gói cước

TH1: Tính năng hoạt động bình thường

ĐKTDVI/TH_67

1. Vào Màn hình Nhập thông tin KH => Chọn “Đổi gói”
Kiểm tra giao diện
2. Kiểm tra giao diện

ĐKTDVI/TH_68

Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKTDVI/TH_69

Kiểm tra vùng (2) Kiểm tra hiển thị


ĐKTDVI/TH_70

Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKTDVI/TH_71
Kiểm tra vùng (4) Kiểm tra hiển thị

ĐKTDVI/TH_72

Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKTDVI/TH_73
Kiểm tra vùng (6) Kiểm tra hiển thị

ĐKTDVI/TH_74

Kiểm tra vùng (7) Kiểm tra hiển thị

ĐKTDVI/TH_75
Kiểm tra vùng (8) Kiểm tra hiển thị

TH2: Tính năng đang nâng cấp


ĐKTDVI/TH_76

1. Vào Màn hình Nhập thông tin KH => Chọn “Đổi gói”
Kiểm tra giao diện
2. Kiểm tra giao diện

ĐKTDVI/TH_77
Kiểm tra vùng (1) Kiểm tra hiển thị

Kiểm tra Màn hình Thông báo nợ cước


ĐKTDVI/TH_78

1. Vào Nhập đủ thông tin trong màn hình “Nhập thông tin
Kiểm tra giao diện KH” và ấn “Tiếp tục”
2. Kiểm tra giao diện

ĐKTDVI/TH_79 Kiểm tra vùng (1) Kiểm tra hiển thị


ĐKTDVI/TH_80
Pre: call api checkDebitByIdNo thành công
Kiểm tra vùng (2)
Kiểm tra hiển thị

ĐKTDVI/TH_81
Kiểm tra vùng (3) Kiểm tra hiển thị

Kiểm tra Luồng khảo sát địa chỉ đăng ký


Kiểm tra màn hình Chờ khảo sát
ĐKTDVI/TH_82

1. Vào Điền đủ thông tin vào màn hình Nhập thông tin KH
Kiểm tra giao diện và ấn “Tiếp tục”
2. Kiểm tra giao diện

ĐKTDVI/TH_83 Kiểm tra vùng (1) Kiểm tra hiển thị


Kiểm tra Luồng Tiếp nhận thông tin không thành công

Kiểm tra Màn hình Thông báo tiếp nhận thông tin không thành công
ĐKTDVI/TH_84

1. Vào Nhập đủ thông tin trong màn hình “Nhập thông tin
Kiểm tra giao diện KH” và ấn “Tiếp tục” => màn hình Chờ khảo sát
2. Kiểm tra giao diện

ĐKTDVI/TH_85 Kiểm tra vùng (1) Kiểm tra hiển thị


ĐKTDVI/TH_86

Pre: call api surveyOnline thành công


Kiểm tra vùng (2)
Kiểm tra hiển thị

ĐKTDVI/TH_87 Kiểm tra vùng (3) Kiểm tra hiển thị


ĐKTDVI/TH_88 Kiểm tra vùng (4) Kiểm tra hiển thị
ĐKTDVI/TH_89

Kiểm tra khung popup Kiểm tra hiển thị

Kiểm tra Màn hình Liên hệ nhân viên hỗ trợ


ĐKTDVI/TH_90

1. Vào Màn hình Thông báo tiếp nhận thông tin không thành
Kiểm tra giao diện công => Ấn “Nhân viên hỗ trợ”
2. Kiểm tra giao diện

ĐKTDVI/TH_91 Kiểm tra vùng (1) Kiểm tra hiển thị


ĐKTDVI/TH_92
Pre: call api omiOrder (đã đăng nhập) thành công
Kiểm tra vùng (2)
Kiểm tra hiển thị

ĐKTDVI/TH_93 Kiểm tra vùng (3) Kiểm tra hiển thị


Kiểm tra Luồng Tiếp nhận thông tin thành công

Kiểm tra Màn hình Thông báo tiếp nhận khảo sát
ĐKTDVI/TH_94

1. Vào Nhập đủ thông tin trong màn hình “Nhập thông tin
Kiểm tra giao diện KH” và ấn “Tiếp tục” => màn hình Chờ khảo sát
2. Kiểm tra giao diện

ĐKTDVI/TH_95
Pre: call api surveyOnline thành công
Kiểm tra vùng (1)
Kiểm tra hiển thị

ĐKTDVI/TH_96 Kiểm tra vùng (2) Kiểm tra hiển thị


ĐKTDVI/TH_97 Kiểm tra icon dấu tích Kiểm tra hiển thị
Kiểm tra Thông báo kết quả khảo sát

Kiểm tra Màn hình thông báo hạ tầng không đáp ứng
ĐKTDVI/TH_98

1. Khi có kết quả khảo sát hạ tầng không đáp ứng, hiện thị
Kiểm tra giao diện Popup trên màn hình App
2. Kiểm tra giao diện

ĐKTDVI/TH_99 Kiểm tra vùng (1) Kiểm tra hiển thị


ĐKTDVI/TH_100 Kiểm tra vùng (2) Kiểm tra hiển thị
ĐKTDVI/TH_101 Kiểm tra vùng (3) Kiểm tra hiển thị
Kiểm tra Màn hình thông báo hạ tầng đáp ứng
ĐKTDVI/TH_102

1. Khi có kết quả khảo sát hạ tầng đáp ứng, hiển thị Popup
Kiểm tra giao diện trên màn hình App
2. Kiểm tra giao diện

ĐKTDVI/TH_103 Kiểm tra vùng (1) Kiểm tra hiển thị


ĐKTDVI/TH_104
Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKTDVI/TH_105 Kiểm tra vùng (3) Kiểm tra hiển thị


Kiểm tra Luồng upload hồ sơ sau khi khảo sát thành công
Kiểm tra Màn hình upload hồ sơ (chưa upload)
ĐKTDVI/TH_106

1. Vào Màn hình Thông báo hạ tầng đáp ứng => Ấn “Tiếp
Kiểm tra giao diện tục”
2. Kiểm tra giao diện

ĐKTDVI/TH_107
Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKTDVI/TH_108
Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKTDVI/TH_109

Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKTDVI/TH_110
Kiểm tra vùng (4) Kiểm tra hiển thị
ĐKTDVI/TH_111

Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKTDVI/TH_112
Kiểm tra vùng (6) Kiểm tra hiển thị
ĐKTDVI/TH_113

Kiểm tra vùng (7) Kiểm tra hiển thị

ĐKTDVI/TH_114
Kiểm tra vùng (8) Kiểm tra hiển thị

ĐKTDVI/TH_115

Kiểm tra vùng (9) Kiểm tra hiển thị

ĐKTDVI/TH_116
Kiểm tra vùng (10) Kiểm tra hiển thị

ĐKTDVI/TH_117
Kiểm tra vùng (11) Kiểm tra hiển thị

Kiểm tra Màn hình upload hồ sơ (đã upload)


ĐKTDVI/TH_118

1. Vào Màn hình upload hồ sơ => Nhập dữ liệu


Kiểm tra giao diện
2. Kiểm tra giao diện

ĐKTDVI/TH_119 Kiểm tra vùng (1) Kiểm tra hiển thị


ĐKTDVI/TH_120 Kiểm tra vùng (2) Kiểm tra hiển thị
Kiểm tra Màn hình nhập chữ ký (chưa có chữ ký)
ĐKTDVI/TH_121

1. Vào Màn hình upload hồ sơ => Chọn “Chữ ký điện tử”


Kiểm tra giao diện
2. Kiểm tra giao diện

ĐKTDVI/TH_122
Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKTDVI/TH_123
Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKTDVI/TH_124 Kiểm tra vùng (3) Kiểm tra hiển thị


ĐKTDVI/TH_125

Kiểm tra vùng (4) Kiểm tra hiển thị

ĐKTDVI/TH_126 Kiểm tra vùng (5) Kiểm tra hiển thị


Kiểm tra Màn hình nhập chữ ký (đã có chữ ký)
ĐKTDVI/TH_127

1. Vào Màn hình upload hồ sơ => Chọn “Chữ ký điện tử” =>
Kiểm tra giao diện Nhập chữ ký
2. Kiểm tra giao diện

Kiểm tra Luồng thông báo hình ảnh không hợp lệ

Kiểm tra Màn hình thông báo hình ảnh không hợp lệ

ĐKTDVI/TH_128

1. Vào Màn hình upload hồ sơ => Nhập hình ảnh sai quy
định (VD: số CMND không trùng với thông tin khách hàng)
Kiểm tra giao diện
và ấn “Tiếp tục”
2. Kiểm tra giao diện

ĐKTDVI/TH_129
Kiểm tra vùng (1) Kiểm tra hiển thị
ĐKTDVI/TH_130
Pre: call api scanByAI thành công
Kiểm tra vùng (2)
Kiểm tra hiển thị

ĐKTDVI/TH_131
Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKTDVI/TH_132 Kiểm tra vùng (4) Kiểm tra hiển thị


ĐKTDVI/TH_133
Kiểm tra vùng (5) Kiểm tra hiển thị

Kiểm tra Màn hình tiếp nhận hỗ trợ nhập hình ảnh

ĐKTDVI/TH_134

1. Vào Màn hình thông báo hình ảnh không hợp lệ => Ấn
Kiểm tra giao diện “Nhân viên hỗ trợ”
2. Kiểm tra giao diện

ĐKTDVI/TH_135
Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKTDVI/TH_136 Kiểm tra vùng (2) Kiểm tra hiển thị


Kiểm tra Luồng đăng ký thành công
Kiểm tra Màn hình Thông tin hợp đồng

ĐKTDVI/TH_137

1. Vào Màn hình upload hồ sơ (đã upload) (Nhập thông tin


Kiểm tra giao diện đủ và đúng) => Ấn “Tiếp tục”
2. Kiểm tra giao diện

ĐKTDVI/TH_138
Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKTDVI/TH_139

Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKTDVI/TH_140
Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKTDVI/TH_141
Kiểm tra vùng (4) Kiểm tra hiển thị
ĐKTDVI/TH_142

Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKTDVI/TH_143
Kiểm tra vùng (6) Kiểm tra hiển thị

ĐKTDVI/TH_144

Kiểm tra vùng (7) Kiểm tra hiển thị

ĐKTDVI/TH_145
Kiểm tra vùng (8) Kiểm tra hiển thị

ĐKTDVI/TH_146
Kiểm tra vùng (9) Kiểm tra hiển thị

ĐKTDVI/TH_147
Kiểm tra vùng (10) Kiểm tra hiển thị

ĐKTDVI/TH_148
Kiểm tra vùng (11) Kiểm tra hiển thị

ĐKTDVI/TH_149
Kiểm tra vùng (12) Kiểm tra hiển thị

ĐKTDVI/TH_150
Kiểm tra vùng (13) Kiểm tra hiển thị

ĐKTDVI/TH_151

Kiểm tra vùng (14) Kiểm tra hiển thị


ĐKTDVI/TH_152
Kiểm tra vùng (15) Kiểm tra hiển thị

ĐKTDVI/TH_153
Kiểm tra vùng (16) Kiểm tra hiển thị

ĐKTDVI/TH_154
Kiểm tra vùng (17) Kiểm tra hiển thị

ĐKTDVI/TH_155
Kiểm tra vùng (18) Kiểm tra hiển thị

ĐKTDVI/TH_156
Kiểm tra vùng (19) Kiểm tra hiển thị

ĐKTDVI/TH_157
Kiểm tra vùng (20) Kiểm tra hiển thị

ĐKTDVI/TH_158
Kiểm tra vùng (21) Kiểm tra hiển thị

ĐKTDVI/TH_159
Kiểm tra vùng (22) Kiểm tra hiển thị

ĐKTDVI/TH_160

Kiểm tra vùng (23) Kiểm tra hiển thị

ĐKTDVI/TH_161

Kiểm tra vùng (24) Kiểm tra hiển thị


ĐKTDVI/TH_162

Kiểm tra vùng (25) Kiểm tra hiển thị

ĐKTDVI/TH_163

Kiểm tra vùng (26) Kiểm tra hiển thị

ĐKTDVI/TH_164

Kiểm tra vùng (27) Kiểm tra hiển thị

ĐKTDVI/TH_165

Kiểm tra vùng (28) Kiểm tra hiển thị

ĐKTDVI/TH_166

Kiểm tra vùng (29) Kiểm tra hiển thị

Kiểm tra Màn hình chọn lại địa chỉ thanh toán
ĐKTDVI/TH_167

1. Vào Màn hình Thông tin hợp đồng => Ấn vào icon chỉnh
Kiểm tra giao diện sửa “Địa chỉ thanh toán”
2. Kiểm tra giao diện

ĐKTDVI/TH_168

Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKTDVI/TH_169
Kiểm tra vùng (2) Kiểm tra hiển thị

ĐKTDVI/TH_170
Kiểm tra vùng (3) Kiểm tra hiển thị

ĐKTDVI/TH_171
Kiểm tra vùng (4) Kiểm tra hiển thị
ĐKTDVI/TH_172

Kiểm tra vùng (5) Kiểm tra hiển thị

ĐKTDVI/TH_173
Kiểm tra vùng (6) Kiểm tra hiển thị

ĐKTDVI/TH_174
Kiểm tra vùng (7) Kiểm tra hiển thị

ĐKTDVI/TH_175
Kiểm tra vùng (8) Kiểm tra hiển thị

Kiểm tra màn hình thông báo đăng ký thành công

ĐKTDVI/TH_176

1. Vào Màn hình Thông tin hợp đồng => Ấn vào “Thanh
Kiểm tra giao diện toán”
2. Kiểm tra giao diện
ĐKTDVI/TH_177

Kiểm tra vùng (1) Kiểm tra hiển thị

ĐKTDVI/TH_178
Kiểm tra vùng (2) Kiểm tra hiển thị
ĐKTDVI/TH_179
Kiểm tra vùng (3) Kiểm tra hiển thị
KỊCH BẢN KIỂM THỬ *
Đăng Ký Thêm DV Internet/Truyền hình
ĐKTDVI/TH
179
0
0
0
179

IOS ANDROID
Kết quả hiện
Kết quả mong muốn Lần Lần Lần Lần Lần Mã lỗi
Lần 1 tại
2 3 1 2 3

Hiển thị màn hình đúng như thiết kế.

P P P

Fix cứng thông báo


P P P
Format thay đổi tương tự figma
Thay đổi màu viền, màu chữ, font chữ như figma P P P

Thay đổi font chữ như figma P P P

có ở pyc tabshop)

Hiển thị đúng như thiết kế

P P P
Bo viền như figma
Màu không đổi
P P P
NOTE: thay đổi viền này áp dụng cho toàn bộ các màn hình có viền tương tự trong
TLGP này

Không có vùng Chọn khu vực này P P P

Thay đổi icon như figma P P P

Thay đổi icon như figma P P P

Thay đổi icon như figma P P P

Thay đổi icon như figma P P P

Luồng mới: không có khung, thay đổi kích thước như figma
Đã chọn: chữ đỏ, gạch chân đỏ
P P P
Không chọn: chữ mờ, gạch chân mờ

NOTE: “Combo Internet + Truyền hình”, không phải “Combo Internet/Truyền


hình”

P P P
Màu nền và màu chữ: Chữ trắng, nền đỏ
Hiển thị đúng như thiết kế:

P P P

Fix cứng text như figma P P P

Tương tự bên Internet khi tính năng đang nâng cấp


P P P
Hiển thị đúng như thiết kế

P P P

Thay đổi Icon như figma P P P

Thay đổi Icon như figma P P P

Fix cứng Label “Thông tin khách hàng” P P P

Bo viền (góc trái bên dưới) như figma


P P P
Label “Nhập họ tên*” in mờ, fix cứng, biến mất khi trường text này <> “”

Tương tự (4) P P P

Tương tự (4) P P P
Tương tự (4) P P P

Trường thông tin này được cấu hình trên API getSettingV3 với key
P P P
“invite_ftth_benefit_information

Thay đổi kích thước chữ như figma P P P

Thay đổi icon như figma P P P

Thay đổi icon như figma P P P

Thay đổi kích thước như figma P P P

Màu sắc font chứ như figma


P P P
Tương tự button “Đăng ký ngay” (8) ở màn hình Chọn hình thức ký hợp đồng
Hiển thị đúng như thiết kế P P P

Hiển thị đúng như thiết kế


NOTE: luồng mới cần thêm bo shadow quanh khu vực gói Combo
NOTE: khu vực tùy chọn Internet/Combo update tương tự màn hình Chọn hình P P P
thức ký hợp đồng khi tính năng hoạt động bình thường
Hiển thị đúng như thiết kế

P P P

Thay đổi màu giống figma P P P

Tương tự button “Đăng ký ngay” (8) ở màn hình Chọn hình thức ký hợp đồng
P P P
(trạng thái đủ thông tin)

Viền góc trái bên dưới:


Cũ: Bo tròn như các góc khác
P P P
Mới: chuyển thành góc vuông
nội dung thông báo trả về từ API:
API: omiOrder (đã đăng nhập)
P P P
Trường: message

Hiển thị đúng như thiết kế: NOTE: áp dụng với các tùy chọn gói cước “Internet”
và “Combo Internet + Truyền hình”

P P P

Button “<” như figma (tương tự các màn hình khác trong luồng mới) P P P

Fix cứng label “Gói cước”, format label và nền như fogma (tương tự các màn hình
P P P
khác trong luồng mới)
Bo viền và màu nền như figma P P P

Tên gói cước


P P P
Format chữ và nền như figma

Thông tin gói cước


Format chữ và nền như figma
P P P
Phần “Chi tiết gói” trở xuống chuyển thành “Nhóm KH có nhu cầu…” như luồng

Label fix cứng “Khuyến mãi đóng cước trước:


P P P
Mới: Căn trái, kích thước chữ như figma

Tùy chọn gói cước (không chọn):


+ icon “O” ở cạnh Giá tiền, viền màu đen
+ chữ label căn giữa (“Đóng cước hàng tháng”)
P P P
+ “Giá tiền” ở dưới “Phí hòa mạng”
+ Bỏ thông tin “Đóng cước hàng tháng” bị duplicate
NOTE: Tương tự với các khu vực thông tin gói cước không được chọn khác
Tùy chọn gói cước (đã chọn):
+ icon “O” ở cạnh Giá tiền, format như figma
+ chữ label căn giữa (“Đóng cước hàng tháng”)
P P P
+ “Giá tiền” ở dưới “Phí hòa mạng”
+ Bỏ thông tin “Đóng cước hàng tháng” bị duplicate
+ Khi được chọn, màu nền gói cước được chọn giống màu trong figma

Màu sắc font chữ như figma


P P P
Tương tự button “Đăng ký ngay” ở màn hình “Chọn hình thức ký hợp đồng”

Hiển thị đúng như thiết kế:

P P P
Label fix cứng “Thông tin cá nhân*”, format như figma P P P

Label fix cứng “Nhập họ và tên*” P P P

Label fix cứng “Nhập số điện thoại liên hệ*” P P P

Label fix cứng “Nhập số giấy tờ*” P P P

Label fix cứng “(*) Vui lòng điền đầy đủ các thông tin này”
P P P
Format in nghiêng, kích thước chữ như figma

Format tương tự (1) theo figma P P P

Label fix cứng “Chọn Tỉnh/Thành phố*”, format giống figma P P P

Tương tự (7) P P P

Tương tự (7) P P P

Tương tự (7) P P P
Label fix cứng “Nhập địa chỉ chi tiết” in mờ như figma, biến mất khi trường <> “” P P P

Format tương tự (1) P P P

Label fix cứng “Nhập mã giới thiệu” in mờ như figma, biến mất khi trường <> “” P P P

Trường thông tin này được cấu hình trên API getSettingV3 với key
P P P
“invite_ftth_benefit_information

Format tương tự (1) P P P

Button:
Format màu sắc, vị trí, kích thước như figma
P P P
Onclick: chức năng tương tự icon ở luồng cũ, chuyển sang màn hình Chỉnh sửa
Gói cước

Thay đổi giao diện vùng này như figma ( giống khu vực tương tự trên màn hình
P P P
Nhân viên đến ký tại nhà - Internet)

Màu sắc font chữ như figma P P P


Hiển thị đúng như thiết kế:

P P P

"Label fix cứng “Lựa chọn gói cước” (KHÔNG thay đổi so với luồng cũ)
P P P
Format tương tự label trên cùng ở các màn hình khác"

Giao diện vùng này giống giao diện vùng tương tự ở màn hình Chọn hình thức ký
P P P
hợp đồng
Thay đổi format, giống như figma P P P

Thay đổi format, giống như figma P P P

KHÔNG làm theo hình figma bên trên


Giao diện khu vực này tương tự khu vực “Lựa chọn gói cước” ở màn hình Chọn P P P
hình thức ký hợp đồng

Tương tự với giao diện mô tả các gói cước trên màn hình Nhân viên đến ký hợp
P P P
đồng – Internet/Combo

Đã chọn: chữ trắng, nền đỏ


P P P
Không chọn: chữ đen, nền trắng, viền đen

Tương tự button “Đăng ký ngay” ở màn hình “Chọn hình thức ký hợp đồng” P P P
Hiển thị đúng như thiết kế:

P P P

Fix cứng text P P P


Hiển thị đúng như thiết kế:

P P P

Icon hiển thị như thiết kế figma P P P

Thông tin trả về từ API:


- API: checkDebitByIdNo P P P
- Trường: message

Thay đổi font chữ như figma P P P


Hiển thị đúng như thiết kế:

P P P

Hiển thị Icon load như figma P P P


Hiển thị đúng như thiết kế: P P P

Hiển thị Icon như figma P P P

Thông tin trả về từ API:


- API: surveyOnline P P P
- Trường: message

Hiển thị như thiết kế figma P P P


Hiển thị như thiết kế figma P P P

Khung popup thay đổi như figma (góc vuông ở dưới bên trái). Thay đổi này áp
P P P
dụng với TẤT CẢ các màn hình popup trong TLGP này
Hiển thị đúng như thiết kế:

P P P

Icon Như thiết kế figma P P P


Thông tin trả về từ API:
- API: omiOrder (đã đăng nhập) P P P
- Trường: message
Hiển thị như thiết kế figma P P P
Hiển thị đúng như thiết kế:

P P P

Thông tin trả về từ API:


- API: surveyOnline P P P
- Trường: message
Hiển thị đúng như thiết kế figma P P P
Giữ lại icon chữ (V), format tương tự luồng cũ P P P
Hiển thị đúng như thiết kế:

P P P

Hiển thị đúng như thiết kế figma P P P


Nội dung thông báo lấy từ server P P P
Hiển thị đúng như thiết kế figma P P P
Hiển thị đúng như thiết kế:

P P P

Hiển thị đúng như thiết kế figma P P P

Nội dung thông báo lấy từ server P P P

Hiển thị đúng như thiết kế figma P P P


Hiển thị đúng như thiết kế:

P P P

Thay đổi font chữ P P P

Label fix cứng “Ảnh mặt trước CMT*” P P P

- Khung viền đen mờ nét đứt, bo tròn 4 góc, dấu (+) nằm trong khung như figma P P P
- Nội dùng màu chữ đen mờ “Upload mặt trước CMND”

Label fix cứng “Ảnh mặt sau CMT*” P P P

- Khung viền đen mờ nét đứt, bo tròn 4 góc, dấu (+) nằm trong khung như figma P P P
- Nội dùng màu chữ đen mờ “Upload mặt sau CMND”

Label fix cứng “Ảnh chân dung*” P P P


- Khung viền đen mờ nét đứt, bo tròn 4 góc, dấu (+) nằm trong khung như figma P P P
- Nội dùng màu chữ đen mờ “Upload ảnh chân dung”

Label fix cứng “Chữ ký điện tử*” P P P

- Khung viền đen mờ nét đứt, bo tròn 4 góc, dấu (+) nằm trong khung như figma P P P
- Nội dùng màu chữ đen mờ “Chữ ký điện tử”

Thay đổi kích thước chữ như figma P P P

Hiển thị như figma (Tương tự button “Đăng ký ngay” (8) ở màn hình Chọn hình
P P P
thức ký hợp đồng)
Hiển thị đúng như thiết kế:

P P P

Giữ nguyên luồng cũ (giữ nguyên màu sắc, hình dạng icon) P P P
Giữ nguyên luồng cũ (giữ nguyên màu sắc, hình dạng icon) P P P
Hiển thị đúng như thiết kế:

P P P

Thay đổi font như figma


Label được căn giữa (hơi lệch sang trái) P P P

Thay đổi thiết kế viền tương tự các màn hình khác trong TLGP P P P

KHÔNG có phần “_ _ _” P P P

KHÔNG có button “X” (Nút refresh nằm cạnh nút “Hoàn thành” cũ)
P P P

Vị trí nút “Hoàn thành” GIỮ NGUYÊN như luồng cũ P P P


Hiển thị đúng như thiết kế:

P P P

Hiển thị đúng như thiết kế:

P P P

Thay đổi kích thước chữ như figma P P P


Nội dung thông báo lấy từ API:
- API: scanByAI P P P
- Trường: message

Viền đen, chữ đen P P P

Thay đổi font chữ như figma P P P

Góc vuông ở góc dưới bên trên, các góc khác bo tròn như figma P P P

Hiển thị đúng như thiết kế:

P P P

Icon như thiết kế figma (tương tự Màn hình thông báo hạ tầng đáp ứng) P P P

Hiển thị đúng như thiết kế figma P P P


Hiển thị đúng như thiết kế:

P P P

Khoảng cách từ chuỗi ký tự đến label “Mã ngân hàng” giống figma
P P P
Chuỗi ký tự màu đỏ, in đậm

- Label “Chọn hình thức thanh toán cước” nằm trong trường, biến mất khi user
chọn hình thức thanh toán P P P
- Trường listbox dài, căn giữa, góc trái bên dưới là góc vuông, 3 góc còn lại bo
tròn như figma

Tương tự (2) P P P

Tương tự (2) P P P
Luồng mới không có label
P P P
Bo góc tương tự (2)

Thay đổi icon P P P

Bo góc tương tự (2)


P P P
Khu vực này in mờ (không cho phép user chỉnh sửa)

Tương tự (5) P P P

Tương tự (6) P P P

Tương tự (5) P P P

Tương tự (6) P P P

Label fix cứng “Mã giới thiệu”, format tương tự “Thông tin đơn hàng” P P P

Không cho phép user chỉnh sửa P P P

Trường thông tin này được cấu hình trên API getSettingV3 với key
“invite_ftth_benefit_information P P P
Chữ in nghiêng, kích thước, font chữ như figma
Tên gói cước như figma P P P

Mức giá gói cước theo tháng


P P P
Tốc độ băng thông như figma

Tùy chọn phương thức thanh toán như figma P P P

Thông tin chi phí như figma P P P

Lưu ý: <Tên khách hàng> viết HOA


P P P
Thay đổi icon như figma

Thay đổi vị trí, format text, icon như figma P P P

Thay đổi vị trí, format text, icon như figma P P P

Thay đổi vị trí, format text, icon như figma P P P

Thay đổi vị trí, format text, icon như figma P P P

Thay đổi vị trí, format text, icon như figma P P P


Thay đổi vị trí, format text, icon như figma P P P

Thay đổi vị trí, format text, icon như figma P P P

Tương tự (5) ở màn hình “Chọn hình thức ký hợp đồng” P P P

Thêm gạch chân, trùng màu với màu hyperlink P P P

Tương tự button “Đăng ký ngay” (8) ở màn hình Chọn hình thức ký hợp đồng P P P
Hiển thị đúng như thiết kế:

P P P

- Label “Chọn Tỉnh/Thành phố*” ở bên trong trường, biến mất khi đã chọn
P P P
Tỉnh/Thành phố
- Khung viền có góc vuông ở góc dưới bên trái, các góc còn lại bo tròn như figma

Tương tự (1) P P P

Tương tự (1) P P P

Tương tự (1) P P P
- Label “Nhập địa chỉ chi tiết” ở bên trong trường, biến mất khi trường <> “” P P P
- Khung viền có góc vuông ở góc dưới bên trái, các góc còn lại bo tròn như figma

Fix cứng label “(*) Vui lòng điền đầy đủ các thông tin này”
P P P
Label in nghiêng, kích thước và font chữ như figma

Hiển thị đúng như thiết kế figma P P P

Khung viền mới có góc vuông ở góc dưới bên trái, các góc khác bo tròn như figma P P P

Hiển thị đúng như thiết kế:

P P P
Title hiển thị đúng như thiết kế figma
NOTE: CHỈ update phần header (bao gồm title và bo cong viền trên), KHÔNG
P P P
update phần nội dung màn hình. Nội dung màn hình này link sang webview cổng
thanh toán.

Không thay đổi so với luồng cũ P P P

Không thay đổi so với luồng cũ P P P

You might also like