No olvides que en la informática un error casi siempere puede tener varias soluciones, así que te mostramos lo más óptimo y eficiente.
Solución:
Esto producirá el elemento DOM con YOUR_BUTTON_CLASS que contiene el texto ‘Cliente’. ¿Es eso lo que estás buscando?
cy.get('YOUR_BUTTON_CLASS').contains('Customer');
Aquí la documentación para .contains comando de ciprés.
O tal vez una solución aún más ingeniosa es usar esto:
cy.contains('YOUR_BUTTON_CLASS', 'Customer');
Esto se puede hacer desde contains() puede contener 2 argumentos. Y si tiene dos argumentos el primero es siempre el elemento y el segundo el texto.
Otra opción que no se menciona en las respuestas anteriores aquí.
Usar biblioteca de pruebas/biblioteca de pruebas de ciprés
Después de la instalación, simplemente impórtalo en Cypress’ commands.js:
import '@testing-library/cypress/add-commands'
Y en tus pruebas
cy.findAllByText("Jackie Chan").click();
cy.findByText("Button Text").should("exist");
cy.findByText("Non-existing Button Text").should("not.exist");
cy.findByLabelText("Label text", timeout: 7000 ).should("exist");
cy.get("form").within(() =>
cy.findByText("Button Text").should("exist");
);
cy.get("form").then((subject) =>
cy.findByText("Button Text", container: subject ).should("exist");
);
Esto es bastante sencillo y fácil de usar. Usamos esto en nuestro sitio de producción junto con la biblioteca de pruebas de reacción. Altamente recomendado 🙂
Nos puedes añadir valor a nuestra información colaborando tu veteranía en las ilustraciones.