Function render

tests/js/sentry-test/reactTestingLibrary.tsx:318–364

* Try avoiding unnecessary context and just mount your component. If it works, * then you dont need anything else. * * render( ); * * If your component requires additional context you can pass it in the * options. * * To test route changes, this function returns a `router`

(ui: React.ReactElement, options: RenderOptions = {})

 * location, pass an `initialRouterConfig`.
 */
function render(ui: React.ReactElement, options: RenderOptions = {}): RenderReturn {
  const {initialEntry, config, outletContext} = getInitialRouterConfig(options);

  const history = createMemoryHistory({
    initialEntries: [initialEntry],
  });

  const AllTheProviders = makeAllTheProviders({
    organization: options.organization,
    additionalWrapper: options.additionalWrapper,
  });

  const memoryRouter = makeRouter({
    children: <AllTheProviders>{ui}</AllTheProviders>,
    history,
    config,
    outletContext,
  });

  const renderResult = rtl.render(
    <RouterProvider router={memoryRouter} future={{v7_startTransition: true}} />,
    options
  );

  const rerender = (newUi: React.ReactElement) => {
    const newRouter = makeRouter({
      children: <AllTheProviders>{newUi}</AllTheProviders>,
      history,
      config,
      outletContext,
    });

    renderResult.rerender(
      <RouterProvider router={newRouter} future={{v7_startTransition: true}} />
    );
    // Force the router to update children
    rtl.act(() => newRouter.revalidate());
  };

  const testRouter = new TestRouter(memoryRouter);

  return {
    ...renderResult,
    rerender,
    router: testRouter,
  } as RenderReturn;
}

function renderHookWithProviders<Result = unknown, Props = unknown>(
  callback: (initialProps: Props) => Result,