Тестирование магазинов Vuex без компонентов - PullRequest
Новая
       24

Тестирование магазинов Vuex без компонентов

0 голосов
/ 20 октября 2018

Я просматривал https://vue -test-utils.vuejs.org / guides / # testing-key-mouse-and-other-dom-events , чтобы узнать, как писать тесты, используяШутка в сочетании с vue-test-utils.Тем не менее, все эти примеры используют shallowMount, где вы монтируете компонент, но я хочу избежать этого, так как я использую тесты GUI для тестирования реальных компонентов.

Однако у меня возникают проблемы, связанные с этим безсоставная часть.В примерах из vue-test-utils они используют shallowMount для внедрения хранилища, но поскольку я не делаю этого, я не могу получить доступ к своему хранилищу, что означает, что мое состояние, мои получатели и т. Д. Все не определены при тестировании.

Файл тестирования моего магазина myStore.spec.js: 

import { createLocalVue } from '@vue/test-utils';
import myStore from './myStore';
import Vuex from 'vuex';

const localVue = createLocalVue();

localVue.use(Vuex);

describe('myStore tests', () => {
  let actions;
  let getters;
  let store;

  beforeEach(() => {
    actions = {
      setInUse: jest.fn(),
    };

    getters = {
      isInUse: () => false,
    };

    store = new Vuex.Store({
      modules: {
        myStore: {
          state: {
            isInUse: false,
          },
          actions,
          getters: myStore.getters,
        },
      },
    });
  });

  it('example test', () => {
    actions.setInUse(true);
    expect(getters.isInUse(state)).toBeTruthy();
  });
});

, и одна из ошибок при запуске этого теста: state is not defined.

Куда я иду не так?Как мне получить доступ к своему магазину в моих тестах?В идеале я хочу установить для своего хранилища тестов то же самое, что я импортирую из myStore, но я не уверен, что это работает?

...