@seredaes

Как правильно тестировать компоненты Vue?

Подскажите, как правильно тестировать компоненты Vue?

Я установил @vue/test-utils и JEST

jest.config,js
module.exports = {
  verbose: true,
  transform: {
    "^.+\\.vue$": "vue-jest",
    "^.+\\.js$": "babel-jest"
  }
};


Сам тест чистый запускается.
Но как только пытаюсь подключить компонент...
Вот кусок кода:
describe("Departments", () => {
  test("Check departments", () => {
    const wrapper = mount(Departments);
    const vm = wrapper.vm;
  });
});


Сыпется море ошибок. Сначала axios не видел.
Подключил. Потом не было видно VUEX.
Подключил.
Теперь не видит данные в VUEX, а они там появляются только после авторизации.

Я так понимаю, тесты инициализируют чистый Vue и к нему подключают всего один компонент.
В результате ничего не видно.

Вопрос. Можно как-то тестировать компонент, когда он инициализирован, произошла в системе инициализация и т.д.?
Где я допускаю ошибку, как это поправить...?

Заранее спасибо за помощь и подсказки.
  • Вопрос задан
  • 118 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы