Guía de lectura localizada

webapp-testingFinalidad, uso y origen

Kit de herramientas para interactuar con aplicaciones web locales y probarlas mediante Playwright. Permite verificar la funcionalidad del frontend, depurar el comportamiento de la interfaz de usuario, capturar capturas de pantalla del navegador y visualizar los registros del navegador.

Fuente recuperada: 2026-10-29

Repositorio de origen: anthropics/skills
SKILL.md: skills/webapp-testing/SKILL.md
Estrellas del repositorio: 185,373
Actualización del repositorio: 2026-10-29
Clasificación de habilidades: Desarrollo
Última recopilación: 2026-10-31 10:38 UTC+08:00

Licencia: Documentos de licencia pendientes de verificación

SKILL.md original

Los extractos del flujo de trabajo son guías de lectura, no instrucciones ejecutables de Codez. No se utilizó ninguna habilidad de terceros para generar esta página.

Los siguientes fragmentos sobre el propósito y el flujo de trabajo son material preliminar, organizado y traducido para su lectura. Son distintos del análisis editorial de Codez, que se presenta por separado.

Lo que hace esta habilidad

Cómo funciona el flujo de trabajo ascendente

Pruebas de aplicaciones web

Para probar aplicaciones web locales, escriba scripts nativos de Python Playwright. Scripts de ayuda disponibles:

Paso río arriba · L7 ↗

Ejemplo: Usandowith_server.py

Para iniciar un servidor, ejecute--helpPrimero, utilice la herramienta auxiliar: Múltiples servidores (por ejemplo, backend + frontend):

Paso río arriba · L35 ↗

Patrón de reconocimiento y acción

Inspeccione el DOM renderizado: Identifique los selectores a partir de los resultados de la inspección.

Paso río arriba · L65 ↗

Paso río arriba · ↗

User task → Is it static HTML?
    ├─ Yes → Read HTML file directly to identify selectors
    │         ├─ Success → Write Playwright script using selectors
    │         └─ Fails/Incomplete → Treat as dynamic (below)
    │
    └─ No (dynamic webapp) → Is the server already running?
        ├─ No → Run: python scripts/with_server.py --help
        │        Then use the helper + write simplified Playwright script
        │
        └─ Yes → Reconnaissance-then-action:
            1. Navigate and wait for networkidle
            2. Take screenshot or inspect DOM
            3. Identify selectors from rendered state
            4. Execute actions with discovered selectors

Requisitos y configuración

No se seleccionó ningún fragmento de requisitos breves de este archivo. Esto no significa que la habilidad no tenga dependencias. Consulte las instrucciones de configuración del repositorio y los archivos de referencia.

Límites y controles de calidad

Error común

❌ No inspeccione el DOM antes de esperar a quenetworkidleen aplicaciones dinámicas ✅ No espere apage.wait_for_load_state('networkidle')antes de la inspección

Paso río arriba · L78 ↗

Comience con una prueba segura.

Verifique el host compatible y las instrucciones de instalación del repositorio. Mantenga juntos el directorio Skill y sus scripts, recursos y documentación a los que hace referencia;SKILL.mdsolo puede omitir dependencias.
Proporcione al agente sus datos reales, el resultado deseado y los criterios de aceptación. La sintaxis de invocación y las herramientas disponibles dependen del sistema anfitrión; este sitio no presupone un comando de instalación universal.
Pruebe el flujo de trabajo original en un proyecto desechable o en una copia. Revise las operaciones que modifican archivos, servicios remotos o recursos facturables antes de autorizarlas.
Valide el resultado comparándolo con los controles de calidad de origen y sus propios requisitos. Un activador exitoso o un alto número de estrellas en el repositorio no garantizan un resultado correcto.

Especificación del formato y directorio de habilidades ↗

Lea más en la fuente

Traducción y alcance

Esta guía de lectura selecciona pasajes de la sección fijada en la parte superior.SKILL.mdLa traducción es asistida. No se trata de un manual completo ni garantiza la compatibilidad. Lea el original y los archivos a los que hace referencia antes de usarlo.

Esta introducción hace referencia a la versión fijada a continuación; la actividad actual del repositorio y la hora de recopilación se muestran por separado.

Fuente fijada: Lee el original ↗
Fuente recuperada: 2026-10-29T09:32:23Z
Confirmación de origen: ca45fc496a3436251f191354091d557da31c15b5
Fuente SHA-256: 51b7349e77ec63b7744a6f63647e7566a0b4d2e301121cc10e8c2113af6556a2

Volver al catálogo completo de habilidades