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

Playwright Core – Bộ hướng dẫn kiểm thử

Tập hợp các mẫu thực chiến giúp viết và debug test E2E, API, component, visual và accessibility bằng Playwright.

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

Làm được gì

  • Áp dụng 10 quy tắc vàng khi viết test Playwright: ưu tiên getByRole(), không dùng page.waitForTimeout(), dùng assertion web-first, cô lập từng test, đặt baseURL trong config, retries: 2 trên CI, trace on-first-retry, dùng fixtures thay biến toàn cục.
  • Cung cấp chỉ mục tới 47 tài liệu tham chiếu: selector, assertion, fixtures, mock network, xác thực, visual regression, accessibility, kiểm thử API, hiệu năng, bảo mật...
  • Hướng dẫn quy trình debug: tra cứu theo thông báo lỗi, xử lý test flaky, các lỗi phổ biến của người mới.
  • Có recipe riêng cho Next.js (App/Pages Router), React, Vue 3/Nuxt, Angular, kèm ví dụ TypeScript và JavaScript.
  • Nêu rõ ranh giới bảo mật: chỉ test ứng dụng bạn sở hữu và không đưa nội dung trang/API thô trở lại làm lệnh cho agent.

Phù hợp với ai

  • QA engineer và lập trình viên frontend đang xây dựng hoặc dọn dẹp bộ test E2E bằng Playwright.
  • Đội ngũ khổ với test flaky, hay đỏ trên CI mà không rõ nguyên nhân.
  • Người cần quyết định kiến trúc kiểm thử (E2E vs component vs API) cho dự án React/Vue/Angular/Next.js.

Ví dụ sử dụng

  1. "Viết test E2E cho luồng đăng nhập" → dùng mẫu storageState tái sử dụng session theo tài liệu authentication.
  2. "Test này chỉ fail thỉnh thoảng trên CI" → theo hướng dẫn flaky-tests và đọc trace để tìm lỗi chờ đợi hoặc state dùng chung.
  3. "Muốn test thanh toán mà không gọi cổng thanh toán thật" → chỉ mock API bên thứ ba bằng route.fulfill() theo tài liệu when-to-mock.

· · · 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/core/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 core từ repo GitHub testdino-hq/playwright-skill vào ~/.claude/skills/playwright-core/ 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 /tmp/playwright-skill && cp -r /tmp/playwright-skill/core ~/.claude/skills/playwright-core

⚠ Đâ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. Clone repo: git clone https://github.com/testdino-hq/playwright-skill.git
  3. Tạo thư mục skill nếu chưa có: mkdir -p ~/.claude/skills
  4. Copy thư mục core thành một skill: cp -r playwright-skill/core ~/.claude/skills/playwright-core
  5. Kiểm tra trong ~/.claude/skills/playwright-core có SKILL.md cùng toàn bộ file hướng dẫn (locators.md, debugging.md, ...) — thiếu thì các liên kết tham chiếu sẽ vô dụng.
  6. Khởi động lại Claude Code và thử yêu cầu: "Viết test Playwright cho form đăng ký".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT