Cypress: ¿cómo buscar por contenido de texto?

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 hábil es usar esto:

cy.contains('YOUR_BUTTON_CLASS', 'Customer');

Esto se puede hacer desde contains() puede contener 2 argumentos. Y si obtiene 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í.

Utilice testing-library / cypress-testing-library

Después de la instalación, simplemente impórtelo 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 🙂

---

---

Utiliza Nuestro Buscador