将柏树与vuetify结合使用
将柏树与vuetify结合使用
提问于 2018-12-04 18:34:02
我有一个Vue.js项目(Nuxt.js)，作为UI，我使用Vuetify。对于e2e测试，我使用Cypress。
以下是我在Cypress中的测试场景：
我有一个问题，为我使用v-autocomplete组件的页面创建测试。问题是我不能使用Vuetify原生类来获得我想要测试的元素。下面是一个使用data-cy选择器的示例
<v-autocomplete
v-model="model"
:items="items"
item-text="Description"
item-value="API"
label="Public APIs"
placeholder="Start typing to Search"
data-cy="autocomplete"
></v-autocomplete> 我在搜索输入中输入了一些文本。然后在v-autocomplete中找到搜索结果。下面是其中之一的示例：
...
<div>
<a class="v-list__tile v-list__tile--link theme--light">
<div class="v-list__tile__content">
<div class="v-list__tile__title">Result item
<span class="v-list__tile__mask">result item</span>
</div>
</div>
</a>
</div>
...然后，我想通过单击找到的结果之一来选择一个搜索项目。为此，我应该使用Vuetify的原生类，但它没有稳定性(.v-list__tile--link类с可以由开发人员重命名)。如何将data-cy选择器添加到result search html项目？也许谁知道解决这个问题的其他方法呢？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53610949
复制相关文章
相似问题