0
188
ViewsNo se puede encontrar el elemento después de agregar className en el archivo html
Si estoy agregando manualmente id, test-id o classname en el archivo html. Aquí he agregado 'Nombre de clase' solo como ejemplo para mostrarle.
Cypress no es capaz de encontrar el elemento 
usando cy.get(".todo-list") para ubicar el botón como mencioné el nombre de clase (que se muestra en la captura de pantalla). 
2 answers
Answer question0
Intente usar la class en lugar del atributo className en el botón. Por ejemplo, class="todo-list" .
Algunas cosas como JSX en React usan className debido al hecho de que class es una palabra clave reservada en JavaScript, pero dado que esto es HTML básico, no es necesario. Además, para el futuro, ¿podría pegar los fragmentos de código en lugar de solo las capturas de pantalla?
0
@Bryce es correcto (suponiendo que no sea una aplicación React), pero, en general, se puede consultar cualquier atributo usando una sintaxis extendida
cy.get('[className="todo-list"]')Mirando los documentos de UIKit ,
De forma predeterminada, todas las clases y atributos en UIkit comienzan con el prefijo uk-. Esto evita colisiones de nombres al introducir UIkit en proyectos existentes o al combinarlo con otros marcos.
así que tal vez agregue el prefijo de clase uk- (aunque esto puede ser solo para evitar conflictos en las hojas de estilo y no tiene relación con la prueba).
<button class="uk-todo-list" > cy.get('.todo-list') En términos generales, usar una clase es menos sólido que usar un atributo data-cy , ya que las clases también controlan el estilo y pueden cambiarse en el futuro.
Cypress recomienda esto
<button data-cy="todo-list" > cy.get('[data-cy="todo-list"]')