Fix test

Author: mj12albert

packages/react/src/field/control/useFieldControlValidation.ts

@@ -166,6 +166,7 @@ export function useFieldControlValidation() {
 
       if (result !== null) {
         nextState.valid = false;
+        nextState.customError = true;
 
         if (Array.isArray(result)) {
           validationErrors = result;

packages/react/src/field/error/FieldError.test.tsx

@@ -14,8 +14,8 @@ describe('<Field.Error />', () => {
     },
   }));
 
-  it('should set aria-describedby on the control automatically', () => {
-    render(
+  it('should set aria-describedby on the control automatically', async () => {
+    await render(
       <Field.Root invalid>
         <Field.Control />
         <Field.Error forceShow>Message</Field.Error>
@@ -28,8 +28,8 @@ describe('<Field.Error />', () => {
     );
   });
 
-  it('should show error messages by default', () => {
-    render(
+  it('should show error messages by default', async () => {
+    await render(
       <Field.Root>
         <Field.Control required />
         <Field.Error>Message</Field.Error>
@@ -49,8 +49,8 @@ describe('<Field.Error />', () => {
   });
 
   describe('prop: match', () => {
-    it('should only render when `match` matches constraint validation', () => {
-      render(
+    it('should only render when `match` matches constraint validation', async () => {
+      await render(
         <Field.Root>
           <Field.Control required />
           <Field.Error match="valueMissing">Message</Field.Error>
@@ -69,8 +69,8 @@ describe('<Field.Error />', () => {
       expect(screen.queryByText('Message')).not.to.equal(null);
     });
 
-    it('should show custom errors', () => {
-      render(
+    it('should show custom errors', async () => {
+      await render(
         <Field.Root validate={() => 'error'}>
           <Field.Control />
           <Field.Error match="customError">Message</Field.Error>
@@ -89,8 +89,8 @@ describe('<Field.Error />', () => {
   });
 
   describe('prop: forceShow', () => {
-    it('should always render the error message', () => {
-      render(
+    it('should always render the error message', async () => {
+      await render(
         <Field.Root>
           <Field.Control required />
           <Field.Error forceShow>Message</Field.Error>