开发在vue中使用了element-ui,通过vue-test-utils无法识别element-ui中的el-select元素

来源:8-1 课程总结

夏目鲸鱼

2020-05-03

开发用了element-ui 开发了组件,我使用了vue-test-utils,但是vue-test-utils只是对select或者option这种原生元素可以找到,

对于element-ui的el-option或者el-select,用find或者findAll都是找不到的,因为项目大量使用element-ui
所以如果无法识别,那么就完全无法进行集成测试了。

source code

  <div class="loginBox">
    <p>
      <span>{{ $t('lang.start.stoSelect') }}</span>
      <select class="hello">
        <option> </option>
      </select>
      <el-select v-model="sto" class="sto_list">
        <el-option
          class="sto_item"
          v-for="item in stoList"
          :key="item.id"
          :label="item.name"
          :value="item.id"
        ></el-option>
      </el-select>
    </p>

脚本

   const options = wrapper.findAll('el-select'): 找不到~, 通过什么方式能找到呢?
   const options = wrapper.findAll('select') : 可以找的到
写回答

1回答

Dell

2020-05-10

给节点加一个class,用.class的方式试试呢

0
1
夏目鲸鱼
试过,没用的
2020-05-10
共1条回复

前端要学的测试课 从Jest入门到 TDD/BDD双实战

自动化测试实战 Vue / React 项目,让技术水平和架构思维双提升

1433 学习 · 350 问题

查看课程