Rtk query test code return type error of enhnaceEndpoints.

[Ruubber]

I want test with jest rtk query.
But test run return this type error.
TypeError: Cannot read property 'enhanceEndpoints' of undefined
How can i fix?

This my Test code and services file.
setupTests.ts

import { renderWithProviders } from "test-utils";
import HomeFeed from "..";

describe("Home Feed", () => {
  it("handles good response", async () => {
    const tree = renderWithProviders(<HomeFeed />);
    expect(tree).toMatchSnapshot();
  });
});

test-utils.tsx

import { PropsWithChildren, ReactElement } from "react";
import { render } from "@testing-library/react";
import type { RenderOptions } from "@testing-library/react";
import type { PreloadedState } from "@reduxjs/toolkit";
import { Provider } from "react-redux";
import { setupStore } from "app/store";
import type { AppStore, RootState } from "app/store";
import { MemoryRouter } from "react-router-dom";

interface ExtendedRenderOptions extends Omit<RenderOptions, "queries"> {
  preloadedState?: PreloadedState<RootState>;
  store?: AppStore;
}

export function renderWithProviders(
  ui: ReactElement,
  {
    preloadedState = {},
    store = setupStore(preloadedState),
    ...renderOptions
  }: ExtendedRenderOptions = {},
) {
  // eslint-disable-next-line
  function Wrapper({ children }: PropsWithChildren<{}>): JSX.Element {
    return (
      <Provider store={store}>
        <MemoryRouter>{children}</MemoryRouter>
      </Provider>
    );
  }

  return { store, ...render(ui, { wrapper: Wrapper, ...renderOptions }) };
}

home-feed-test.tsx

import { renderWithProviders } from "test-utils";
import HomeFeed from "..";

describe("Home Feed", () => {
  it("handles good response", async () => {
    const tree = renderWithProviders(<HomeFeed />);
    expect(tree).toMatchSnapshot();
  });
});

services/api.ts

import { createApi } from "@reduxjs/toolkit/query/react";
import { customFetchBase } from "./utils";

export const api = createApi({
  reducerPath: "api",
  baseQuery: customFetchBase,
  keepUnusedDataFor: 5,
  endpoints: () => ({}),
});

services/auth/index.ts

import { api } from "../api";

// Auth Api CreateApi
export const authApi = api
  .enhanceEndpoints({
    addTagTypes: ["Auth"],
  })
  .injectEndpoints({
    overrideExisting: false,
    endpoints: (builder) => ({
      // Query
      getEmailByToken: builder.query({
        query: (token) => ({
          url: "/auth/email",
          params: { token },
        }),
      }),
      getProfile: builder.query({
        query: () => ({
          url: "/auth/me",
        }),
      }),
      // Mutation
      login: builder.mutation({
        query: (args) => ({
          url: "/auth/login",
          method: "POST",
          body: args,
        }),
      }),
      checkExistEmail: builder.mutation({
        query: (email) => ({
          url: "/checkExistEmail",
          method: "POST",
          body: { email },
        }),
      }),
      updatePassword: builder.mutation({
        query: (args) => ({
          url: "/auth/update-password",
          method: "POST",
          body: args,
        }),
      }),
      register: builder.mutation({
        query: (args) => ({
          url: "/auth/register",
          method: "POST",
          body: args,
        }),
      }),
      authToken: builder.mutation({
        query: (args) => ({
          url: "/auth/auth-token",
          method: "POST",
          body: args,
        }),
      }),
      forgotPassword: builder.mutation({
        query: (args) => ({
          url: "/auth/forgot-password",
          method: "POST",
          body: args,
        }),
      }),
      sendRegistration: builder.mutation({
        query: (args) => ({
          url: "/auth/send/registration",
          method: "POST",
          body: args,
        }),
      }),
      verifyRegistartion: builder.mutation({
        query: (args) => ({
          url: "/auth/verify/registration",
          method: "POST",
          body: args,
        }),
      }),
      updateProfile: builder.mutation({
        query: (args) => ({
          url: "/updateProfile",
          method: "PUT",
          body: args,
        }),
      }),
    }),
  });

export const {
  useLoginMutation,
  useCheckExistEmailMutation,
  useRegisterMutation,
  useGetEmailByTokenQuery,
  useUpdatePasswordMutation,
  useUpdateProfileMutation,
  useSendRegistrationMutation,
  useForgotPasswordMutation,
} = authApi;

[phryneas]

You probably have a circular import - if I were to guess something like api -> customFetchBase -> authApi -> api. (But this is just a guess and you'll have to search it yourself.)
It seems that this situation is fine with your normal bundler, but jest is choking on it?

[Ruubber]

Yes right.
Just react app start well done.
Only test code looks like this.