Compétences webapp-testing
📦

webapp-testing

Sûr ⚡ Contient des scripts⚙️ Commandes externes📁 Accès au système de fichiers

Test web applications with Playwright automation

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

Local web application testing requires managing servers and automating browser interactions. This skill provides Playwright scripts and server helpers to streamline frontend testing workflows.

Prend en charge: Claude Codex Code(CC)
🥉 76 Bronze
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". Discover all interactive elements on a login page

Résultat attendu:

  • Found 3 input fields: email (type=email), password (type=password), remember (type=checkbox)
  • Found 2 buttons: 'Sign In' (submit), 'Forgot Password?' (link)
  • Screenshot saved to /tmp/login_page.png showing form layout

Utilisation de "webapp-testing". Test form submission with server running

Résultat attendu:

  • Server started on port 3000
  • Navigated to http://localhost:3000/login
  • Filled email field with 'test@example.com'
  • Clicked Sign In button
  • Verified navigation to /dashboard
  • Server stopped cleanly

Audit de sécurité

Sûr
v1 • 2/25/2026

Static analysis detected 42 patterns but all are false positives. LICENSE.txt URLs are standard Apache 2.0 license references. 'Weak cryptographic algorithm' findings incorrectly flagged license text and argparse code. subprocess usage in with_server.py is legitimate for server management. SKILL.md code blocks are documentation examples, not executable code. Skill is safe for publication.

3
Fichiers analysés
410
Lignes analysées
4
résultats
1
Total des audits
Problèmes à risque faible (1)
scripts/with_server.py:69-74
Subprocess execution with shell=True
with_server.py uses subprocess.Popen with shell=True to start development servers. This is expected behavior for a server management helper script that needs to support commands with cd and && operators.

Facteurs de risque

⚡ Contient des scripts
Aucun emplacement spécifique enregistré
⚙️ Commandes externes (2)
scripts/with_server.py:69-74 scripts/with_server.py:88
📁 Accès au système de fichiers (1)
SKILL.md:71
Audité par: claude

Score de qualité

45
Architecture
100
Maintenabilité
87
Contenu
50
Communauté
100
Sécurité
91
Conformité aux spécifications

Ce que vous pouvez construire

Frontend Developer Testing UI Components

Automate testing of React or Vue components by starting the dev server and verifying UI behavior with Playwright scripts.

Full-Stack Integration Testing

Run backend API server and frontend dev server simultaneously, then execute end-to-end tests against the integrated application.

Visual Regression Detection

Capture screenshots of web application states and compare visually to detect unintended UI changes during development.

Essayez ces prompts

Basic HTML Element Discovery 
Use the webapp-testing skill to inspect a local HTML file and find all button elements. Navigate to the file, wait for the page to load, then list all buttons with their text content.
Dev Server Automation 
Start a React dev server on port 3000 using with_server.py, then write a Playwright script that navigates to the app, clicks the login button, and verifies the dashboard appears.
Multi-Server Integration Test 
Use with_server.py to start a Python Flask backend on port 5000 and a Vite frontend on port 5173. Write a test that submits a form on the frontend and verifies the data appears in the backend response.
Visual Debugging Session 
Navigate to a local webapp, wait for networkidle, capture a full-page screenshot to /tmp/debug.png, and extract the page content HTML. Identify all input fields and their associated labels.

Bonnes pratiques

  • Always wait for networkidle state before inspecting dynamic web applications
  • Use the with_server.py helper as a black box - run --help first to understand usage
  • Capture screenshots before DOM inspection for visual debugging context

Éviter

  • Inspecting the DOM before waiting for networkidle on JavaScript-heavy applications
  • Reading script source code into context when --help provides sufficient usage information
  • Using file:// URLs for dynamic applications that require a running server

Foire aux questions

Do I need to install Playwright separately?
Yes, install Playwright with 'pip install playwright' and run 'playwright install' to download browser binaries before using this skill.
How do I test a static HTML file without a server?
Use file:// URLs directly in your Playwright script. Navigate to 'file:///path/to/file.html' without using the with_server.py helper.
Can I test multiple servers at once?
Yes, with_server.py supports multiple --server and --port pairs. Each server starts sequentially and waits for readiness before starting the next.
What if my server takes longer than 30 seconds to start?
Use the --timeout argument to increase the wait time. Example: --timeout 60 for 60 seconds per server.
Why use headless mode for browser testing?
Headless mode runs faster and works in environments without a display. Remove headless=True if you need to visually observe browser behavior.
How do I debug failing tests?
Use page.screenshot() to capture the page state at failure points. Enable browser console logging to see JavaScript errors. Run with headless=False to observe browser behavior visually.

Détails du développeur

Auteur

sickn33

Licence

Apache-2.0

Dépôt

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

Réf

main

Structure de fichiers

📁 scripts/

📄 with_server.py

📄 LICENSE.txt

📄 SKILL.md