본문으로 건너뛰기
cccskills
무료GitHub에 공개

ck:web-testing

Web testing with Playwright, Vitest, k6. E2E/unit/integration/load/security/visual/a11y testing. Use for test automation, flakiness, Core Web Vitals, mobile gestures, cross-browser.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

연동 도구Playwright
설치 방법 보기

포함된 파일(27)

  • SKILL.md3.2 KB
  • references/accessibility-testing.md1.9 KB
  • references/api-testing.md1.8 KB
  • references/ci-cd-testing-workflows.md2.5 KB
  • references/component-testing.md2.4 KB
  • references/contract-testing.md3.3 KB
  • references/cross-browser-checklist.md1.7 KB
  • references/database-testing.md3.3 KB
  • references/e2e-testing-playwright.md2.7 KB
  • references/functional-testing-checklist.md2.7 KB
  • references/interactive-testing-patterns.md2.5 KB
  • references/load-testing-k6.md1.7 KB
  • references/mobile-gesture-testing.md2.1 KB
  • references/performance-core-web-vitals.md3.1 KB
  • references/playwright-component-testing.md2.8 KB
  • references/pre-release-checklist.md1.8 KB
  • references/security-checklists.md2.5 KB
  • references/security-testing-overview.md2.8 KB
  • references/shadow-dom-testing.md1.6 KB
  • references/test-data-management.md2.9 KB
  • references/test-flakiness-mitigation.md1.8 KB
  • references/testing-pyramid-strategy.md2.1 KB
  • references/unit-integration-testing.md2.7 KB
  • references/visual-regression.md2.2 KB
  • references/vulnerability-payloads.md1.3 KB
  • scripts/analyze-test-results.js7.8 KB
  • scripts/init-playwright.js6.5 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Web Testing Skill

Comprehensive web testing: unit, integration, E2E, load, security, visual regression, accessibility.

Quick Start

npx vitest run                    # Unit tests
npx playwright test               # E2E tests
npx playwright test --ui          # E2E with UI
k6 run load-test.js               # Load tests
npx @axe-core/cli https://example.com  # Accessibility
npx lighthouse https://example.com     # Performance

Testing Strategy (Choose Your Model)

ModelStructureBest For
PyramidUnit 70% > Integration 20% > E2E 10%Monoliths
TrophyIntegration-heavyModern SPAs
HoneycombContract-centricMicroservices

→ ./references/testing-pyramid-strategy.md

Reference Documentation

Core Testing

  • ./references/unit-integration-testing.md - Vitest, browser mode, AAA
  • ./references/e2e-testing-playwright.md - Fixtures, sharding, selectors
  • ./references/playwright-component-testing.md - CT patterns (production-ready)
  • ./references/component-testing.md - React/Vue/Angular patterns

Test Infrastructure

  • ./references/test-data-management.md - Factories, fixtures, seeding
  • ./references/database-testing.md - Testcontainers, transactions
  • ./references/ci-cd-testing-workflows.md - GitHub Actions, sharding
  • ./references/contract-testing.md - Pact, MSW patterns

Cross-Browser & Mobile

  • ./references/cross-browser-checklist.md - Browser/device matrix
  • ./references/mobile-gesture-testing.md - Touch, swipe, orientation

Performance & Quality

  • ./references/performance-core-web-vitals.md - LCP/CLS/INP, Lighthouse CI
  • ./references/visual-regression.md - Screenshot comparison
  • ./references/test-flakiness-mitigation.md - Stability strategies

Accessibility & Security

  • ./references/accessibility-testing.md - WCAG, axe-core
  • ./references/security-testing-overview.md - OWASP Top 10
  • ./references/security-checklists.md - Auth, API, headers

API & Load

  • ./references/api-testing.md - Supertest, GraphQL
  • ./references/load-testing-k6.md - k6 patterns

Checklists

  • ./references/pre-release-checklist.md - Complete release checklist
  • ./references/functional-testing-checklist.md - Feature testing

Scripts

Initialize Playwright Project

node ./scripts/init-playwright.js [--ct] [--dir <path>]

Creates best-practice Playwright setup: config, fixtures, example tests.

Analyze Test Results

node ./scripts/analyze-test-results.js \
  --playwright test-results/results.json \
  --vitest coverage/vitest.json \
  --output markdown

Parses Playwright/Vitest/JUnit results into unified summary.

CI/CD Integration

jobs:
  test:
    steps:
      - run: npm run test:unit      # Gate 1: Fast fail
      - run: npm run test:e2e       # Gate 2: After unit pass
      - run: npm run test:a11y      # Accessibility
      - run: npx lhci autorun       # Performance

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

AI-optimized browser automation CLI with context-efficient snapshots. Use for long autonomous sessions, self-verifying workflows, video recording, and cloud browser testing (Browserbase).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

manhvann/codexkit892026년 8월 29일 업데이트

Generate images via Nano Banana with 129 curated prompts. Mandatory validation interview refines style/mood/colors (use --skip to bypass). 3 modes: search, creative, wild. Styles: Ukiyo-e, Bento grid, cyberpunk, cinematic, vintage patent.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

manhvann/codexkit892026년 8월 29일 업데이트

Analyze images/audio/video with Gemini API (better vision than Codex). Generate images (Imagen 4), videos (Veo 3). Use for vision analysis, transcription, OCR, design extraction, multimodal AI.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

manhvann/codexkit892026년 8월 29일 업데이트

ck:ask

무료

Answer technical and architectural questions with expert consultation.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

manhvann/codexkit892026년 8월 29일 업데이트

Build backends with Node.js, Python, Go (NestJS, FastAPI, Django). Use for REST/GraphQL/gRPC APIs, auth (OAuth, JWT), databases, microservices, security (OWASP), Docker/K8s.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

manhvann/codexkit892026년 8월 29일 업데이트

Add authentication with Better Auth (TypeScript). Use for email/password, OAuth providers (Google, GitHub), 2FA/MFA, passkeys/WebAuthn, sessions, RBAC, rate limiting.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

manhvann/codexkit892026년 8월 29일 업데이트

manhvann의 스킬 모두 보기

이 스킬의 문제 신고