Saltar al contenido

¿Cómo verificar si el ancho del elemento es menor o igual al tamaño de un píxel en Cypress?

Intenta entender el código correctamente previamente a adaptarlo a tu proyecto si tquieres aportar algo puedes dejarlo en la sección de comentarios.

Solución:

Cualquier cosa que se pueda automatizar, debería serlo (a menos que la utilidad esperada de hacerlo sea superada por el costo de implementación y mantenimiento, por supuesto), por lo que creo que automatizar las pruebas de RD es una buena idea. Si verificar las dimensiones del contenedor es la forma de lograrlo es una pregunta abierta (se podría decir que, en cambio, debe verificar si los elementos que deben estar ocultos, están ocultos y los elementos que deben ser visibles, son visibles y si la interfaz de usuario funciona como esperado).

Por desgracia, así es como lograr lo que quieres.

Yo iría con jQuery’s outerWidth que es lo que normalmente querrá verificar en lugar de width (en caso de que haya padding o border):

cy.get(selector).invoke('outerWidth').should('be.lt', 355);

Si realmente desea afirmar el valor css calculado real, puede usar jQuery css ayudante (o usar window.getComputedStyleen realidad no importa):

cy.get(selector).invoke('css', 'width')
    .then(str => parseInt(str)).should('be.lt', 355);

// or use jQuery.prototype.width (I'm not sure if there's any meaningful
//  difference, but there might be --- better check the docs)
cy.get(selector).invoke('width').should('be.lt', 355');

Te mostramos las reseñas y valoraciones de los usuarios

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *