Estoy escribiendo pruebas e-2-e para nuestra interfaz utilizando Cypress.
Cuando trato de apuntar a un elemento, estoy usando .button-module_btnLabel__30kQb , pero según tengo entendido, esto hace que mi prueba sea frágil ya que el hash del nombre de clase puede cambiar.
Sin embargo, cuando intento agregar un selector, Cypress no puede encontrarlo. Un ejemplo a continuación:
import { Button } from '...ui' <Button.Primary data-cy="submit" onClick={startLogin} > Log In </Button.Primary> cy.get('data-cy="submit"') .should('be.visible') .should('contain.text','Log In') .click() AssertionError: Timed out retrying after 4000ms: Expected to find element: `[data-cy=submit]`, but never found it.Si está seleccionando un atributo, necesita encerrar corchetes.
cy.get('[data-cy="submit"]') Nota React no pasa todos los atributos, pero el prefijo data debería estar bien.