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.getComputedStyle
en 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');