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 CI/CD cho Playwright

Bộ mẫu cấu hình đã kiểm chứng để chạy test Playwright nhanh và ổn định trên GitHub Actions, GitLab CI, Docker và các CI phổ biến khác.

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

Skill này làm gì

Tổng hợp các thực hành chuẩn khi đưa test E2E Playwright lên pipeline CI/CD.

  • 8 quy tắc vàng: chỉ retries: 2 trên CI, trace: 'on-first-retry', chia shard --shard=N/M, cache ~/.cache/ms-playwright theo phiên bản, upload artifact khi fail, dùng image chính thức mcr.microsoft.com/playwright:v*, đăng nhập một lần trong globalSetup rồi tái dùng storageState
  • Theo nhà cung cấp CI: GitHub Actions, GitLab CI, CircleCI / Azure DevOps / Jenkins
  • Thực thi & mở rộng: chạy song song và sharding, Docker/container, cấu hình nhiều project và dependency
  • Báo cáo & thiết lập: report và artifact, code coverage, global setup/teardown

Phù hợp với ai

  • Dev đã có test Playwright chạy local nhưng chưa dựng được pipeline CI ổn định
  • QA/DevOps muốn giảm thời gian chạy test bằng cách chia shard trên nhiều runner
  • Nhóm cần cơ chế trace, screenshot, HTML report để điều tra test flaky

Ví dụ sử dụng

  1. "Tạo workflow GitHub Actions chạy Playwright chia 4 shard" → nhận matrix sharding + cache browser + gộp report
  2. "Sửa playwright.config.ts để chỉ retry 2 lần trên CI và lưu trace ở lần retry đầu" → cấu hình phân nhánh theo biến môi trường CI
  3. "Dùng globalSetup để đăng nhập một lần và tái sử dụng storageState" → script global setup kèm project dependency

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

Đâ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 về thư mục tạm: git clone https://github.com/testdino-hq/playwright-skill.git /tmp/playwright-skill
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills/playwright-ci
  4. Copy toàn bộ nội dung thư mục ci (SKILL.md và 9 file hướng dẫn): cp -r /tmp/playwright-skill/ci/* ~/.claude/skills/playwright-ci/
  5. Kiểm tra bằng ls ~/.claude/skills/playwright-ci — phải thấy các file như ci-github-actions.md, nếu thiếu thì các liên kết trong SKILL.md sẽ bị hỏng.
  6. Khởi động lại Claude Code và thử yêu cầu: "Thiết lập Playwright chạy trên GitLab CI".