如何使用 vue.js v-select 通过 cypress.io 查找元素和选择？

Question

抱歉，我需要有关通过 cypress.io 查找元素 v-select 和 select 选项的帮助。

<v-select
      label="label"
      v-model="ccRcode"
      ref="ccRcode"
      :items="getData"
      item-text="descWithCode"
      item-value="code"
      value="{ ccRcode }"
      data-test='test'
></v-select>

Answer 1

假设您要选择的项目具有文本“我的选项”，您可以执行以下操作：

cy.get("[data-test=test]").parent().click()
cy.get(".v-menu__content").contains("My Option").click()

第一行打开下拉菜单，第二行选择项目。

Answer 2

尝试：

cy.get('[data-test=test]').type('valueNameGoesHere{enter}', {force: true})