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

Question

我有一个响应式应用程序，其中我使用特定的视口要验证两个元素的宽度相同。我该怎么办？

我尝试使用window.getComputedStyle提取宽度，但返回值为“ auto”

Answer 1

尝试一下：

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

Answer 2

也许是这样吗？

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

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