单击按钮后检查班级更新

Question

我正在努力掌握vue测试实用程序

我有一个带有均匀处理程序的汉堡菜单，状态存储在我的vuex实例中。单击该按钮时，将添加一个“处于活动状态”的类。

我想我现在的空白是将已安装的组件状态链接到我用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);
  });
});