RTK Query + Jest + @testing-library/react need help writing unit tests

[TangoPJ]

I need help in writing a couple of tests for my experimentAPI service:

import { getBaseUrl } from 'api/baseUrl'
import { Experiment } from 'interfaces'
import initBaseQuery from 'redux-store/services/initBaseQuery'
import { CreateExpType, EditExpType } from 'redux-store/types'
import { addSlashAtStart } from 'helpers/index'

const BASEURL = `${getBaseUrl()}/experiments`

const staggeredBaseQuery = retry(initBaseQuery({ baseUrl: BASEURL }))

export const experimentAPI = createApi({
  reducerPath: 'experimentAPI',
  baseQuery: staggeredBaseQuery,
  tagTypes: ['Experiments'],
  refetchOnReconnect: true,

  endpoints: (builder) => ({
    addExperiment: builder.mutation<Experiment, CreateExpType>({
      query(experiment) {
        const body = {
          ...experiment,
          urls: experiment.urls.map(addSlashAtStart),
        }
        return {
          url: '',
          method: 'POST',
          body,
          credentials: 'include',
        }
      },
      invalidatesTags: ['Experiments'],
    }),

    editExperiment: builder.mutation<Experiment, { slug: string; body: EditExpType }>({
      query({ slug, body }) {
        const formattedBody = {
          ...body,
          urls: body.urls?.map(addSlashAtStart),
        }
        return {
          url: `/${slug}`,
          method: 'PATCH',
          credentials: 'include',
          body: formattedBody,
        }
      },
      invalidatesTags: ['Experiments'],
    }),
  }),
})

export const {
  useEditExperimentMutation,
  useAddExperimentMutation,
} = experimentAPI```

When I create an experiment, I pass the following data as arguments to the function:

const request = {
site_slug: 'site_slug',
name: 'Test Experiment',
is_regex: false,
url_regex: '',
urls: ['url1', '/url2', '//url3', '']
}```

How can I check that the data is formatted correctly? After format using helper addSlashAtStart urls should look like this:

urls: ['/url1', '/url2', '/url3', '/']

I wrote the test, but can't to check request:

import { ReactNode } from 'react'
import { experimentAPI, useAddExperimentMutation } from '../experimentAPI'
import { configureStore } from '@reduxjs/toolkit'
import { Provider } from 'react-redux';
import { renderHook, act, waitFor } from '@testing-library/react'

const updateTimeout = 5000;

const wrapper = ({ children }: { children: ReactNode }) => {
  const store = configureStore({
    reducer: {
      [experimentAPI.reducerPath]: experimentAPI.reducer,
    },
    middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(experimentAPI.middleware),
  })
  return <Provider store={store}>{children}</Provider>;
};

const request = {
  site_slug: 'site_slug',
  name: 'Test Experiment',
  is_regex: false,
  url_regex: '',
  urls: ['url1', '/url2', '//url3', '']
}

describe('experimentAPI', () => {
  test('useAddExperimentMutation', async () => {
    const { result } = renderHook(
      () => useAddExperimentMutation(),
      { wrapper }
    );
    const [addExperiment] = result.current
    act(() => {
      addExperiment(request)
    })

    const loadingResponse = result.current[1];
    expect(loadingResponse.data).toBeUndefined();
    expect(loadingResponse.isLoading).toBe(true);

    await waitFor(() => { }, { timeout: updateTimeout })

    console.log(result.current[1])
  })
})```