Блог

Я пишу простой тест на шутку, но получаю следующую ошибку:

 [Vue warn]: Error in render: "TypeError: Cannot read property 'fields' of undefined"

[Vue warn]: Error in created hook: "TypeError: Cannot read property 'relationNumber' of undefined"
 

Мой шутливый тест:

 import { mount } from "@vue/test-utils";
import Step2 from "pathtoStep2.vue";

describe("Step2", () => {
  it("should enable button", async () => {
    const wrapper = mount(Step2);
    await wrapper
      .find("[data-testid='relationnumber-input']")
      .setValue("12341234123412");
    const button = wrapper.find("[data-testid='next-button']");
    expect(button.toBeEnabled());
  });
});
 

Мой объект данных поля в шаге 2.vue:

   data () {
    return {
      fields: {
        relationNumber: '',
      }
    }
  }
 

Согласно https://lmiller1990.github.io/vue-testing-handbook/simulating-user-input.html#creating-the-component
это не нужно для инициализации объекта данных? Так что же я делаю не так?