Как проверить, что два элемента имеют одинаковую ширину с помощью кипариса

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', ...)
}))