Vietnam

0939206009

thaian.it15@gmail.com

Website Testing Cơ bản đến Nâng cao Vietnamese

Website and API Testing Automation with Playwright Javascript Typescript (KHÔNG DẠY CODE JS TS) + Ứng dụng AI

Bản 2026

Xin chào các bạn, khóa học Playwright Javascript Typescript này nhằm hướng dẫn cho những bạn ĐàBIẾT CODE JAVASCRIPT TYPESCRIPT đi từng bước từ cơ bản đến nâng cao phần automation với Playwright. Khoá học này dùng để kiểm thử tự động cho Website và A

Anh Tester Giảng viên: Anh Tester
creator Người tạo: Anh Tester

Tổng quan

🎯Cách học Online:

  • Chuẩn bị ZOOM app để call trực tiếp (có record sau mỗi buổi)
  • Chuẩn bị Mạng ổn định và nơi học không ồn lắm để tương tác trực tiếp
  • Một tuần học 3 buổi và học trong tầm 5-6 tháng (từ không biết gì đến làm được việc)
  • Tài liệu trao đổi nhanh trên Zalo group
  • Sau khi kết thúc khóa học thì An cấp chứng chỉ cho các bạn hoàn thành các yêu cầu của An gồm chuỗi bài học, bài tập và dự án auto test cuối khoá


🎯Thông tin về Anh Tester:

  • Võ Thái An
  • Công việc chính: Software Quality Engineer tại Phamiliar Tech in USA (remote).
  • Kinh nghiệm: hơn 7 năm làm automation test với Selenium, Appium, Katalon, Playwright và các tools khác.
  • SĐT: 0939206009 (phone/facebook/zalo)

Bạn sẽ học được gì

    •  Ứng dụng AI (ChatGPT, Gemini, Antigravity, Claude, Codex, MCP...) vào quá trình học và viết Automation Test hiệu quả
    • Cài đặt, cấu hình môi trường Playwright Test + TypeScript và viết test case đầu tiên, xuất báo cáo HTML tự động
    • Làm chủ Locator hiện đại của Playwright (hướng người dùng), CSS Selector và XPath; lấy Locator tự động bằng Codegen
    • Thành thạo Actions & cơ chế Auto-wait / Actionability: thao tác Form, chuột, bàn phím và chờ phần tử ổn định, triệt tiêu lỗi Flaky
    • Sử dụng Web-First Assertions (tự động retry) và tổ chức test case chuẩn mô hình AAA chuyên nghiệp
    • Xây dựng framework theo Page Object Model (POM) + BasePage: tách biệt nghiệp vụ và kỹ thuật, tái sử dụng code
    • Hiểu kiến trúc phân cấp Browser → Context → Page → Frame và nguyên lý thực thi tối ưu của Playwright so với Selenium
    • Làm chủ Playwright Test Fixtures: Setup/Teardown, chống lặp code (DRY), quản lý test data gọn gàng
    • Xử lý các tình huống thực tế: Multi-tabs, Iframes, Local Storage (token/session), Table động và Dropdown nâng cao
    • Debug chuyên nghiệp với Inspector & Trace Viewer; tăng tốc bằng Parallel Execution và xuất báo cáo Allure
    • Kiểm thử API bằng Playwright (APIRequestContext): GET/POST/PUT/PATCH/DELETE, kiểm tra status, headers, body; nắm vững HTTP Status Code, PUT vs PATCH, 401 vs 403
    • Kết hợp UI + API (setup data bằng API → test UI → cleanup) và tích hợp CI/CD với GitHub Actions

Yêu cầu

  • Cần biết code Javascript Typescript (vì không dạy từ đầu)
  • Chuẩn bị máy tính cá nhân và Mạng tốt để học Online
  • Cài các phần mềm liên quan để học: ZOOM, Zalo

Nội dung khoá học

