Compétences webapp-testing
🧪

webapp-testing

Risque faible ⚡ Contient des scripts🌐 Accès réseau📁 Accès au système de fichiers⚙️ Commandes externes

Playwright로 웹 앱 테스트

Également disponible depuis: ZhanlinCui,AutumnsGrove,Azeem-2,DYAI2025,Cam10001110101,7Spade,7Spade,sickn33,ComposioHQ,anthropics,ArtemisAI

로컬 웹 애플리케이션 테스트에는 서버 설정, 페이지 탐색, 프론트엔드 동작 확인이 필요합니다. 이 툴킷은 효율적인 테스트를 위한 Playwright 자동화 스크립트와 서버 수명주기 관리를 제공합니다.

Prend en charge: Claude Codex Code(CC)
📊 69 Adéquat
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "webapp-testing". Navigate to my local React app on port 5173, find all buttons, and take a screenshot

Résultat attendu:

  • Found 5 buttons: Submit, Cancel, Save Changes, Delete Account, Help
  • Found 3 input fields: username (text), email (email), password (password)
  • Screenshot saved to /tmp/page_discovery.png
  • Test completed successfully

Utilisation de "webapp-testing". Start my Node.js dev server and run an automation script to test login flow

Résultat attendu:

  • Starting server on port 3000...
  • Waiting for server to be ready...
  • Server ready on port 3000
  • Running automation script...
  • Login test passed: Form submitted, redirect to dashboard successful
  • Console errors: 0

Audit de sécurité

Risque faible
v5 • 1/17/2026

Legitimate webapp testing toolkit. All static findings are false positives: subprocess usage is for local server management, hardcoded URLs are localhost for testing, temp directory access is for screenshots/logs, and 'weak crypto' flags are from Apache license text and base64 encoding. No data exfiltration or malicious behavior detected.

7
Fichiers analysés
795
Lignes analysées
4
résultats
5
Total des audits

Facteurs de risque

⚡ Contient des scripts (1)
scripts/with_server.py:69-88
🌐 Accès réseau (1)
scripts/with_server.py:23-32
📁 Accès au système de fichiers (2)
examples/static_html_automation.py:1-32 examples/console_logging.py:31-32
⚙️ Commandes externes (1)
scripts/with_server.py:69-88
Audité par: claude Voir l’historique des audits →

Score de qualité

45
Architecture
100
Maintenabilité
87
Contenu
21
Communauté
90
Sécurité
83
Conformité aux spécifications

Ce que vous pouvez construire

UI 동작 확인

웹 애플리케이션을 위해 클릭, 양식 작성, 페이지 상태 확인을 자동화합니다.

엔드투엔드 테스트

수동 브라우저 테스트 없이 프론트엔드 기능을 확인하는 자동화된 테스트 스크립트를 생성합니다.

동적 콘텐츠 캡처

JavaScript 실행 완료를 기다려 동적으로 렌더링된 페이지에서 데이터를 추출합니다.

Essayez ces prompts

기본 페이지 테스트 
Use the webapp-testing skill to launch Chromium in headless mode, navigate to http://localhost:5173, wait for network idle, take a screenshot, and verify the page title.
요소 탐색 
Use the webapp-testing skill to discover all buttons, links, and input fields on the local page at http://localhost:5173. Print the count and descriptions of each element.
양식 자동화 
Use the webapp-testing skill to fill in a form with test data, submit it, wait for the response, and capture any console error messages.
다중 서버 테스트 
Use with_server.py to start a backend server on port 3000 and frontend on port 5173. Then run a Playwright script that tests the connection between both services.

Bonnes pratiques

  • 자동화된 테스트에서는 브라우저 GUI 오버헤드를 피하기 위해 항상 헤드리스 모드를 사용하세요.
  • 동적 웹 애플리케이션을 검사하기 전에 네트워크 유휴 상태를 기다리세요.
  • 서버 수명주기를 자동으로 관리하려면 with_server.py 헬퍼 스크립트를 사용하세요.

Éviter

  • 동적 애플리케이션에서 네트워크 유휴 상태를 기다리기 전에 DOM을 검사하는 것.
  • 테스트 완료 후 브라우저 닫기를 건너뛰는 것.
  • 적절한 대기 전략 없이 불안정한 선택자를 사용하는 것.

Foire aux questions

이 스킬은 Chromium 외의 브라우저에서도 작동합니까?
Yes, Playwright supports Chromium, Firefox, and WebKit. Modify browser.launch() with the desired browser type.
비밀번호로 보호된 페이지를 테스트할 수 있습니까?
Yes, use page.fill() to enter credentials and page.click() to submit login forms before testing protected content.
Playwright를 별도로 설치해야 합니까?
Yes, run pip install playwright and playwright install to install browsers before using this skill.
단일 페이지 애플리케이션은 어떻게 처리합니까?
Use page.wait_for_load_state('networkidle') after navigation to wait for JavaScript to complete rendering.
이 스크립트를 실행할 때 내 데이터가 안전합니까?
Yes, scripts run locally on your machine. No data is sent to external servers. Files are written to /tmp/ or /mnt/user-data/outputs/.
HTTPS 사이트나 자체 서명 인증서가 있는 localhost를 테스트할 수 있습니까?
Yes, Playwright can accept self-signed certificates. Use ignoreHTTPSErrors option in browser.new_context().

Détails du développeur

Auteur

davila7

Licence

Complete terms in LICENSE.txt

Dépôt

https://github.com/davila7/claude-code-templates/tree/main/cli-tool/components/skills/development/webapp-testing

Réf

main

Structure de fichiers

📁 examples/

📄 console_logging.py

📄 element_discovery.py

📄 static_html_automation.py

📁 scripts/

📄 with_server.py

📄 LICENSE.txt

📄 SKILL.md