小编Wou*_*ter的帖子

使用 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>
Run Code Online (Sandbox Code Playgroud)

当我设置数据时,第一次测试没问题:

componentWrapper.setData({items: storesList})
expect(componentWrapper.vm.$data.items).toHaveLength(2)
Run Code Online (Sandbox Code Playgroud)

我现在想更改我尝试的选定值:

componentWrapper.findAll('#option').at(1).setSelected()
Run Code Online (Sandbox Code Playgroud)

并且

componentWrapper.find('el-select')
Run Code Online (Sandbox Code Playgroud)

有人可以帮我检索选择然后更改所选值吗?谢谢您的支持。

vuetify.js vue-test-utils

7
推荐指数
2
解决办法
1万
查看次数

标签 统计

vue-test-utils ×1

vuetify.js ×1