Website and API Testing Automation with Playwright Javascript Typescript (DẠY CODE JS TS TỪ ĐẦU) + Ứng dụng AI

✅ Tài nguyên cài đặt môi trường dùng trong khoá học
✅ Các website rèn luyện code auto test

✅ Playwright là gì và vì sao chọn Playwright TypeScript
✅ Tạo project Playwright bằng npm init playwright@latest
✅ Cấu trúc thư mục project và file test mẫu
✅ Chạy test, xem kết quả trên Terminal và HTML Report
✅ Dùng Claude Code, ChatGPT, Gemini để hỏi đào sâu và kiểm tra lệnh cài đặt do AI đưa ra

✅ Cấu trúc một file test: import, test và expect
✅ Gom nhóm test với test.describe
✅ Chia bước rõ ràng với test.step
✅ Annotations: skip, only, fixme, fail và slow
✅ Dùng AI để sinh khung file test và kiểm tra cấu trúc test do AI sinh ra

✅ Hooks beforeEach, afterEach, beforeAll và afterAll
✅ Chuẩn bị và dọn dẹp dữ liệu trước, sau test
✅ Gắn Tags cho test và chọn test để chạy với --grep
✅ Chạy nhóm test smoke, regression từ dòng lệnh
✅ Dùng AI để gắn tag, tổ chức hooks và kiểm tra code do AI sinh ra

✅ Locator và thứ tự ưu tiên khi chọn locator
✅ getByRole - tìm phần tử theo vai trò và tên
✅ getByLabel, getByPlaceholder, getByText, getByAltText, getByTitle và getByTestId
✅ Lỗi strict mode và thực hành trên CRM demo
✅ Dùng Claude Code và bộ kit claude-testing-skills để sinh locator
✅ Kiểm tra locator do AI sinh ra

✅ XPath là gì và khi nào dùng XPath thay cho các hàm getBy
✅ XPath theo thẻ, thuộc tính, text(), contains() và starts-with()
✅ Kết hợp điều kiện với and, or
✅ Đi theo quan hệ: cha, con, anh em, tổ tiên và con cháu
✅ Lọc phần tử bằng filter() với hasText, has và hasNot
✅ Dùng Claude Code và bộ kit claude-testing-skills để sinh và kiểm tra XPath do AI sinh ra

✅ Thao tác chuột: click, double click, right click, hover và kéo thả
✅ Nhập liệu với fill, pressSequentially và phím tắt bàn phím
✅ Lấy dữ liệu từ element: textContent, innerText, inputValue và getAttribute
✅ Thực hành thao tác trên trang đăng nhập CRM demo
✅ Dùng AI để sinh thao tác và kiểm tra code do AI sinh ra

✅ Chọn và kiểm tra Checkbox, Radio Button
✅ Chọn giá trị trong Dropdown với selectOption và dropdown tự dựng
✅ Upload File với setInputFiles
✅ Download File và kiểm tra file tải về
✅ Dùng AI để sinh code xử lý form và kiểm tra code do AI sinh ra

✅ Assertion là gì và vì sao test phải có Assertion
✅ expect thông thường để kiểm tra giá trị
✅ Web-First Assertion tự chờ: toBeVisible, toHaveText, toHaveURL
✅ Soft Assertion - kiểm nhiều điểm trong một test
✅ Dùng AI để sinh Assertion và kiểm tra Assertion do AI sinh ra

✅ Cơ chế Auto-Waiting và các điều kiện Playwright tự kiểm trước khi thao tác
✅ Timeout của test, của expect và của thao tác
✅ waitUntil khi mở trang: load, domcontentloaded, networkidle
✅ Nguyên nhân Flaky Test, cách tránh và vì sao không dùng waitForTimeout
✅ Dùng AI để tìm nguyên nhân Flaky Test và kiểm tra code chờ do AI sinh ra

✅ Xử lý Alert, Confirm và Prompt bằng sự kiện dialog
✅ Mở và chuyển qua lại giữa Tab mới, Popup
✅ Làm việc với iFrame bằng frameLocator
✅ Tìm phần tử trong Shadow DOM
✅ Dùng AI để sinh code xử lý và kiểm tra code do AI sinh ra

✅ Đọc dữ liệu từ Table theo dòng, cột và ô
✅ Tìm dòng trong Table theo điều kiện và thao tác trên dòng đó
✅ Chọn ngày với Date Picker
✅ Chạy JavaScript trên trang bằng evaluate() và khi nào nên dùng
✅ Dùng AI để sinh code xử lý Table và kiểm tra code do AI sinh ra

✅ Ba cách viết test: tự viết, ghi lại bằng Codegen và để AI sinh
✅ Ghi lại thao tác trên CRM demo bằng Codegen
✅ Tự viết test kiểm tra trang đăng nhập CRM
✅ Dùng Claude Code và bộ kit claude-testing-skills để sinh test
✅ Duyệt lại code Codegen và AI sinh ra theo kiến thức đã học

✅ Vì sao cần Page Object Model
✅ Cấu trúc một Page class: locator, hàm thao tác và hàm kiểm tra
✅ Viết LoginPage cho CRM demo và dùng trong test
✅ Tổ chức thư mục pages và tests trong project
✅ Dùng AI để sinh Page class và kiểm tra code POM do AI sinh ra

✅ BasePage - gom các hàm dùng chung cho mọi trang
✅ Tách hàm tiện ích vào thư mục utils
✅ Component Object cho phần giao diện lặp lại: menu, bảng, hộp thoại
✅ Đặt Assertion ở đâu: trong Page Object hay trong test
✅ Dùng AI để tái cấu trúc code và kiểm tra code do AI sinh ra

