Rewritten tests for DateField for Mui theme

packages/uniforms-mui/__tests__/DateField.tsx

@@ -1,31 +1,34 @@
-import FormHelperText from '@mui/material/FormHelperText';
+import { screen } from '@testing-library/react';
 import React from 'react';
 import { DateField } from 'uniforms-mui';
-
-import createContext from './_createContext';
-import mount from './_mount';
+import { renderWithZod } from 'uniforms/__suites__';
+import { z } from 'zod';
 
 test('<DateField> - renders a Input with correct error text (specified)', () => {
   const error = new Error();
-  const element = (
-    <DateField name="x" error={error} showInlineError errorMessage="Error" />
-  );
-  const wrapper = mount(element, createContext({ x: { type: Date } }));
-
-  expect(wrapper.find(FormHelperText).text()).toBe('Error');
+  renderWithZod({
+    element: (
+      <DateField name="x" error={error} errorMessage="Error" showInlineError />
+    ),
+    schema: z.object({ x: z.date() }),
+  });
+  expect(screen.getByText('Error')).toBeInTheDocument();
 });
 
 test('<DateField> - renders a Input with correct error text (showInlineError=false)', () => {
   const error = new Error();
-  const element = (
-    <DateField
-      name="x"
-      error={error}
-      showInlineError={false}
-      errorMessage="Error"
-    />
-  );
-  const wrapper = mount(element, createContext({ x: { type: Date } }));
-
-  expect(wrapper.find(FormHelperText)).toHaveLength(0);
+  renderWithZod({
+    element: (
+      <DateField
+        name="x"
+        error={error}
+        errorMessage="Error"
+        showInlineError={false}
+      />
+    ),
+    schema: z.object({ x: z.date() }),
+  });
+  expect(
+    screen.getByText('X').nextElementSibling?.classList.contains('Mui-error'),
+  ).toBe(true);
 });