Jest Nuxt Test TypeError: Cannot read property '$get' of undefined

Question

I got some error when testing my nuxt app with JEST,

the error found like this:

[Vue warn]: Error in mounted hook: "TypeError: Cannot read property '$get' of undefined"    
found in
---> <Anonymous>
       <Root>

this is my test Unit Test spec.js code:

describe("DataLoader.vue", () => {
    test("renders properly", () => {
        const wrapper = factory();
        expect(wrapper.html()).toMatchSnapshot();
    });

    test("text axios", () => {
        const commit = jest.fn();
        const messages = {};
        const mockFetchPromise = Promise.resolve({
            data: messages
        });
        axios.get = jest.fn().mockResolvedValue(mockFetchPromise);
    });
});

when I trace the code, it come from this line:

await this.$axios.$get(this.endpoint, options).then(({ code, meta, content }) => {
      this.data = { content: content, meta: meta };
      this.isLoading = false;
});

any suggestion or solution for this?

Answer 1

use $axios.$get=jest.fn().mockResolvedValue(mockFetchPromise); instead