Diagnosticar una interfaz que está construyendo
Un diseño que se ha desplazado, una interacción que ha dejado de funcionar. El único caso de esta sección que se entrega como escenario ejecutable — puede lanzarlo antes de seguir leyendo.
Ha cambiado algo de CSS, o un script, y algo se ha movido. O un botón ha dejado de responder y la consola no dice nada útil. Es el caso para el que se construyó Diwall en origen: un modelo que escribe código web no ve el resultado de lo que escribe.
Este se entrega como escenario real. Láncelo ahora:
diwall-rpa --scenario /opt/diwall/scenarios/exemples/depannage_local.json \
--guide-version 1.3
La secuencia
1 — Sondear primero, barato. --mode fast devuelve el árbol de
accesibilidad sin captura. Si la página está rota en su estructura, lo sabe en
un segundo más o menos, sin renderizar nada.
2 — Leer la consola. erreurs_js y erreurs_console vuelven en cada
respuesta. Una página en blanco que oculta un error de script se parece
exactamente a una página en blanco que oculta un error del servidor; la consola
las distingue.
3 — Capturar con numeración, si el problema es visual. --som muestra lo
que es realmente interactivo, y a menudo eso ya es la respuesta: un elemento que
usted tomaba por un botón es un <div> con estilo que nadie puede pulsar.
4 — Demostrar el arreglo. Compare con una referencia capturada antes de la regresión:
diwall-watch --url http://localhost:8080/ \
--comparer-pixel /opt/diwall/references/localhost/reference.png \
--guide-version 1.3
Lo que demuestra este caso
El bucle se cierra sin una persona dentro. El modelo cambia el código, mira, lee la consola y compara con un estado que se sabe correcto — y después decide si sigue. Antes, el mismo bucle exigía que alguien abriera un navegador y describiera lo que veía.
Esa descripción era el eslabón débil. De eso trata todo este sitio.
Su límite
La comparación de píxeles tiene un ruido de fondo de alrededor del 0,19 % — dos renderizados de una página sin cambios ya difieren en esa medida. Una regresión más pequeña que ese umbral se esconde en él. Para la estructura más que para el aspecto, compare la estructura:
diwall-monitor-verifier --scenario page.json --reference page.ref.json