fix: do not use custom render for field tests

Author: ntatoud

app/components/form/field-otp/field-otp.spec.tsx

@@ -1,7 +1,8 @@
+import { render } from '@testing-library/react';
 import { expect, test, vi } from 'vitest';
 import { z } from 'zod';
 
-import { render, screen, setupUser } from '@/tests/utils';
+import { screen, setupUser } from '@/tests/utils';
 
 import { FormField, FormFieldController, FormFieldLabel } from '..';
 import { FormMocked } from '../form-test-utils';

app/components/form/field-radio-group/field-radio-group.spec.tsx

@@ -1,8 +1,9 @@
+import { render } from '@testing-library/react';
 import { expect, test, vi } from 'vitest';
 import { axe } from 'vitest-axe';
 import { z } from 'zod';
 
-import { render, screen, setupUser } from '@/tests/utils';
+import { screen, setupUser } from '@/tests/utils';
 
 import { FormField, FormFieldController, FormFieldLabel } from '..';
 import { FormMocked } from '../form-test-utils';

app/components/form/field-text/field-text.spec.tsx

@@ -1,7 +1,8 @@
+import { render } from '@testing-library/react';
 import { expect, test, vi } from 'vitest';
 import { z } from 'zod';
 
-import { render, screen, setupUser } from '@/tests/utils';
+import { screen, setupUser } from '@/tests/utils';
 
 import { FormField, FormFieldLabel } from '..';
 import { FormFieldController } from '../form-field-controller';

app/components/form/form-field-label.tsx

@@ -4,9 +4,7 @@ import { cn } from '@/lib/tailwind/utils';
 
 import { useFormField } from './form-field';
 
-type FormFieldLabelProps = ComponentProps<'label'> & {
-  asDiv?: boolean;
-};
+type FormFieldLabelProps = ComponentProps<'label'>;
 
 export const FormFieldLabel = ({
   className,

app/tests/utils.tsx

@@ -2,10 +2,9 @@ import { render, RenderOptions } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { ReactElement } from 'react';
 
-import { Providers } from '@/providers';
-
 const WithProviders = ({ children }: { children: React.ReactNode }) => {
-  return <Providers>{children}</Providers>;
+  // [TODO]: Add providers once CI is properly set up.
+  return children;
 };
 
 const customRender = (