✅ Fixture là gì và vì sao test viết ({ page })
✅ Các Fixture có sẵn: page, context, browser, request
✅ Tạo Fixture riêng với test.extend
✅ Chuẩn bị và dọn dẹp trong Fixture với use
✅ Dùng AI để sinh Fixture và kiểm tra Fixture do AI sinh ra

✅ Đưa Page Object vào Fixture để test gọn hơn
✅ Vòng đời Fixture: phạm vi test và worker
✅ Fixture Chaining - Fixture dùng Fixture khác
✅ Gộp nhiều bộ Fixture với mergeTests
✅ Dùng AI để tổ chức Fixture và kiểm tra code do AI sinh ra

✅ Phân tích các trang CRM demo cần viết Page Object
✅ Dựng project POM kèm Fixture cho CRM demo
✅ Dùng Claude Code và bộ kit claude-testing-skills để sinh Page Object và test
✅ Chạy, sửa lỗi và duyệt lại code POM do AI sinh ra
✅ Bài tập mở rộng cho các module khác của CRM

✅ Các thiết lập chính trong playwright.config.ts
✅ testDir, testMatch, timeout và retries
✅ Projects - chạy trên nhiều trình duyệt và thiết bị
✅ Chạy một project, một file hoặc một test từ dòng lệnh
✅ Dùng AI để đọc hiểu, chỉnh file cấu hình và kiểm tra cấu hình do AI sinh ra

✅ Khối use trong file cấu hình và cách ghi đè theo project
✅ headless, viewport, baseURL và locale
✅ Chụp screenshot, quay video và ghi trace khi test lỗi
✅ Dùng AI để chọn cấu hình phù hợp và kiểm tra cấu hình do AI sinh ra

✅ Vì sao tách URL, tài khoản ra khỏi code
✅ Tạo file .env và đọc giá trị bằng dotenv
✅ Chạy test trên nhiều môi trường dev, staging, prod
✅ Giữ bí mật với .gitignore và file .env.example
✅ Dùng AI để dựng cấu hình đa môi trường và kiểm tra code do AI sinh ra

✅ Vì sao không nên đăng nhập lại ở mọi test
✅ Lưu trạng thái đăng nhập với Storage State
✅ Dùng setup project để đăng nhập một lần cho cả bộ test
✅ Test nhiều tài khoản với các vai trò Admin, Project Manager, Customer
✅ Dùng AI để dựng Storage State và kiểm tra code do AI sinh ra

✅ Vì sao tách data test ra file riêng
✅ Đọc data test từ file JSON
✅ Đọc data test từ file CSV
✅ Đọc data test từ file Excel
✅ Dùng AI để sinh file data test và kiểm tra code đọc file do AI sinh ra

✅ Data-driven test - một kịch bản chạy với nhiều bộ dữ liệu
✅ Sinh test từ mảng, file JSON và CSV
✅ Data mặc định và ghi đè theo từng test
✅ Tạo data test ngẫu nhiên với Faker
✅ Dùng Claude Code và bộ kit claude-testing-skills để sinh data test, kiểm tra data do AI sinh ra

✅ Chạy song song là gì: worker và cách Playwright chia test
✅ Cấu hình workers và fullyParallel
✅ Chế độ chạy của describe: parallel và serial
✅ Viết test độc lập để chạy song song không lỗi
✅ Dùng AI để tìm test phụ thuộc nhau và kiểm tra code do AI sinh ra

✅ Nền tảng HTTP: method, status code, header và body
✅ API Testing với Playwright và request fixture
✅ Gửi request GET, POST, PUT, DELETE
✅ Kiểm tra status code, header và body JSON
✅ Dùng AI để sinh test API và kiểm tra code do AI sinh ra

✅ Xác thực khi gọi API: token, Basic Auth và API Key
✅ Truyền Param, query và xử lý Pagination
✅ Gửi dữ liệu dạng form, Multipart và upload file qua API
✅ Cấu trúc API Framework: client, service, data và test
✅ Dùng AI để dựng API Framework và kiểm tra code do AI sinh ra

✅ Network Interception là gì - theo dõi và chặn request
✅ Giả lập response với route và fulfill
✅ Chờ và kiểm tra request, response khi thao tác giao diện
✅ Kết hợp API với UI: tạo dữ liệu bằng API, kiểm tra trên giao diện
✅ Dùng AI để sinh mock API và kiểm tra code do AI sinh ra

✅ Chạy và xem lại test với UI Mode
✅ Debug từng bước với --debug, Playwright Inspector và page.pause()
✅ Đọc Trace Viewer để tìm nguyên nhân lỗi
✅ Dùng Screenshot và Video khi test lỗi
✅ Dùng Claude Code và bộ kit claude-testing-skills để chạy, sửa lỗi test và kiểm tra cách sửa do AI đưa ra

✅ HTML Report có sẵn của Playwright và cách đọc
✅ Cài đặt Allure Report với allure-playwright
✅ Đính kèm screenshot, video, trace và bước test vào report
✅ Dùng AI để phân tích report và kiểm tra kết luận do AI đưa ra

✅ CI/CD là gì và vì sao cần chạy test tự động trên CI
✅ Tạo workflow GitHub Actions cho Playwright
✅ Chạy test khi push, khi tạo Pull Request và theo lịch
✅ Lưu report, trace và dùng secrets cho tài khoản test
✅ Dùng AI để sinh workflow và kiểm tra file workflow do AI sinh ra

✅ Kiến trúc một framework Playwright hoàn chỉnh
✅ Ghép POM, Fixture, config đa môi trường, data test và report
✅ Dùng Claude Code và bộ kit claude-testing-skills để dựng framework
✅ Chạy trên CI và đọc report
✅ Duyệt lại framework do AI dựng và hướng đi tiếp theo