Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Kỹ năng kiểm thử Playwright

Bộ hơn 50 hướng dẫn thực chiến giúp viết, gỡ lỗi và mở rộng test Playwright cho E2E, API, visual và accessibility.

Lập trìnhTrung cấp★ 348⑂ 56Điểm AI 9/10Cập nhật lần cuối: 2 thg 7, 2026

Làm được gì

  • Hướng dẫn chọn locator, assertion tự động retry, fixtures và Page Object Model theo các mẫu đã kiểm chứng trong sản xuất.
  • Áp dụng 10 "quy tắc vàng": ưu tiên getByRole(), không dùng page.waitForTimeout(), baseURL trong config, retries=2 trên CI, trace on-first-retry.
  • Bao phủ mocking mạng, xác thực, visual regression, accessibility, component/API testing, WebSocket, iframe, Electron, extension.
  • Cấu hình CI/CD (GitHub Actions, GitLab, Jenkins, Azure), sharding song song, Docker, báo cáo và code coverage.
  • Hướng dẫn di chuyển từ Cypress/Selenium và phân tích trace.zip bằng CLI.

Phù hợp với ai

  • QA engineer và developer bắt đầu dùng Playwright hoặc đang xử lý test flaky.
  • Đội frontend làm Next.js, React, Vue/Nuxt, Angular cần lớp kiểm thử.
  • Nhóm cần chuyển bộ test Cypress hoặc Selenium sang Playwright.
  • DevOps muốn tối ưu pipeline chạy test song song và báo cáo.

Ví dụ sử dụng

  1. "Viết test kiểm tra luồng đăng nhập và dashboard" → dùng storageState để tái sử dụng session, locator theo role.
  2. "Test này chỉ fail ngẫu nhiên trên CI" → thay chờ cứng bằng assertion web-first, bật trace theo hướng dẫn flaky-tests.
  3. "Chuyển 30 test Cypress sang Playwright" → dùng bảng đối chiếu API trong hướng dẫn migration rồi tổ chức lại bằng fixtures.

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/testdino-hq/playwright-skill/HEAD/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên Claude Skill Mart.
Copy thư mục SKILL.m từ repo GitHub testdino-hq/playwright-skill vào ~/.claude/skills/testdino-hq-playwright-skill/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/testdino-hq/playwright-skill.git ~/.claude/skills/playwright-skill

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Mở terminal.
  2. Tạo thư mục skills nếu chưa có: mkdir -p ~/.claude/skills
  3. Clone repo: git clone https://github.com/testdino-hq/playwright-skill.git ~/.claude/skills/playwright-skill
  4. Kiểm tra đã có SKILL.md cùng các thư mục con core/, ci/, pom/, migration/ (các liên kết cần chúng để hoạt động).
  5. Khởi động lại Claude Code, rồi yêu cầu ví dụ: "Viết test Playwright cho form đăng nhập".
  6. Để chạy test thật, cài Playwright trong dự án: npm init playwright@latest
Xem mã nguồn trên GitHub ↗Giấy phép: MIT