6 chương · 32 bài học

  • [Playwright Typescript] TÀI NGUYÊN KHOÁ HỌC

    ✅ 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

  • Bài 1 - [Playwright Typescript] Cài đặt Playwright TypeScript và chạy thử test mẫu

    ✅ 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

  • Bài 2 - [Playwright Typescript] Cấu trúc một file test - test, describe, test.step và Annotations

    ✅ 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

  • Bài 3 - [Playwright Typescript] Hooks và Tags - chuẩn bị trước/sau test và chọn test để chạy

    ✅ 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

  • Bài 4 - [Playwright Typescript] Cách xác định Locators với các hàm có sẵn của Playwright (getByRole, getByLabel, getByText, getByTestId...)

    ✅ 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

  • Bài 5 - [Playwright Typescript] Cách xác định Locators với XPath và lọc phần tử bằng filter()

    ✅ 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

  • Bài 6 - [Playwright Typescript] Thao tác chuột, bàn phím và lấy dữ liệu từ element

    ✅ 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

  • Bài 7 - [Playwright Typescript] Cách xử lý Checkbox, Radio, Dropdown và Upload, Download File

    ✅ 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

  • Bài 8 - [Playwright Typescript] Assertion trong Playwright - expect thông thường, Web-First và Soft Assertion

    ✅ 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

  • Bài 9 - [Playwright Typescript] Cơ chế Auto-Waiting và waitUntil - cách tránh Flaky Test

    ✅ 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

  • Bài 10 - [Playwright Typescript] Cách xử lý Alert, Tab mới, Popup, iFrame và Shadow DOM

    ✅ 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

  • Bài 11 - [Playwright Typescript] Xử lý Table, Date Picker và dùng evaluate()

    ✅ Đọ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

  • Bài 12 - [Playwright Typescript] Thực hành viết test automation đầu tiên trên CRM với Codegen và AI

    ✅ 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

  • Bài 13 - [Playwright Typescript] Cấu trúc code theo Page Object Model (POM)

    ✅ 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

  • Bài 14 - [Playwright Typescript] BasePage, hàm dùng chung (utils) và Component Object

    ✅ 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

  • Bài 15 - [Playwright Typescript] Tạo Fixture riêng trong Playwright

    ✅ 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

  • Bài 16 - [Playwright Typescript] Dùng Fixture cho project POM - vòng đời, Fixture Chaining và mergeTests

    ✅ Đư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

  • Bài 17 - [Playwright Typescript] Thực hành Page Object Model trên CRM với AI

    ✅ 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

  • Bài 18 - [Playwright Typescript] File cấu hình playwright.config.ts - testDir, Projects và chạy đa trình duyệt

    ✅ 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

  • Bài 19 - [Playwright Typescript] Cấu hình use - headless, viewport, screenshot, video và trace

    ✅ 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

  • Bài 20 - [Playwright Typescript] Đọc config đa môi trường từ file .env

    ✅ 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

  • Bài 21 - [Playwright Typescript] Lưu trạng thái đăng nhập với Storage State và test nhiều tài khoản

    ✅ 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

  • Bài 22 - [Playwright Typescript] Đọc data test từ file JSON, CSV và Excel

    ✅ 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

  • Bài 23 - [Playwright Typescript] Data-driven test và tạo data test với Faker

    ✅ 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

  • Bài 24 - [Playwright Typescript] Chạy test song song với Parallel Execution

    ✅ 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

  • Bài 25 - [Playwright Typescript] API Testing với Playwright - request fixture và các method GET, POST, PUT, DELETE

    ✅ 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

  • Bài 26 - [Playwright Typescript] Xử lý Authentication, Param, Pagination, Multipart và cấu trúc API Framework

    ✅ 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

  • Bài 27 - [Playwright Typescript] Network Interception và kết hợp API với UI

    ✅ 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

  • Bài 28 - [Playwright Typescript] Debug lỗi với UI Mode, Trace Viewer, Screenshot và Video

    ✅ 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

  • Bài 29 - [Playwright Typescript] Cài đặt và sử dụng HTML Report, Allure Report

    ✅ 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

  • Bài 30 - [Playwright Typescript] CI/CD với GitHub Actions cho Playwright

    ✅ 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

  • Bài 31 - [Playwright Typescript] Xây dựng Framework Playwright hoàn chỉnh với AI

    ✅ 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

Khoá học bao gồm
  • 80 giờ bài học
  • Truy cập trọn đời
  • Bài tập thực hành
  • Dự án thực tế thực chiến
  • Chứng chỉ hoàn thành
  • Có Video Record lại mỗi buổi học
  • Support dài lâu
  • Có xuất hoá đơn VAT
Thông tin khoá học
  • Đã đăng ký: 0 học viên
  • Số chương: 6
  • Số bài học: 32
  • Trình độ: Cơ bản đến Nâng cao
  • Ngôn ngữ: Vietnamese
  • Chứng chỉ: Có