如何在 vuejs 中使用 jest 捕获外部库的元素?

Posted

技术标签:

【中文标题】如何在 vuejs 中使用 jest 捕获外部库的元素?【英文标题】:How to catch the element of external library using jest in vuejs? 【发布时间】:2019-03-27 10:13:28 【问题描述】:

我在我的 VueJS 项目中使用来自外部库 ElementUI 的下拉元素。我正在尝试使用 Jest 测试这个下拉列表。但问题是不可能像普通标签(例如 wrapper.find(tag, class or id))那样开玩笑地找到这个元素。我试图抓住像类 - “.el-dropdown”,像标签“el-dropdown”,但没有成功。我怎样才能动态捕获这个元素来测试它?

【问题讨论】:

【参考方案1】:

我已经成功地将 ref 放入元素中 - 然后开玩笑地说你可以做这样的事情 - wrapper.find( ref: "item_1") 这会起作用!

【讨论】:

以上是关于如何在 vuejs 中使用 jest 捕获外部库的元素?的主要内容,如果未能解决你的问题,请参考以下文章

使用 jest 和 avoriaz 时如何在 Vuejs 的组件中测试异步方法

如何在带有 vuetify 和 vuex 的 Vuejs 项目中使用 Jest?节点模块和 Vuetify 问题

在 vuejs + laravel 中使用 jest 进行单元测试

Jest + Coverage + VueJs 如何覆盖 vue 方法?

使用 Jest 在 VueJS 组件中模拟自定义模块

如何使用 Jest 在本机反应中模拟“react-native-config”库的配置数据?