Это руководство было написано для Vue.js 2 и Vue Test Utils v1.
Версия для Vue.js 3 здесь.
# Тестирование Vuex
В следующих статьях обсудим как тестировать Vuex.
# Две стороны тестирования Vuex
Обычно компоненты взаимодействуют с Vuex так:
- вызываем мутацию через
commit - запускаем действия через
dispatch - обращаемся к хранилищу через
$store.stateили геттеры
В тестах проверяется, что компонент ведёт себя правильно при текущем состоянии хранилища Vuex. Они не должны знать о реализациях мутаций, действий, геттеров.
Любая логика хранилища, такая как мутация или использование геттеров, должна тестироваться в изоляции. Для Vuex достаточно просто писать модульные тесты, так как он хранит в себе простые JavaScript функции.
В следующей статье разберём некоторые техники тестирования компонентов с использованием Vuex, убедимся, что их поведение зависит от состояния хранилища. Чуть позже обсудим тестирование Vuex в изоляции.