Статьи

Mock Dependency: секретное оружие для тестов Vue Unit

Если у ваших однофайловых компонентов Vue есть зависимости, вам нужно как-то обрабатывать зависимости при модульном тестировании компонента.

Один из подходов заключается в установке зависимостей в тестовой среде, но это может усложнить ваши тесты.

В этой статье я покажу вам, как смоделировать файл модуля в Jest, заменив его на графике зависимостей вашего компонента.

Пример сценария

Скажем, у нас есть однофайловый компонент, который мы хотим протестировать, который называется Home.vue . Этот компонент является частью блогового приложения, и его основной задачей является отображение заголовков сообщений.

Для этого он извлекает сообщения, импортируя модель Vuex ORM Postи вызывая ее allметод. Неважно, если вы не знакомы с Vuex ORM, важно то, что Postмодель является зависимостью этого компонента.

Вам также может понравиться: Vue Development в 2019 году: что нужно знать .

Home.vue


HTML