Actualmente estoy tratando de hacer algunas pruebas muy básicas con respecto a los campos de entrada en https://whitelabel.sandbox.array.io/signup?platform=v3 pero tengo problemas en Cypress para encontrar los elementos del formulario. El código que tengo es el siguiente:
describe('Verify identity data', () => { it('Makes an assertion', function () { cy.visit('https://whitelabel.sandbox.array.io/signup?platform=v3'); cy.get('input[name=firstName]'); }); });Sin embargo, Cypress me está dando el error:
Se agotó el tiempo de reintento después de 4000 ms: se esperaba encontrar el elemento: input[name=firstName], pero nunca lo encontró.
¿Estoy usando el selector incorrecto aquí? ¡Cualquier consejo sería apreciado!
Es porque estás usando un DOM en la sombra
para acceder use .shadow https://docs.cypress.io/api/commands/shadow
describe("Verify identity data", () => { it("Makes an assertion", function () { cy.visit("https://whitelabel.sandbox.array.io/signup?platform=v3"); cy.get("array-account-enroll").shadow().find('input[name="firstName"]'); }); });Hay una raíz oculta en el DOM, pero está bastante arriba en el DOM y es probable que afecte muchos de sus comandos.
Agregue una configuración a la prueba o a cypress.confi.js y no tendrá que preocuparse por agregar cada comando.
describe("Verify identity data", {includeShadowDom: true}, () => { it("Makes an assertion", function () { cy.visit("https://whitelabel.sandbox.array.io/signup?platform=v3"); cy.get('input[name="firstName"]'); cy.get('input[name="lastName"]'); }); })