抱歉,我需要有关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>

最佳答案

由于您使用的是Vuetify的select,因此其文档应该是第一站。检查下面的引用。

基本上,它们添加了data-cy数据属性以使定位元素变得容易。因此,在您的示例中:

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

然后在您的测试中:

cy.get('[data-cy=select-input]').select('optionValue')

引用文献:
  • https://vuetifyjs.com/en/getting-started/unit-testing#e-2-e-tests
  • https://docs.cypress.io/api/commands/select.html#Syntax
  • 07-24 18:00
    查看更多