Migrating tests WIP

packages/uniforms-bootstrap3/__tests__/index.ts

@@ -48,6 +48,7 @@ describe('@RTL', () => {
   suites.testListField(theme.ListField, {
     getListAddField: screen => screen.getByRole('button'),
   });
+  suites.testListItemField(theme.ListItemField);
   suites.testLongTextField(theme.LongTextField);
   suites.testNestField(theme.NestField);
   suites.testNumField(theme.NumField);

packages/uniforms-unstyled/__tests__/index.ts

@@ -46,6 +46,7 @@ describe('@RTL', () => {
   suites.testListField(theme.ListField, {
     getListAddField: screen => screen.getByRole('button'),
   });
+  suites.testListItemField(theme.ListItemField);
   suites.testLongTextField(theme.LongTextField, {
     skipShowInlineErrorTests: true,
   });

packages/uniforms/__suites__/ListItemField.tsx

@@ -0,0 +1,60 @@
+import { screen } from '@testing-library/react';
+// import userEvent from '@testing-library/user-event';
+import React, { ComponentType } from 'react';
+import z from 'zod';
+
+import { renderWithZod } from './render-zod';
+
+export function testListItemField(ListItemField: ComponentType<any>) {
+  test('<ListItemField> - renders ListItemField', () => {
+    renderWithZod({
+      element: <ListItemField name="x" />,
+      schema: z.object({ x: z.number() }),
+    });
+
+    expect(screen.getByRole('button')).toBeInTheDocument();
+  });
+
+  test('<ListItemField> - aaa', () => {
+    renderWithZod({
+      element: <ListItemField name="x" />,
+      schema: z.object({ x: z.string() }),
+      model: { x: 'Testttt' },
+    });
+
+    expect(screen.getByRole('textbox')).toHaveAttribute('value', 'Testttt');
+  });
+
+  //   Bootstrap only
+  test('<ListItemField> - renders custom del field', () => {
+    renderWithZod({
+      element: (
+        <ListItemField
+          name="x"
+          removeIcon={<div data-testid="asdf">Test</div>}
+        />
+      ),
+      schema: z.object({ x: z.string() }),
+    });
+
+    expect(screen.getByTestId('asdf')).toBeInTheDocument();
+  });
+
+  test('<ListItemField> - renders ListDelField', () => {
+    renderWithZod({
+      element: <ListItemField name="x" />,
+      schema: z.object({ x: z.string() }),
+    });
+
+    expect(screen.getAllByRole('button')).toHaveLength(1);
+  });
+
+  test('<ListItemField> - renders AutoField', () => {
+    renderWithZod({
+      element: <ListItemField name="x" />,
+      schema: z.object({ x: z.number() }),
+    });
+
+    expect(screen.getAllByRole('spinbutton')).toHaveLength(1);
+  });
+}

packages/uniforms/__suites__/index.ts

@@ -10,6 +10,7 @@ export * from './HiddenField';
 export * from './ListAddField';
 export * from './ListDelField';
 export * from './ListField';
+export * from './ListItemField';
 export * from './LongTextField';
 export * from './NestField';
 export * from './NumField';