Я пытаюсь разобраться с утилитами 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);
});
});