← Quay lại mục lục

Bài 1 — Form đăng nhập có Captcha

Form Login với 3 trường: Account, Password, Captcha. Có nhiều lỗi validation và lỗi nghiệp vụ được cài cắm sẵn.

Dễ #form #login #validation #captcha

🔐 Bài 1: Form đăng nhập có Captcha

Một form đăng nhập như mô tả. Nếu người dùng nhập đúng tổ hợp account và password đồng thời tick chính xác Captcha (checkbox "I'm not a robot") thì sẽ đăng nhập thành công.

📌 Tài khoản hợp lệ

Để test trường hợp đăng nhập thành công, sử dụng cặp:

  • Account: admin
  • Password: 123456

📋 Bảng đặc tả validation

Sự kiện Xử lý mong đợi
Không nhập account Hiển thị message: Please input account!
Focus vào trường account
Không nhập mật khẩu Hiển thị message: Please input password!
Focus vào trường password
Không chọn captcha Hiển thị message: Please select captcha
Tổ hợp Account/Password không đúng Hiển thị message: Your account or password is incorrect!
Focus vào trường account
Captcha không chính xác Hiển thị message: Invalid captcha.
Đăng nhập thành công Hiển thị thông báo: Login success!

🎯 Yêu cầu công việc

  1. Đọc kỹ Specification ở trên.
  2. Thiết kế bộ test case bao gồm cả positive và negative case (chuẩn bị trên Excel/Sheet riêng).
  3. Sang tab "🧪 Form thực hành" để thực hiện test trực tiếp trên form.
  4. Ghi nhận các bug phát hiện được vào bảng bug report (template gợi ý bên dưới).

📝 Template bug report (gợi ý)

STT Mô tả bug Bước tái hiện Kết quả thực tế Kết quả mong đợi Mức độ
1 (học viên điền)
💡 Gợi ý kỹ thuật test:
  • Áp dụng Equivalence Partitioning: chia input thành các nhóm tương đương.
  • Áp dụng Boundary Value Analysis: thử giá trị biên (rỗng, 1 ký tự, khoảng trắng đầu/cuối...).
  • Test các tổ hợp khác nhau giữa account/password/captcha (đúng cả 3, sai 1, sai 2, sai cả 3...).
  • Quan sát kỹ nội dung message, vị trí focus sau khi báo lỗi, thứ tự ưu tiên hiển thị message.
  • Thử các thao tác bàn phím: nhấn Enter, Tab...
⚠️ Lưu ý: Form có cài cắm sẵn nhiều bug thuộc các loại: lỗi message, lỗi focus, lỗi validation logic, lỗi UX. Hãy quan sát kỹ và đối chiếu từng dòng trong bảng đặc tả.
🔐

Vui lòng đăng nhập để nộp bài.

Đăng nhập
🔐

Tab dành cho giảng viên

Tab này chứa danh sách các lỗi đã cài cắm trong form. Vui lòng nhập mã giảng viên để mở khóa. Mã sẽ ghi nhớ trong phiên làm việc — chỉ cần nhập 1 lần cho cả 3 bài.