Module 11: Dự Án Cuối Khóa — Build Flow Hoàn Chỉnh A-Z¶

🎯 Mục Tiêu Module¶

Áp dụng tất cả kiến thức đã học
Xây dựng test suite hoàn chỉnh
Thực hành full flow: Prompt → IDE → Review → Regression
Demo và đánh giá

11.1. Yêu Cầu Dự Án¶

Mục tiêu¶

Xây dựng test suite hoàn chỉnh cho Practice Website:

URL: https://practice.automationtesting.in/
Bao gồm: Login, Shop, Cart, Checkout
Sử dụng: Antigravity IDE + Playwright + POM

Scope¶

┌─────────────────────────────────────────────────────┐
│                                                     │
│  Test Suite bao gồm:                                │
│                                                     │
│  1. Login Test (2-3 test case)                      │
│     - Đăng nhập thành công                          │
│     - Đăng nhập thất bại                            │
│     - Đăng ký tài khoản                             │
│                                                     │
│  2. Shop Test (2-3 test case)                       │
│     - Tìm kiếm sản phẩm                            │
│     - Xem chi tiết sản phẩm                        │
│     - Lọc sản phẩm                                  │
│                                                     │
│  3. Cart Test (2-3 test case)                       │
│     - Thêm sản phẩm vào giỏ                        │
│     - Xóa sản phẩm khỏi giỏ                        │
│     - Cập nhật số lượng                             │
│                                                     │
│  4. Checkout Test (1-2 test case)                   │
│     - Thanh toán thành công                         │
│     - Kiểm tra đơn hàng                             │
│                                                     │
│  Tổng: 8-12 test case                               │
│                                                     │
└─────────────────────────────────────────────────────┘

11.2. Quy Trình Thực Hiện¶

Bước 1: Viết Prompt Template¶

1. Chọn flow cần test
2. Viết Prompt Template theo Module 2
3. Review Prompt với mentor/nhóm

Bước 2: Dùng Antigravity IDE¶

1. Mở IDE
2. Nhập Prompt
3. Truyền Prompt cho AI sinh code
4. Xem code sinh ra

Bước 3: Code Review¶

1. Dùng Checklist từ Module 6
2. Review code AI sinh ra
3. Tìm anti-pattern
4. Tối ưu code

Bước 4: Tạo Page Object¶

1. Tạo Page Object theo Module 7
2. Tái sử dụng code
3. Dễ maintain

Bước 5: Chạy Test¶

1. Chạy test trên local
2. Xem report
3. Fix test fail

Bước 6: Regression¶

1. Chạy lại test
2. Đảm bảo tất cả pass
3. Đặt lịch chạy định kỳ

11.3. Cấu Trúc Dự Án¶

practice-automation-tests/
├── pages/
│   ├── LoginPage.ts
│   ├── ShopPage.ts
│   ├── CartPage.ts
│   └── CheckoutPage.ts
├── tests/
│   ├── login.spec.ts
│   ├── shop.spec.ts
│   ├── cart.spec.ts
│   └── checkout.spec.ts
├── test-data/
│   └── users.json
├── playwright.config.ts
├── package.json
└── README.md

11.4. Demo Template¶

README.md cho dự án¶

# Practice Automation Tests

## Tổng quan
Test suite cho website https://practice.automationtesting.in/

## Cấu trúc
- `pages/` — Page Object Model
- `tests/` — Test cases
- `test-data/` — Test data

## Cách chạy
```bash
# Chạy tất cả test
npx playwright test

# Chạy 1 file
npx playwright test tests/login.spec.ts

# Xem report
npx playwright show-report

Test Cases¶

Login: 3 test cases
Shop: 3 test cases
Cart: 3 test cases
Checkout: 2 test cases

Kết quả¶

Total: 11 test cases
Passed: ?

Failed: ?

---

## 11.5. Đánh Giá Dự Án

### Tiêu chí đánh giá

| Tiêu chí | Điểm | Mô tả |
|----------|------|-------|
| Prompt Template | /10 | Rõ ràng, đầy đủ |
| Code Quality | /10 | Không anti-pattern, clean code |
| Locator Strategy | /10 | Ưu tiên locator ổn định |
| POM Usage | /10 | Sử dụng POM đúng cách |
| Assertion | /10 | Assertion đầy đủ |
| Test Coverage | /10 | Đủ flow chính |
| Documentation | /10 | README, comment rõ ràng |
| **Tổng** | **/70** | |

### Checklist đánh giá

□ Prompt Template rõ ràng □ Code không dùng waitForTimeout □ Code không dùng locator index □ Có assertion đầy đủ □ Sử dụng POM □ Test data tách riêng □ Có README □ Có comment □ Test chạy được □ Report đẹp

---

## 11.6. Timeline

### Ngày 1-2: Chuẩn bị

□ Chọn flow cần test □ Viết Prompt Template □ Review Prompt

### Ngày 3-4: Tạo code

□ Dùng Antigravity IDE □ Yêu cầu AI sinh code bằng Prompt □ Xem code sinh ra

### Ngày 5-6: Review và tối ưu

□ Code review □ Tạo Page Object □ Tối ưu code

### Ngày 7-8: Chạy test

□ Chạy test trên local □ Fix test fail □ Xem report

### Ngày 9-10: Demo

□ Demo dự án □ Đánh giá □ Feedback ```

📝 Bài Tập¶

Dự Án Cuối Khóa¶

Chọn 3-4 flow chính trên Practice Website
Viết Prompt Template cho mỗi flow
Dùng Prompt trong Antigravity IDE để AI tự sinh code Playwright
Review code AI sinh ra
Tạo Page Object
Viết test case
Chạy test
Tạo report
Demo dự án

✅ Checklist Hoàn Thành Module¶

[ ] Chọn flow cần test
[ ] Viết Prompt Template
[ ] Dùng Antigravity IDE
[ ] Code review
[ ] Tạo Page Object
[ ] Viết test case
[ ] Chạy test
[ ] Tạo report
[ ] Demo dự án