赛普拉斯 - 我如何等待选择下拉列表以加载所有选项？

Question

cy.get("#severities").then(($optionsArray) => {
           expect($optionsArray.get(0)).to.have.property('childElementCount', 6) 
       let optionVal = new Array()
       optionVal = $optionsArray.children()
       var randomChoice = optionVal[Math.floor(Math.random() * optionVal.length) + 1]
       addAppointment.selectSeverity(randomChoice.text)
       })

expect 断言将失败，因为并非所有选项都已加载。

• expected '<select#severities.form-control>' to have property 'childElementCount' of 7, but got 1

有没有办法用柏树来做呢？如果没有，那么使用 jQuery？

Answer 1

要等待选项加载，请在.get() 和.then() 之间插入一个.should()。或者甚至将.then() 更改为.should() 也可以解决问题。

.should() 的关键在于它会退出前面的命令，直到它的条件成功，所以它是等待异步数据的理想选择。

所以

cy.get("#severities")
  .should(($optionsArray) => {
     expect($optionsArray.get(0)).to.have.property('childElementCount', 6)
   })

将不断重新获取#severities 并刷新$optionsArray，直到expect() 成功或发生超时。

我会将等待的部分与处理的部分分开，就像这样

cy.get("#severities")
  .should($optionsArray => {
     expect($optionsArray.get(0)).to.have.property('childElementCount', 6)
   })
  .then($optionsArray => {
     let optionVal = new Array()
     optionVal = $optionsArray.children()
     var randomChoice = optionVal[Math.floor(Math.random() * optionVal.length) + 1]
     addAppointment.selectSeverity(randomChoice.text)
  });

---

对于reference

超时
.should() 将继续重试其指定的断言，直到超时。

cy.get('input', { timeout: 10000 }).should('have.value', '10')
// timeout here will be passed down to the '.should()'
// and it will retry for up to 10 secs


cy.get('input', { timeout: 10000 }).should(($input) => {
  // timeout here will be passed down to the '.should()'
  // unless an assertion throws earlier,
  // ALL of the assertions will retry for up to 10 secs
  expect($input).to.not.be('disabled')
  expect($input).to.not.have.class('error')
  expect($input).to.have.value('US')
})