Comprobaciones visuales
Comprueba el aspecto de una pantalla escribiéndolo como resultado esperado, con una imagen de diseño y una captura conservada.
Una comprobación visual es un resultado esperado como cualquier otro: escribes cómo debería verse la pantalla y el agente lo comprueba en el producto real. Úsala cuando un resultado esperado funcional no puede detectar el problema: un diseño colapsado, una barra de navegación que falta, una pantalla en modo oscuro que nunca cambió.
Escribe el aspecto como resultado esperado
Di lo que vería una persona, con palabras lo bastante concretas como para comprobarlo:
- La página de precios muestra tres tarjetas de plan una al lado de otra, con Team marcado como Recommended.
- En modo oscuro, la pantalla de ajustes tiene fondo oscuro y texto claro.
- La confirmación del pedido muestra la imagen del producto, el precio y una insignia verde de Paid.
El resultado del paso sale de la propia inspección de la pantalla por parte del agente y de su Final check, como en cualquier otro paso.
Compara con un diseño
Para comprobar una pantalla contra un diseño, adjunta el diseño como archivo de imagen:
- Exporta el frame o la captura como PNG, JPG o WebP, y añádelo a los Files del proyecto en Settings.
- En el paso, haz clic en + Attach → File y elígelo.
- Escribe el resultado esperado de forma que nombre lo que debe coincidir, por ejemplo «El resumen del pedido coincide con el diseño adjunto: las mismas secciones, en el mismo orden, con el total al final».
El agente puede comparar una captura nueva del producto con la imagen adjunta. La comparación es evidencia del paso y se muestra en sus Step Actions; nunca decide el resultado por sí sola.
Conserva una captura
Cada paso conserva una captura de su estado final. Para conservar una captura con nombre del resultado esperado, por ejemplo para revisar una versión, haz clic en + Attach → Evidence → Keep a screenshot. Aparece junto al paso en la evidencia de la ejecución.
Consejos
- Comprueba una región, no una página entera. Una página entera con marcas de tiempo, contadores o feeds cambia en cada ejecución.
- Nombra las diferencias que importan. «Falta la barra de navegación» es un defecto; un desplazamiento de un píxel no lo es.
- Los pasos que vienen de comprobaciones visuales antiguas conservan su enlace de diseño como un valor adjunto llamado "Figma design" o "Design reference". El agente lee el enlace como texto, así que sustitúyelo por un archivo de imagen para hacer una comparación real.
¿No lo encontraste?
Grabar un recorrido
Haz un recorrido una vez en un navegador alojado, en tu propia pestaña de Chrome o en un emulador de Android alojado, y Autonomy redacta los pasos de resultado esperado.
Ejecuciones y resultados
Inicia una ejecución, sigue sus Step Actions en directo y lee su resultado y su evidencia.