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ấp★ 349⑂ 56Đ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: 2trên CI,trace: 'on-first-retry', chia shard--shard=N/M, cache~/.cache/ms-playwrighttheo phiên bản, upload artifact khi fail, dùng image chính thứcmcr.microsoft.com/playwright:v*, đăng nhập một lần trongglobalSetuprồi tái dùngstorageState - 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
- "Tạo workflow GitHub Actions chạy Playwright chia 4 shard" → nhận matrix sharding + cache browser + gộp report
- "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
- "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)
- Tải tệp ZIP bằng nút bên dưới.
- Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
- Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
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.
- Mở terminal.
- Clone repo về thư mục tạm:
git clone https://github.com/testdino-hq/playwright-skill.git /tmp/playwright-skill - Tạo thư mục skill:
mkdir -p ~/.claude/skills/playwright-ci - 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/ - 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. - Khởi động lại Claude Code và thử yêu cầu: "Thiết lập Playwright chạy trên GitLab CI".
Xem mã nguồn trên GitHub ↗Giấy phép: MIT