Vue модульный тест сторонней зависимости вызывает Ссылка Ошибка

Question

У меня есть очень простой компонент vue:

<script>

    export default {
        name: "testComponent",

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

Я пытаюсь проверить его с помощью mocha следующим образом:

describe('TestComponent', () => {

    it('works', () => {

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

Я получаю эту ошибку: ReferenceError: ManageWaiting не определен

Куда мне импортировать мой класс ManageWaiting?

Answer 1

Как правило, вы импортируете определение класса в тот же файл, который его использует, поэтому в вашем случае вам следует импортировать класс ManageWaiting внутри TestComponent.vue:

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

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

демо