test: add unit test for submitAttemptsCount behavior

formwerkjs · Dec 29, 2024 · e62415d · e62415d
1 parent 54fcc21
commit e62415d
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/packages/core/src/useForm/useForm.spec.ts b/packages/core/src/useForm/useForm.spec.ts
@@ -565,6 +565,23 @@ describe('form submit', () => {
     await flush();
     expect(formData.get('foo')).toBe('bar');
   });
+
+  test('can compute the submit counts, attempts and resets', async () => {
+    const { submitAttemptsCount, handleSubmit, reset } = await renderSetup(() => {
+      return useForm({ initialValues: { foo: 'bar' } });
+    });
+
+    const cb = vi.fn();
+    const onSubmit = handleSubmit(v => cb(v.toObject()));
+
+    expect(submitAttemptsCount.value).toBe(0);
+    onSubmit(new Event('submit'));
+    expect(submitAttemptsCount.value).toBe(1);
+    onSubmit(new Event('submit'));
+    expect(submitAttemptsCount.value).toBe(2);
+    await reset();
+    expect(submitAttemptsCount.value).toBe(0);
+  });
 });
 
 describe('form dirty state', () => {

diff --git a/packages/core/src/useForm/useFormActions.ts b/packages/core/src/useForm/useFormActions.ts
@@ -146,15 +146,15 @@ export function useFormActions<TForm extends FormObject = FormObject, TOutput ex
 
     form.revertValues();
     form.revertTouched();
+    submitAttemptsCount.value = 0;
+
     if (state?.revalidate ?? true) {
       await validate();
       return;
     }
 
     form.clearErrors();
 
-    submitAttemptsCount.value = 0;
-
     return Promise.resolve();
   }