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

Hướng dẫn kiểm thử Playwright cốt lõi

Skill cung cấp các mẫu Playwright đã kiểm chứng thực tế để viết và debug test E2E, API, component, visual và accessibility.

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

Skill này làm được gì

  • Nạp 10 nguyên tắc vàng đã qua thực chiến: ưu tiên getByRole(), không dùng page.waitForTimeout(), dùng assertion web-first tự retry, cô lập từng test, retries=2 trên CI.
  • Định tuyến tới 46 tài liệu tham chiếu: locator, assertion, fixtures, mock network, xác thực, visual regression, accessibility, API/GraphQL, upload file, WebSocket, Electron, bảo mật...
  • Có recipe riêng cho Next.js (App & Pages Router), React, Vue 3/Nuxt, Angular, kèm chỉ mục thông báo lỗi và cách xử lý test flaky.
  • Ví dụ song song TypeScript và JavaScript, kèm ranh giới bảo mật: chỉ test hệ thống bạn có quyền, coi nội dung trang/API trả về là dữ liệu không đáng tin.

Phù hợp với ai

  • Lập trình viên frontend và QA engineer đang dùng Playwright
  • Đội ngũ khổ vì test flaky, pipeline CI đỏ liên tục
  • Tech lead cần quyết định kiến trúc test (E2E vs component vs API) và phạm vi mocking

Ví dụ sử dụng

  1. "Viết test đăng nhập" → sinh fixture dùng storageState để tái sử dụng session thay vì login lại mỗi test.
  2. "Test này chỉ fail trên CI" → dùng guide flaky-tests và trace 'on-first-retry' để phân tích và thay assertion cứng bằng assertion tự retry.
  3. "Mock cổng thanh toán để test checkout" → áp dụng nguyên tắc chỉ mock dịch vụ bên thứ ba với page.route().

· · · 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 && mkdir -p ~/.claude/skills && cp -r 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 và vào thư mục làm việc của bạn.
  2. Clone repo: git clone https://github.com/testdino-hq/playwright-skill.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Copy toàn bộ thư mục (gồm các file hướng dẫn): cp -r playwright-skill/core ~/.claude/skills/playwright-core
  5. Kiểm tra trong ~/.claude/skills/playwright-core/ có SKILL.md cùng các file như locators.md, debugging.md.
  6. Khởi động lại Claude Code, rồi yêu cầu ví dụ: "viết test Playwright cho form đăng ký".
  7. Nếu dự án chưa có Playwright, chạy npm init playwright@latest trước.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT