TabbitBlog

Cómo probar una aplicación web local con un agente de IA

Verifica una ruta de localhost, reproduce el fallo de una interacción y confirma la corrección con una respuesta de red y un resultado visible.

En este artículo
  1. Inicia el servicio y verifica la ruta
  2. Completa una acción de usuario
  3. Reproduce, cambia una línea y repite
  4. ¿Qué evidencia hay que guardar?
  5. ¿Qué hago si no abre la página?

La comprobación de sintaxis puede pasar aunque falle una acción real. La prueba de navegador necesita una ruta modificada, una entrada y un resultado visible. La página de alertas respondió HTTP 200 antes y después. El fallo apareció al enviar el formulario.

Inicia el servicio y verifica la ruta

Anota el host, puerto y ruta y confirma qué proceso escucha. Usa la interfaz de bucle local para la prueba. Para un agente remoto, localhost pertenece a su propio entorno. Abre la ruta modificada en una pestaña de prueba y comprueba el encabezado y el estado inicial. Un 200 de la portada no garantiza que funcione la configuración.

InicioComprobar
GET /settings/alertsHTTP 200 · Alert settings
Enable alertsSave alerts
POST /api/alertsHTTP + role=status

Playwright · Web server

Completa una acción de usuario

Activa Enable alerts y pulsa Save alerts. Registra la respuesta POST y el texto visible. Empieza a esperar la respuesta antes de pulsar para no perder una respuesta rápida. Comprueba método y ruta para excluir otras solicitudes. Usa datos ficticios y evita acciones irreversibles en producción.

Playwright · Network

Reproduce, cambia una línea y repite

El cliente enviaba enabled y el servidor requería alertsEnabled. La respuesta fue 422 y la página mostró Save failed: alertsEnabled required. Cambiamos solo el campo de la petición y reiniciamos el servicio en el mismo puerto. Con la misma casilla y botón, el POST devolvió 200 y apareció Q02-ALERTS-ENABLED. La prueba detectó un desacuerdo de contrato que la sintaxis no cubría.

FaseAntesDespués
NavegaciónHTTP 200HTTP 200
EnvíoPOST 422 · enabledPOST 200 · alertsEnabled
Resultado visibleSave failed: alertsEnabled requiredQ02-ALERTS-ENABLED

Tabbit muestra el fallo antes de corregir

Tabbit muestra el recibo tras corregir

¿Qué evidencia hay que guardar?

Guarda la ruta, los pasos, la entrada, el resultado esperado y el observado, datos de red redactados y una imagen si muestra el problema. Compara antes y después. Este ejercicio solo devuelve un recibo. No mide persistencia ni rendimiento en producción. Si se promete persistencia, recarga y comprueba también el endpoint de lectura.

Un desarrollador preguntó cómo pedir al agente que actuara como usuario. Otro describió dificultades de acceso a localhost y de observar CSS renderizado. Formula la tarea como un comportamiento comprobable en una ruta accesible.

Reddit · Cursor · Reddit · BuildWithClaude

¿Qué hago si no abre la página?

Comprueba la escucha desde el mismo entorno que el navegador, y revisa origen, puerto y ruta. Separa un rechazo de conexión, un error de página y un fallo de la acción. Si falta acceso a la red, detente y registra el límite.

Preguntas frecuentes

¿Cómo empiezo la comprobación local?

Anota el host, puerto y ruta y confirma qué proceso escucha. Usa la interfaz de bucle local para la prueba. Para un agente remoto, localhost pertenece a su propio entorno. Abre la ruta modificada en una pestaña de prueba y comprueba el encabezado y el estado inicial. Un 200 de la portada no garantiza que funcione la configuración.

¿Qué acción debo probar?

Activa Enable alerts y pulsa Save alerts. Registra la respuesta POST y el texto visible. Empieza a esperar la respuesta antes de pulsar para no perder una respuesta rápida. Comprueba método y ruta para excluir otras solicitudes. Usa datos ficticios y evita acciones irreversibles en producción.

¿Cómo confirmo una corrección de una línea?

El cliente enviaba enabled y el servidor requería alertsEnabled. La respuesta fue 422 y la página mostró Save failed: alertsEnabled required. Cambiamos solo el campo de la petición y reiniciamos el servicio en el mismo puerto. Con la misma casilla y botón, el POST devolvió 200 y apareció Q02-ALERTS-ENABLED. La prueba detectó un desacuerdo de contrato que la sintaxis no cubría.

¿Qué evidencia guardo?

Guarda la ruta, los pasos, la entrada, el resultado esperado y el observado, datos de red redactados y una imagen si muestra el problema. Compara antes y después. Este ejercicio solo devuelve un recibo. No mide persistencia ni rendimiento en producción. Si se promete persistencia, recarga y comprueba también el endpoint de lectura.

¿Qué hago si no abre la página?

Comprueba la escucha desde el mismo entorno que el navegador, y revisa origen, puerto y ruta. Separa un rechazo de conexión, un error de página y un fallo de la acción. Si falta acceso a la red, detente y registra el límite.

Da el siguiente paso

Deja que Tabbit trabaje junto a ti.

Investiga entre pestañas, automatiza el trabajo repetitivo del navegador y mantén todo el contexto al alcance.