المهارات e2e-testing
📦

e2e-testing

آمن

Playwright로 엔드투엔드 테스트 자동화

수동 테스트는 느리고 오류가 발생하기 쉽습니다. 이 스킬은 Playwright를 사용한 자동화된 E2E 테스트를 설정부터 CI/CD 통합까지 7단계 워크플로우로 제공합니다.

يدعم: Claude Codex Code(CC)
🥉 73 برونزي
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "e2e-testing". Set up E2E testing for a React application

النتيجة المتوقعة:

Creates Playwright configuration file, installs dependencies, sets up test directory structure, and provides example test file with login flow test

استخدام "e2e-testing". Run cross-browser tests

النتيجة المتوقعة:

Executes test suite against Chromium, Firefox, and WebKit browsers with detailed pass/fail reports and screenshot artifacts for failed tests

التدقيق الأمني

آمن
v1 • 2/24/2026

Static analyzer flagged 34 patterns (30 external_commands, 4 blocker) but all are false positives. The SKILL.md file is documentation, not executable code. Backticks are markdown formatting for skill references, not shell commands. No actual code execution or dangerous patterns exist.

1
الملفات التي تم فحصها
167
الأسطر التي تم تحليلها
0
النتائج
1
إجمالي عمليات التدقيق
لا توجد مشكلات أمنية
تم تدقيقه بواسطة: claude

درجة الجودة

38
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
50
المجتمع
100
الأمان
83
الامتثال للمواصفات

ماذا يمكنك بناءه

QA 엔지니어의 회귀 테스트 자동화

모든 코드 변경 시 자동으로 실행되어 프로덕션 배포 전에 회귀를 탐지하는 포괄적인 E2E 테스트 스위트 설정.

테스트주도 개발을 구현하는 개발자

기능 개발과 함께 자동화된 브라우저 테스트를 생성하여 지원되는 모든 브라우저에서 사용자 플로우가 올바르게 작동하도록 보장.

CI/CD 파이프라인을 구축하는 DevOps 팀

병렬 실행, 아티팩트, 테스트 보고서가 포함된 배포 워크플로우에 자동화된 E2E 테스트 통합.

جرّب هذه الموجهات

기본 Playwright 설정 
Use @playwright-skill to set up Playwright testing in my project. Install dependencies, configure test framework, and create a basic test file.
테스트 전략 설계 
Use @e2e-testing-patterns to design an E2E test strategy for my application. Identify critical user flows that need automated testing.
비주얼 회귀 테스트 
Use @playwright-skill to implement visual regression testing. Set up baseline images and add visual assertions to detect UI changes.
CI/CD 파이프라인 통합 
Use @github-actions-templates to create a GitHub Actions workflow that runs E2E tests in parallel across browsers and uploads test artifacts.

أفضل الممارسات

  • 유지관리 가능한 테스트를 위해 페이지 객체 패턴을 사용하여 테스트 로직과 페이지 구조를 분리하세요
  • 하드코딩된 타임아웃 대신 Playwright 자동 대기관 기능을 사용하여 적절한 대기 전략을 구현하세요
  • CI에서는 헤드리스 모드로, 로컬 디버깅에서는 헤디드 모드로 테스트를 실행하세요

تجنب

  • Playwright의 기본 제공 자동 대기 기능 대신 하드코딩된 대기 지연 사용
  • 격리된 테스트 대신 특정 테스트 실행 순서에 의존하는 테스트 작성
  • 환경 변수 대신 일반 텍스트에 테스트 자격 증명 저장

الأسئلة المتكررة

Playwright는 어떤 브라우저를 지원합니까?
Playwright는 Chromium(Chrome/Edge), Firefox, WebKit(Safari)을 지원합니다. 포괄적인 테스트Coverage를 위해 모든 브라우저에서 병렬로 테스트를 실행할 수 있습니다.
E2E 테스트에서 인증을 어떻게 처리합니까?
Playwright의 스토리지 상태 기능을 사용하여 인증 세션을 저장하고 테스트 간에 재사용함으로써 반복적인 로그인 플로우를 피하세요.
모바일 뷰포트에서 E2E 테스트를 실행할 수 있습니까?
네, Playwright는 일반적인 스마트폰 및 태블릿에 대한 사전 정의된 디바이스 디스크립터로 모바일 디바이스 에뮬레이션을 지원합니다.
失败的 E2E 테스트를 어떻게 디버깅합니까?
Playwright의 트레이스 뷰어, 비디오 녹화, 스크린샷 기능을 사용하세요. 시각적 디버깅을 위해 슬로우 모션과 함께 헤디드 모드로 테스트를 실행하세요.
비주얼 회귀 테스트란 무엇이며 언제 사용해야 합니까?
비주얼 회귀 테스트는 베이스라인과 스크린샷을 비교하여 의도하지 않은 UI 변경을 탐지합니다. 비주얼 일관성이 중요한 중요 페이지와 컴포넌트에 사용하세요.
CI에서 E2E 테스트 실행 속도를 높이려면 어떻게 해야 합니까?
여러 워커에서 병렬로 테스트를 실행하고, CI에서 프로젝트 셰이딩을 사용하며, 브라우저가 헤드리스로 실행되도록 구성하세요. Playwright의 기본 제공 병렬화를 사용하는 것을 고려하세요.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

المستودع

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/e2e-testing

مرجع

main

بنية الملفات

📄 SKILL.md