Stack de Pruebas Playwright
Seleccionado

Stack de Pruebas Playwright

Un paquete enfocado para crear workflows de Playwright resilientes para aplicaciones web. Cubre patrones de prueba, depuración local e interacciones confiables con el navegador.

3 habilidades 2 instalaciones
playwrighttestingbrowser-automatione2e-testingdebugging
Actualizado hace 4 días

Instalar

Ejecuta este comando para instalar todas las habilidades de este pack:

npx skillstore add @playwright-test-stack

La CLI detecta automáticamente las carpetas de Codex y Claude Code y las instala en ambas cuando están disponibles.

Descripción general

Guía de uso

Mejorado por IA

Guía detallada

## Descripción general

Playwright Test Stack es un paquete enfocado para equipos que crean workflows confiables de pruebas de aplicaciones web. Combina patrones de prueba de Playwright resilientes, depuración de UI local, browser logs, screenshots y orientación sobre selectors para que puedas pasar de una reproducción inestable a una prueba E2E o de integración estable con evidencia.

## Inicio rápido

1. Instala el plugin en tu workspace de OpenClaw:
   `npx skillstore add @playwright-test-stack`
2. Al crear o editar archivos `.spec.ts` / `.test.ts` que importan `@playwright/test`, usa `0xbigboss-playwright-best-practices` / `playwright-best-practices` para estructurar locators resilientes, Page Object Models, fixtures, web-first assertions y network mocking.
3. Al verificar una aplicación web local, usa `7spade-webapp-testing` / `webapp-testing` para ejecutar comprobaciones de Playwright, capturar browser screenshots, inspeccionar browser logs y depurar el comportamiento de la UI.
4. Cuando una prueba sea inestable o dependa mucho de selectors, usa `c0ntr0lledcha0s-playwright-testing` / `playwright-testing` para obtener orientación específica de Playwright sobre E2E e integración en torno a selectors, locators y page objects.

## Workflows clave

- **Autoría de pruebas resilientes** — `playwright-best-practices` ayuda a preferir locators estables, Page Object Models, fixtures, web-first assertions y network mocking en lugar de esperas frágiles o cadenas CSS.
- **Verificación de aplicaciones web locales** — `webapp-testing` se enfoca en ejecutar comprobaciones a nivel de navegador contra una aplicación local, recopilar screenshots, leer la salida de la consola y diagnosticar fallos de UI.
- **Depuración de selectors y page objects** — `playwright-testing` se activa alrededor de la configuración de Playwright, selectors, locators, page objects y archivos `*.spec.ts` en directorios `e2e` o `tests`.

## Consejos

- Empieza con evidencia del navegador: usa `webapp-testing` para reproducir el problema y recopilar logs o screenshots antes de cambiar la prueba.
- Mantén la corrección disciplinada: usa `playwright-best-practices` para web-first assertions y una estrategia de locators robusta en lugar de agregar timeouts arbitrarios.
- Usa `playwright-testing` al refactorizar page objects o especificaciones de integración para que los cambios de selectors se mantengan alineados con las convenciones de Playwright.

Habilidades

3