我的UI上有2個div，其寬度需要與Cypress場景相同才能通過。

例如，我知道如何將寬度匹配到靜態值...

cy.get('[aria-label="div1"]').should('have.css', 'width', '150px');
cy.get('[aria-label="div2"]').should('have.css', 'width', '150px');

然而，我想比較div1和div2的寬度，確保它們是相同的——因為它不需要總是150像素。

我怎樣才能做到這一點？

# # #您也可以同時選擇兩者并在函數中進行比較，

cy.get('[aria-label^="div"]')
    .should($els => {
      expect($els[0].style.width).to.eq($els[1].style.width)
    })

# # #你可以這樣做:

cy.get('[aria-label="div1"]')
  .invoke('css', 'width')
  .then((width1) => {
    cy.get('[aria-label="div2"]')
      .invoke('css', 'width')
      .then((width2) => {
        expect(width1).to.equal(width2)
      })
  })