小编Ale*_*ann的帖子

测试Vue组件时如何模拟侧插件?

我使用 Vue 2、vue-test-utils、jest

上传图片的插件是vue-croppa。

import Croppa from 'vue-croppa'
Vue.use(Croppa, { componentName: 'image-croppa' })
Run Code Online (Sandbox Code Playgroud)

它通过 v-model 安装到我的组件上。然后我可以调用它的一些方法。

模板

<image-croppa v-model="myCroppa" ...>
Run Code Online (Sandbox Code Playgroud)

脚本

data() {
  return {
    myCroppa: {},
  }
},
Run Code Online (Sandbox Code Playgroud)

我还有一些调用 vue-croppa 方法的方法。

handlePicture(){
    const dataUri = this.myCroppa.generateDataUrl()
    this.$emit('got-image', dataUri)
  },
Run Code Online (Sandbox Code Playgroud)

我想测试我的方法调用 vue-croppa 方法。

问题是:

在测试中初始化我的组件时,如何模拟这个插件?并且是否需要测试这种行为?

vue.js jestjs vuejs2 vue-test-utils

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

标签 统计

jestjs ×1

vue-test-utils ×1

vue.js ×1

vuejs2 ×1