vuetify.js - 使用 vue-test-util 更改 v-select 的选定选项
问题描述
我正在尝试测试使用 vuetify 构建的组件。为此,我正在使用 vue-test-utils。我的目标是在 v-select 字段中执行更改,并断言执行了突变。这是我的代码:
<div id="app">
<v-app id="inspire">
<v-container fluid>
<v-layout row wrap>
<v-flex xs6>
<v-subheader>Standard</v-subheader>
</v-flex>
<v-flex xs6>
<v-select
:items="items"
v-model="e1"
label="Select"
single-line
></v-select>
</v-flex>
</v-layout>
</v-container>
</v-app>
</div>
当我设置数据时,第一个测试是好的:
componentWrapper.setData({items: storesList})
expect(componentWrapper.vm.$data.items).toHaveLength(2)
我现在想更改我尝试的选定值:
componentWrapper.findAll('#option').at(1).setSelected()
并且
componentWrapper.find('el-select')
有人可以帮我检索选择然后更改选择的值吗?谢谢你的支持。
解决方案
使用wrapper.vm.selectItem('foo')
. 这个对我有用。
我在 vuetifyv-select
测试中发现了这一点:
编辑:更新链接。
推荐阅读
- javascript - 过滤掉多维数据
- python - “NoneType”对象没有属性“文本”BeautifulSoup Python
- nginx - Nginx 使用 diff TLD 重定向到另一个域
- django - Django REST:如何访问 POST 请求对象
- amazon-ecs - AWS ECS Fargate 1.3.0 使用的 Docker 版本
- ios - 如何为 iOS 设备支持的自适应流制作文件 .mpd
- javascript - Google API 演示在本地无法运行;GAPI 为空
- c++ - 如何区分 C++ 中两个相似的运算符重载
- spring-data - Spring Data 2.x:将客户行为添加到所有存储库
- opengl - 如何模糊图像的边缘