jest - Render Test Component using Method

jest-render-test-component-using-method.test.ts

import { Provider } from "react-redux";
import thunk, { ThunkMiddleware } from "redux-thunk";
import { render, RenderAPI } from "react-test-renderer";
import configureMockStore from "redux-mock-store";

import TestComponent from "./TestComponent";
import { describe } from "node:test";

const middlewares: Array<ThunkMiddleware> = [thunk];
const createMockStore = configureMockStore(middlewares);

const navigationParams = {
  fromDashboard: true,
};

const mockProps: any = {
  navigation: {
    navigate: jest.fn(),
  },
  route: {
    params: navigationParams,
  },
};

const testReduxStore = {
  Config: {
    DUAL_ORDER_ENABLED: true,
  },
};

const testStore = createMockStore(testReduxStore);

const renderTestComponent = (
  props = mockProps,
  mockedStore = testStore
): RenderAPI => {
  const navigationContextTestValue: any = {
    addListener: jest.fn(() => jest.fn()),
  };

  return render(
    <Provider store={mockedStore}>
      <NavigationContext.Provider value={navigationContextTestValue}>
        <TestComponent {...props} />
      </NavigationContext.Provider>
    </Provider>
  );
};

describe("Testing Test Component", () => {
  it("should render as expected", () => {
    const component = renderTestComponent(mockProps, testStore);
    expect(component).toBeDefined();
  });
});