jquery 如何使用Cypress比较React JS中两个div的css宽度?

sg24os4d  于 2023-06-29  发布在  jQuery
关注(0)|答案(2)|浏览(127)

我有我的UI 2 div,其中的宽度需要是相同的柏树方案通过。
我知道如何将宽度与静态值匹配,例如。。

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

然而,我想比较div 1和div 2的宽度,并确保它们是相同的-因为它不需要总是150 px。
我该如何做到这一点?

m0rkklqb

m0rkklqb1#

您也可以同时选择两者并在函数中进行比较,

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

guz6ccqo2#

你可以这样做:

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)
      })
  })

相关问题