首页 > 解决方案 > Vue 单元测试 - 模拟插件返回值

问题描述

我有一个返回布尔值的自定义插件。我不想将插件导入测试,而是想模拟这个值。我可以轻松地模拟插件,但是如何更改测试中的返回值?

const $mq = () => {};    
wrapper = shallowMount(Component, { 
  //...
  mocks: {
    $mq
  }
  //...
});

测试

it ('Test description', () => {
  wrapper.vm.$mq = () => true; // HOW TO MOCK PLUGIN RETURNS???
});

标签: javascriptunit-testingvue.jsvue-test-utils

解决方案


万一有人出现这种情况,您需要在将其提供给 mocks 选项之前更改该值。

const $mq = () => true;    
wrapper = shallowMount(Component, { 
  //...
  mocks: {
    $mq
  }
  //...
});

推荐阅读