Migrate core tests from Enzyme to React Testing Library

packages/uniforms/__suites__/TextField.tsx

@@ -18,9 +18,7 @@ export function testTextField(TextField: ComponentType<any>) {
   });
 
   test('<TextField> - renders an input with autocomplete turned off', () => {
-    render(<TextField name="x" autoComplete="off" />, {
-      x: String,
-    });
+    render(<TextField name="x" autoComplete="off" />, { x: String });
 
     expect(screen.getByRole('textbox')).toHaveAttribute('autocomplete', 'off');
   });
@@ -47,9 +45,7 @@ export function testTextField(TextField: ComponentType<any>) {
 
   test('<TextField> - renders an input with correct placeholder', () => {
     const placeholder = 'y';
-    render(<TextField name="x" placeholder={placeholder} />, {
-      x: String,
-    });
+    render(<TextField name="x" placeholder={placeholder} />, { x: String });
 
     expect(screen.getByRole('textbox')).toHaveAttribute(
       'placeholder',

packages/uniforms/__suites__/render.tsx

@@ -1,47 +1,56 @@
-import { render as renderOnScreen } from '@testing-library/react';
-import React, { ReactElement } from 'react';
+import { render as renderOnScreen, RenderResult } from '@testing-library/react';
+import React, { ReactElement, cloneElement } from 'react';
 import SimpleSchema, { SimpleSchemaDefinition } from 'simpl-schema';
 import { BaseForm, Context, UnknownObject, context, randomIds } from 'uniforms';
 import { SimpleSchema2Bridge } from 'uniforms-bridge-simple-schema-2';
 
 const randomId = randomIds();
-
-export function render<Model extends UnknownObject>(
-  element: ReactElement,
-  schema: SimpleSchemaDefinition,
+export function render<P, Model extends UnknownObject>(
+  element: ReactElement<P>,
+  schema?: SimpleSchemaDefinition,
   contextValueExtension?: Partial<Context<Model>>,
   model = {} as Model,
-) {
-  const contextValue = {
-    changed: false,
-    changedMap: {},
-    error: null,
-    model,
-    name: [],
-    onChange() {},
-    onSubmit() {},
-    randomId,
-    submitted: false,
-    submitting: false,
-    validating: false,
-    ...contextValueExtension,
-    schema: new SimpleSchema2Bridge(new SimpleSchema(schema)),
-    state: {
-      disabled: false,
-      label: false,
-      placeholder: false,
-      readOnly: false,
-      showInlineError: false,
-      ...contextValueExtension?.state,
-    },
-    formRef: {} as BaseForm<UnknownObject>,
-  };
-
-  return renderOnScreen(element, {
+): RenderResult & { rerenderWithProps: (props: P) => void } {
+  const renderResult = renderOnScreen(element, {
     wrapper({ children }) {
-      return (
-        <context.Provider value={contextValue}>{children}</context.Provider>
-      );
+      if (schema) {
+        const contextValue = {
+          changed: false,
+          changedMap: {},
+          error: null,
+          model,
+          name: [],
+          onChange() {},
+          onSubmit() {},
+          randomId,
+          submitted: false,
+          submitting: false,
+          validating: false,
+          ...contextValueExtension,
+          schema: new SimpleSchema2Bridge(new SimpleSchema(schema)),
+          state: {
+            disabled: false,
+            label: false,
+            placeholder: false,
+            readOnly: false,
+            showInlineError: false,
+            ...contextValueExtension?.state,
+          },
+          formRef: {} as BaseForm<UnknownObject>,
+        };
+        return (
+          <context.Provider value={contextValue}>{children}</context.Provider>
+        );
+      }
+      return <>{children}</>;
     },
   });
+
+  const { rerender } = renderResult;
+
+  const rerenderWithProps = (props: P) => {
+    rerender(cloneElement(element, props));
+  };
+
+  return { rerenderWithProps, ...renderResult };
 }