小编655*_*D9e的帖子

如何测试 vue.js v-select 组件的值

v-select我有一个使用 vue.js 和货币下拉列表的表单设置。我正在尝试创建一个单元测试以确保 v-select 的当前值设置为计算值price_currency

这是选择器的 vue 代码

<v-select
 name="price_currency"
 :value="price_currency"
 @input="value => this.updateValue('price_currency', value)"
 :options="currencies"
 v-validate="validate.select"
 :selectOnTab="true">
</v-select>
Run Code Online (Sandbox Code Playgroud)

设置:valueprice_currency计算值。在单元测试中,我可以使用 find 方法来v-select返回元素,但因为它是一个 vue 组件而不是实际的<select>元素value,所以没有设置,这意味着我无法测试它。

如何为上述内容编写单元测试v-select以确认该字段设置为 的计算值price_currency?此外,我想测试price_currencyv-select 上的值何时更新,但可能一旦我看到测试值的示例,其余的就会到位。

这似乎是一个相当简单的测试,但我在文档或在线任何地方都找不到如何完成此操作的好示例。

对于我的单元测试,我使用 VueTestUtils 和 Jest。

javascript vue.js jestjs v-select vue-test-utils

5
推荐指数
1
解决办法
3641
查看次数

标签 统计

javascript ×1

jestjs ×1

v-select ×1

vue-test-utils ×1

vue.js ×1