Блог

Я использую Квазар, vue и vuex. Я создал макет и хотел бы использовать jest для модульного тестирования. Я копировал фрагменты своего кода макета и запускал тест по ходу работы.

Это мой код спецификации

 import MainLayout from "../../../src/layouts/test";  import { mountFactory } from "@quasar/quasar-app-extension-testing-unit-jest";  import { QLayout, QHeader, QToolbar, QBtn, QToolbarTitle, QImg } from "quasar";    const factory = mountFactory(MainLayout, {  mount: { type: "full" },  quasar: {  components: { QLayout, QHeader, QToolbar, QBtn, QToolbarTitle, QImg },  },  });    describe("test", () =gt; {  it("Show leftdrawer if leftDrawer is true", async () =gt; {  const wrapper = factory(MainLayout);  await wrapper.vm.$nextTick();  expect(wrapper.findComponent("button").isVisible()).toBe(true);  });  });  When I add this part in my MainLayout.vue   lt;div v-if="!isAuthenticated"gt;  lt;q-btn  @click="goTo('signin')"  outline  roundeded  label="sign in"  name="signin"  class="q-mr-sm"  gt;  

И эта часть

 computed: {  ...mapState("member", {  isAuthenticated: (state: MemberState) =gt; state.isAuthenticated,  })  

},

Я получаю эту ошибку при тестировании ошибки типа: Не удается прочитать свойства неопределенного (чтение «состояния»)

 ...mapState("member", { isAuthenticated: (state: MemberState) =gt; state.isAuthenticated, })  

Как настроить файл спецификации таким образом, чтобы он считывался в состоянии, не подтвержденном из хранилища.