如何通过儿童拼接获得Cypress的长度？

Question

我在ReactJs中使用Cypress.io

我有html结构。

<ul class="wrapper">
  <li class="class-1">1</li>
  <li class="class-2">2</li>
  <li class="class-3">3</li>
  <li class="class-4">4</li>
  <li class="class-5">5</li>
</ul>

我怎样才能得到元素的长度？像这样的document.querySelector(.wrapper > li).length

cy.get('.wrapp > li').length不起作用

Answer 1

正如Cypress docs中所说的那样

cy.get('.wrapper li')       // this yields us a jquery object
  .its('length')
  .then(length =>{
    //code that uses the length
  })

Answer 2

您可以使用类似以下内容：

cy.get('.wrapper').find('li').its('length').then((len) => {
    //Do stuff with length
    expect(len).to.equal(5)
})