cy.select() 只能在 <select> 上调用。您的主题是：<div class="col-md-6">...</div>

Question

我正在尝试 select 通过赛普拉斯从 multiselect 下拉列表中获取一个值并使用此

 cy.get(':nth-child(7) > .row > :nth-child(1)')
 .select('The Watermark at Cherry Hills', { force: true })
 .invoke('val')
 .should('0', 'The Watermark at Cherry Hills')

失败了。任何人都可以指导我如何处理这个？

<div data-vv-name="Community 1" class="">
   <div class="ui fluid search selection dropdown form-control">
      <i class="dropdown icon"></i><input autocomplete="off" tabindex="0" name="" class="search">
      <div data-vss-custom-attr="" class="text default">Select community/s
      </div>
      <div tabindex="-1" class="menu hidden" style="display: none;">
         <div data-vss-custom-attr="" class="item">
            The Watermark at Cherry Hills
         </div>
         <div data-vss-custom-attr="" class="item">
            The Fountains at Albemarle
         </div>
         <div data-vss-custom-attr="" class="item">
            The Sapphire Valley
         </div>
      </div>
   </div>
</div>

Answer 1

首先，您必须对下拉菜单执行 click() 操作以将其展开。现在使用 each() 您可以循环遍历下拉列表的所有元素，并使用 if 条件单击您想要 select.

的元素

cy.get('.search.selection.dropdown').click() 
cy.get('div.item').each(($ele) => {
    if ($ele.text() == "The Watermark at Cherry Hills") {
        cy.wrap($ele).click()
    }
})

cy.select() 只能在 <select> 上调用。您的主题是：<div class="col-md-6">...</div>

cy.select() can only be called on a <select>. Your subject is a: <div class="col-md-6">...</div>

testing

automation

automated-tests

cypress