V-wave causes vue-test-utils to fail mounting

Problem:

I’m trying to write a test with a component that uses v-wave directive, but when I try to mount it with shallowMount() or mount() the same error happens:

Test:

describe("Components: TemplateCard", () => {
  beforeEach(() => {
    jest.clearAllMocks();
  });
  it("should get correct icon class when the type is", () => {
    const wrapper = shallowMount(TemplateCard, {
      global: { stubs: ["router-link"], plugins: [VWave] },
      props: {
        template: mockedTemplate
      }
    });

    console.log(wrapper.html());
  });
  it("should get template Models array", () => {
    const wrapper = shallowMount(TemplateCard, {
      global: { stubs: ["router-link"], plugins: [VWave] },
      props: {
        template: mockedTemplate
      }
    });

    const modelsArray = wrapper.vm.content;

    expect(modelsArray).toEqual(mockedTemplate.templateContentResponses);
  });
});

Error:

I tried to add v-wave as a plugin, that makes the first test pass for some reason. Am I doing something wrong?

[justintaddei]

You’re probably right about it being a life cycle hook considering the next function in the stack is invokeDirectiveHook.

I’ll likely be reworking a lot of the internals to address the aforementioned issue. I have a feeling that whatever I come up with will resolve this too.

[justintaddei]

Please try installing v-wave@beta (npm i v-wave@beta) and let me know if it resolves your issue. I’ve changed how v-wave detects a vue3 environment and it shouldn’t cause this problem anymore.