unit-testing - Vue单元测试第三方依赖导致引用错误

Question

我有一个非常基本的 vue 组件：

<script>

    export default {
        name: "testComponent",

        data() {
            return {
                 manageWaiting: new ManageWaiting()
            }
        }
    }
</script>

我尝试像这样用摩卡咖啡测试它：

describe('TestComponent', () => {

    it('works', () => {

        let wrapper = mount(TestComponent);
    });
});

我收到此错误：ReferenceError: ManageWaiting 未定义

我应该在哪里导入我的 ManageWaiting 类？

标签： unit-testingvue.jsmocha.js

Answer 1

通常，您将在使用它的同一文件中导入类定义，因此在您的情况下，您应该在ManageWaiting内部导入类TestComponent.vue：

<script>
// TestComponent.vue
import { ManageWaiting } from './ManageWaiting'

export default {
  data() {
    return {
      manageWaiting: new ManageWaiting()
    };
  }
}
</script>

演示