抱歉,我需要有关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')
引用文献: