Function render

src/render.tsx:36–110

(element: React.ReactElement<T>, options: RenderOptions = {})

 * to assert on the output.
 */
export async function render<T>(element: React.ReactElement<T>, options: RenderOptions = {}) {
  const { wrapper: Wrapper, ...rest } = options || {};
  validateOptions('render', rest, render);

  const rendererOptions: RootOptions = {
    textComponentTypes: HOST_TEXT_NAMES,
    publicTextComponentTypes: ['Text'],
    transformHiddenInstanceProps: ({ props }) => ({
      ...props,
      style: withHiddenStyle(props.style as StyleProp<StyleLike>),
    }),
  };

  const wrap = (element: React.ReactElement) => (Wrapper ? <Wrapper>{element}</Wrapper> : element);
  const renderer = createRoot(rendererOptions);

  await act(() => {
    renderer.render(wrap(element));
  });

  const container = renderer.container;

  const rerender = async (component: React.ReactElement) => {
    await act(() => {
      renderer.render(wrap(component));
    });
  };

  const unmount = async () => {
    await act(() => {
      renderer.unmount();
    });
  };

  const toJSON = (): JsonElement | null => {
    const json = renderer.container.toJSON();
    if (json?.children.length === 0) {
      return null;
    }

    if (json?.children.length === 1 && typeof json.children[0] !== 'string') {
      return json.children[0];
    }

    return json;
  };

  addToCleanupQueue(unmount);

  const result = {
    ...getQueriesForInstance(renderer.container),
    rerender,
    unmount,
    toJSON,
    debug: makeDebug(renderer),
    get container(): TestInstance {
      return renderer.container;
    },