如何使用cypress测试两个元素具有相同的宽度

如何使用cypress测试两个元素具有相同的宽度,cypress,Cypress,我有一个响应应用程序,我使用一个特定的视口来验证两个元素是否具有相同的宽度。我该怎么做 我尝试使用window.getComputedStyle提取宽度,但是返回的值是“auto”可能是这样的 cy.get('Element1').should(($el) => { expect($el).to.have.css('width', ...) })) cy.get('Element2').should(($el2) => { expect($el2).to.have.css(

我有一个响应应用程序,我使用一个特定的视口来验证两个元素是否具有相同的宽度。我该怎么做


我尝试使用
window.getComputedStyle
提取宽度,但是返回的值是“auto”

可能是这样的

cy.get('Element1').should(($el) => {
  expect($el).to.have.css('width', ...)
}))

cy.get('Element2').should(($el2) => {
  expect($el2).to.have.css('width', ...)
}))
试试这个:

cy.get('Element1').then(($el) => {
  cy.get('Element2').should(($el2) => {
    expect($el2).to.have.css('width', $el1.width());
  })
})


嗯,这只检查宽度是否有一个特定的宽度,例如“16px”,宽度将是一个字符串是的,对不起,我是Cypress的初学者,Arnon Axelrod解决方案似乎更好