Проверка обновлений класса после нажатия кнопки - PullRequest
0 голосов
/ 19 июня 2019

Я пытаюсь разобраться с утилитами vue test

У меня есть меню гамбургеров с четным обработчиком, состояние сохраняется в моем экземпляре vuex.При нажатии на кнопку добавляется класс «is-active».

Я полагаю, что пробел в моих знаниях заключается в том, чтобы связать состояние смонтированного компонента с состоянием, которое я изменяю с mutations.TOGGLE_SIDEBAR(state);

describe("NavToggle.vue", () => {
  const state = {
    sidebarOpen: false
  };
  test("The menu toggles", () => {
    const wrapper = mount(NavToggle, {
      mocks: {
        $store: {
          state: {
            sidebarOpen: false
          }
        }
      }
    });
    mutations.TOGGLE_SIDEBAR(state);
    expect(state.sidebarOpen).toBe(true);
    expect(wrapper.contains(".is-active")).toBe(true);
  });
});
...