cypress 下拉框选值

cypress 下拉框选值

看了官网，很多都是直接get到元素然后select

  cy.get('.action-select').select('apples')

  cy.get('.action-select').should('have.value', 'fr-apples')

但是实际情况当很多div 嵌套和结构和数据分离的时候，可能就不太好使了；比如我这个from 就和下拉框的值不在一起

from   el-form是整个弹窗 ;弹窗中又包含5个div 我们要处理的是第二个div；div 中我们要点击是type =text 这块地方

cy.get('.el-form').children().eq(2).find('[type=text]').click()

 

第二步是确认点击了框子后有下拉框展示，确保下拉框展示成功

cy.get('.el-scrollbar').should('be.visible');

 

第三步是在下拉框中找到我们想要的ul 的位置，然后找到li   找到我们想要的值，点击click

cy.get('.el-scrollbar').eq(1).find('.el-select-dropdown__list li').eq(1).click();

 

 

cy.get('.el-form').children().eq(2).find('[type=text]').click()
cy.get('.el-scrollbar').should('be.visible');
cy.get('.el-scrollbar').eq(1).find('.el-select-dropdown__list li').eq(1).click();