Function createComponent

packages/core/test/testUtils.tsx:24–43

(Component: ComponentType<FormProps>, theProps: FormProps)

}

export function createComponent(Component: ComponentType<FormProps>, theProps: FormProps) {
  const onChange = vi.fn();
  const onError = vi.fn();
  const onSubmit = vi.fn();
  const { container, rerender } = render(
    <Component onSubmit={onSubmit} onError={onError} onChange={onChange} {...theProps} />,
  );

  const rerenderFunction: RerenderType = (newProps: NoValFormProps, v: ValidatorType = validator) => {
    // For Form components, ensure validator is always passed
    const propsWithValidator: FormProps = { ...newProps, validator: v };
    return rerender(<Component onSubmit={onSubmit} onError={onError} onChange={onChange} {...propsWithValidator} />);
  };
  const node = container.firstElementChild;
  if (!node) {
    throw new Error('node is not defined');
  }

  return { container, node, onChange, onError, onSubmit, rerender: rerenderFunction };
}

export function createFormComponent(props: NoValFormProps, v: ValidatorType = validator) {
  return createComponent(Form, { validator: v, ...props });