🧠 I. PLAYWRIGHT: NGƯỜI MÁY KIỂM THỬ HIỆN ĐẠI

1️⃣. Playwright là gì?

Khái niệm: Playwright là một "người máy kiểm thử web" (Web Testing Robot) do Microsoft phát triển. Nó giúp lập trình viên và QA mô phỏng hành vi của người dùng thật trên các trình duyệt như Chrome, Firefox, Safari – nhưng với tốc độ của máy!

Ví dụ thực tế: Tưởng tượng bạn thuê một “người dùng robot 🤖” cực kỳ nhanh nhẹn và chính xác để kiểm tra website 24/7.
Robot này có thể:

• Mở trình duyệt, gõ URL, click chuột, nhập text, chọn dropdown,…

• Kiểm tra xem một trang có tải đúng nội dung hay không.
  Đó chính là Playwright!

2️⃣. Tại sao chọn Playwright? (Giá trị cốt lõi)

💡 Ví dụ minh họa:

Khi test login web, Selenium thường cần chờ “sleep(3)” → mất 3 giây.
Còn Playwright sẽ tự hiểu rằng cần đợi đến khi nút “Login” thật sự sẵn sàng rồi mới click → nhanh hơn, ổn định hơn.

🧰 II. PHÂN TÍCH CÁC THÀNH PHẦN CỐT LÕI 

Để Playwright hoạt động mượt mà với Python, ta cần một Bộ công cụ hoàn chỉnh – giống như một “bộ đồ nghề automation”.

🧩 Lí do chọn Pytest :

• Pytest nhận diện test tự động (chỉ cần đặt tên test_...)

• Hỗ trợ fixture mạnh mẽ → có thể khởi tạo browser, login, setup data…

• Có plugin phong phú: pytest-playwright, pytest-html, pytest-xdist (chạy song song).

🧑‍💻 III. THIẾT LẬP MÔI TRƯỜNG VÀ CÔNG CỤ 

⚙️ Giả định:

• Máy đã có Python 3.9+

• Dự án có thư mục riêng và môi trường ảo (venv) đã kích hoạt.
  
  

1️⃣. Cài đặt các thư viện cần thiết

📘 Mở Terminal (hoặc VS Code Terminal) → nhập:

pip install playwright pytest pytest-playwright pytest-html

➡️ Giải thích:

• playwright: Thư viện chính.

• pytest: Framework kiểm thử.

• pytest-playwright: Plugin kết nối Pytest với Playwright.

• pytest-html: Plugin xuất báo cáo HTML.
  
  

2️⃣. Tải về trình duyệt cho Playwright

playwright install

➡️ Giải thích:
Tải về các “bộ não” của 3 trình duyệt:

• Chromium (Chrome-based)

• Firefox

• WebKit (Safari engine)

👉 Sau khi chạy lệnh, Playwright có thể tự động mở browser cho test.

3️⃣. Kiểm tra cài đặt

pytest --version
playwright --version

✅ Nếu cả hai hiện phiên bản → môi trường đã sẵn sàng.

🧾 IV. KỊCH BẢN ĐẦU TIÊN: VIẾT VÀ CHẠY TEST 

1️⃣. Cấu trúc dự án

Tạo cấu trúc thư mục:

my-playwright-project/
│
├── tests/
│   └── test_kiem_tra_trang_chu.py
│
└── pytest.ini

📘 Quy tắc Pytest:

• Tên file phải bắt đầu bằng test_

• Tên hàm phải bắt đầu bằng test_
  
  

2️⃣. Viết test đầu tiên: “Chào Google!”

📄 File: tests/test_kiem_tra_trang_chu.py

import re
from playwright.sync_api import Page, expect

def test_kiem_tra_tieu_de_google(page: Page):
    print("🤖 Robot bắt đầu mở trình duyệt Google...")

    # 1️⃣ Truy cập trang web
    page.goto("https://www.google.com")

    # 2️⃣ Kiểm tra tiêu đề
    expect(page).to_have_title(re.compile("Google"))
    print("✅ Tiêu đề chính xác: Google")

    # 3️⃣ Kiểm tra URL có chứa “google”
    expect(page).to_have_url(re.compile("google"))
    print("🌐 URL hợp lệ!")

3️⃣. Giải thích code

4️⃣. Chạy test và tạo báo cáo

📘 Sau khi chạy, mở file report.html → xem màu xanh (Pass ✅) hay đỏ (Fail ❌).

🧩 V. TÓM TẮT & BÀI TẬP VỀ NHÀ