Ancla

Ancla es una herramienta de QA automation que convierte la página que estás probando en tu banco de trabajo. Tocá el ícono (o Alt+Shift+L) y Ancla se abre en el panel lateral de Chrome. La página se achica para hacerle lugar, como con DevTools, así que ningún elemento queda tapado. La página queda congelada: los clics no navegan ni envían formularios. Hacé clic en cualquier elemento y el panel te muestra sus locators, ordenados por estabilidad y verificados contra la página real. LOCATORS QUE NO SE ROMPEN - Locators recomendados de Playwright: getByRole, getByLabel, getByPlaceholder, getByTestId, getByText, filas de tabla y contenedores con data-testid. - XPath y CSS, incluidos XPath relativos a la etiqueta de un campo o a la fila de una tabla. - Puntaje de estabilidad de 0 a 100, con los motivos: posiciones, texto visible, atributos de prueba. - Nunca usa ids ni clases dinámicos (id-24178412-usuario, mat-input-3, :r1:, UUIDs, hashes de build). Si el id tiene una parte fija, Ancla usa solo esa parte: input[id$="-usuario"]. También podés sumar tus propios patrones. - Probador en vivo: escribí un XPath o selector CSS y se resaltan todas las coincidencias. - Con las flechas del teclado pasás al elemento padre, a un hijo o a un hermano. IFRAMES Y SHADOW DOM - Elementos dentro de iframes del mismo sitio: el código generado entra al iframe solo (frameLocator en Playwright, contentDocument en Cypress, switchTo().frame en Selenium). - Elementos dentro de Web Components (Shadow DOM abierto): getBy… en Playwright, .shadow() en Cypress, getShadowRoot() en Selenium. ACCIONES Y SCRIPT - Elegí una acción (hacer clic, escribir, seleccionar, marcar, presionar una tecla, pasar el mouse) y Ancla la ejecuta en la página y la agrega al script. - Comparar texto: lo que muestra la página contra lo que esperás, con la diferencia resaltada. Modos: igual, contiene, empieza con, termina con, regex e ignorar mayúsculas. - Esperas: a que un elemento aparezca, desaparezca o se habilite (con el tiempo máximo que elijas), y esperas fijas entre pasos. - Script editable: reordená, editá o agregá líneas a mano. - Código para Playwright (TypeScript), Cypress o Selenium (Java con JUnit 5). - Descargá un archivo de test listo para correr. - Exportá con el patrón Page Object: una clase de la página con los locators nombrados (emailInput, pagarButton…) y un test que la usa. EJECUCIÓN Y REPORTE - Ejecutá el script desde el panel: espera a los elementos, reintenta las verificaciones y sigue aunque la página navegue. - Reporte HTML opcional, con el resultado, la duración y capturas de antes y después de cada paso. Si algo falla, la captura del fallo aparece destacada con el motivo exacto. PRIVACIDAD Ancla no envía datos a ningún servidor. Todo queda en tu navegador y en los archivos que descargas.