Unit testing 如何模拟具体化css'；M'；vue组件mocha单元测试中的变量依赖关系

我首先要承认，我们的项目可能应该在组件本身中使用

vue材料

，但是。。。我对重构已经编写好的组件感到格外冷漠，所以这里有一个万岁的问题

我有

组件.vue

：

<template>
<div> Good morning stackoverflow
</div>
</template>
<script>
  import M from 'materialize-css';
  export default {
    mounted: function() {
      M.AutoInit();
    }
  }
</script>

当我运行单元测试时，我得到了materialize M依赖项的以下错误：

RUNTIME EXCEPTION  Exception occurred while loading your tests

ReferenceError: M is not defined

当vue组件具有materialize中的“

M

”之类的依赖项时，如何成功装载该组件？不幸的是，我们有一些组件使用了一些Materialize bling，所以我想知道最好的方法是如何让它们成功地装载到单元测试脚本中。我们有

Sinon.js

，它似乎有某种程度的依赖性模仿，但我目前也在研究

proxyquire

，看看我是否可以在这个特定场景中利用它。我已经尝试过在mount中添加

mock:{$M:{}

，并用一些普通的方法导入依赖项，但是非常感谢您的帮助！星期五快乐

RUNTIME EXCEPTION  Exception occurred while loading your tests

ReferenceError: M is not defined