如何在Cypress中检查元素宽度是否小于或等于像素大小?

问题描述 投票:1回答:1

我的目标是在赛普拉斯中编写一个测试,以检查元素的宽度是否小于或等于355px。

我有此代码,但它仅检查确切的尺寸:

cy
.get('.mat-dialog-container:visible')
.should('have.css', 'width', '355px')
cypress
1个回答
0
投票

[应该自动化的任何事情(除非这样做的预期效用被实现和维护的成本所抵消,of course),因此我认为自动化RD测试是一个好主意。检查容器尺寸是否是实现它的方法是一个悬而未决的问题(可以说您应该检查应该隐藏,隐藏,以及应该可见,可见以及用户界面是否按以下方式工作的其他元素)预期)。

A,这是实现您想要的方法。

我会使用jQuery的outerWidth,这通常是您要检查的而不是outerWidth(以防出现widthpadding):

border

[如果您真的想断言实际的css值,则可以使用jQuery cy.get(selector).invoke('outerWidth').should('be.lt', 355); 帮助器(或使用css,这并不重要):

window.getComputedStyle
© www.soinside.com 2019 - 2024. All rights reserved.