Added ref test

Author: pascalbaljet

packages/react/package.json

@@ -70,4 +70,4 @@
     "laravel-precognition": "^0.7.3",
     "lodash-es": "^4.17.21"
   }
-}
+}

packages/react/test-app/Pages/FormComponent/Ref.tsx

@@ -29,6 +29,14 @@ export default function Ref() {
     formRef.current?.defaults()
   }
 
+  const callPrecognitionMethods = () => {
+    const validator = formRef.current?.validator()
+
+    if (validator && !formRef.current?.touched('company') && !formRef.current?.valid('company')) {
+      formRef.current?.validate({ only: ['company'] })
+    }
+  }
+
   return (
     <div>
       <h1>Form Ref Test</h1>
@@ -63,6 +71,7 @@ export default function Ref() {
         <button onClick={clearAllErrors}>Clear Errors</button>
         <button onClick={setTestError}>Set Test Error</button>
         <button onClick={setCurrentAsDefaults}>Set Current as Defaults</button>
+        <button onClick={callPrecognitionMethods}>Call Precognition Methods</button>
       </div>
     </div>
   )

packages/react/test-app/package.json

@@ -28,4 +28,4 @@
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   }
-}
+}

packages/svelte/package.json

@@ -66,4 +66,4 @@
     "laravel-precognition": "^0.7.3",
     "lodash-es": "^4.17.21"
   }
-}
+}

packages/svelte/test-app/Pages/FormComponent/Ref.svelte

@@ -28,6 +28,14 @@
   function setCurrentAsDefaults() {
     formRef?.defaults()
   }
+
+  function callPrecognitionMethods() {
+    const validator = formRef?.validator()
+
+    if (validator && !formRef?.touched('company') && !formRef?.valid('company')) {
+      formRef?.validate({ only: ['company'] })
+    }
+  }
 </script>
 
 <div>
@@ -63,5 +71,6 @@
     <button on:click={clearAllErrors}> Clear Errors </button>
     <button on:click={setTestError}> Set Test Error </button>
     <button on:click={setCurrentAsDefaults}> Set Current as Defaults </button>
+    <button on:click={callPrecognitionMethods}> Call Precognition Methods </button>
   </div>
 </div>

packages/svelte/test-app/package.json

@@ -25,4 +25,4 @@
     "@inertiajs/core": "workspace:*",
     "@inertiajs/svelte": "workspace:*"
   }
-}
+}

packages/vue3/package.json

@@ -68,4 +68,4 @@
     "laravel-precognition": "^0.7.3",
     "lodash-es": "^4.17.21"
   }
-}
+}

packages/vue3/src/form.ts

@@ -255,8 +255,12 @@ const Form = defineComponent({
       form.reset(...fields)
     }
 
-    const resetAndClearErrors = (...fields: string[]) => {
+    const clearErrors = (...fields: string[]) => {
       form.clearErrors(...fields)
+    }
+
+    const resetAndClearErrors = (...fields: string[]) => {
+      clearErrors(...fields)
       reset(...fields)
     }
 
@@ -287,7 +291,7 @@ const Form = defineComponent({
       get validating() {
         return form.validating
       },
-      clearErrors: form.clearErrors,
+      clearErrors,
       resetAndClearErrors,
       setError: (fieldOrFields: string | Record<string, string>, maybeValue?: string) =>
         form.setError((typeof fieldOrFields === 'string' ? { [fieldOrFields]: maybeValue } : fieldOrFields) as Errors),

packages/vue3/test-app/Pages/FormComponent/Ref.vue

@@ -28,6 +28,14 @@ const setTestError = () => {
 const setCurrentAsDefaults = () => {
   formRef.value?.defaults()
 }
+
+const callPrecognitionMethods = () => {
+  const validator = formRef.value?.validator()
+
+  if (validator && !formRef.value?.touched('company') && !formRef.value?.valid('company')) {
+    formRef.value?.validate({ only: ['company'] })
+  }
+}
 </script>
 
 <template>
@@ -60,6 +68,7 @@ const setCurrentAsDefaults = () => {
       <button @click="clearAllErrors">Clear Errors</button>
       <button @click="setTestError">Set Test Error</button>
       <button @click="setCurrentAsDefaults">Set Current as Defaults</button>
+      <button @click="callPrecognitionMethods">Call Precognition Methods</button>
     </div>
   </div>
 </template>

packages/vue3/test-app/package.json

@@ -25,4 +25,4 @@
     "@inertiajs/core": "workspace:*",
     "@inertiajs/vue3": "workspace:*"
   }
-}
+}