feat(e2e): added test for reset after submission demo

Author: alvarosabu

package-lock.json

@@ -46,7 +46,7 @@
     "@vue/compiler-sfc": "3.0.2",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^7.0.0",
-    "@vue/test-utils": "^2.0.0-beta.14",
+    "@vue/test-utils": "^2.0.0-rc.0",
     "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "10.1.0",
     "babel-jest": "26.6.3",
@@ -77,7 +77,7 @@
     "typescript": "~4.1.2",
     "vue": "^3.0.0",
     "vue-cli-plugin-cypress-experimental": "~1.2.0",
-    "vue-jest": "^5.0.0-alpha.7",
+    "vue-jest": "^5.0.0-alpha.8",
     "vue-router": "^4.0.1",
     "vue-select": "3.10.8"
   },

package.json

@@ -188,6 +188,17 @@ describe('UseDynamicForm', () => {
       rememberMe: true,
     });
   });
+  // TODO: check this after on how to spy on functions  inside functions
+  /*
+  it('should reset form after valid form submission', async () => {
+    const { mapControls, handleSubmit, resetForm } = useDynamicForm(form, ctx);
+    const spy = jest.spyOn({ resetForm }, 'resetForm');
+    mapControls();
+
+    await handleSubmit();
+
+    expect(spy).toHaveBeenCalled();
+  }); */
 
   it('should emit error event with errors if hadleSubmit is called and is form is invalid ', async () => {
     const spy = jest.spyOn(ctx, 'emit');

src/composables/useDynamicForm.spec.ts

@@ -60,9 +60,9 @@ export function useDynamicForm(
 
   const controls: Ref<FormControl<InputType>[]> = ref([]);
   const formOptions: Ref<FormOptions> = ref({
+    resetAfterSubmit: true,
     ...options?.form,
     ...form?.options,
-    resetAfterSubmit: true,
   });
   const forceValidation = ref(false);
 

src/composables/useDynamicForm.ts

@@ -0,0 +1,19 @@
+describe('Reset after submission', () => {
+  beforeEach(() => {
+    cy.visit('/reset-after-submit'); // "baseUrl" is defined in cypress.json file
+  });
+
+  context('Basic Events', () => {
+    it('should reset the form if resetAfterSubmit is checked', () => {
+      cy.get('input[name="resetAfterSubmit"]').check();
+      cy.get('[data-cy=submit]').click();
+      cy.get('input[name="name"]').should('not.have.value', null);
+    });
+
+    it('should reset the form if resetAfterSubmit is unchecked', () => {
+      cy.get('input[name="resetAfterSubmit"]').uncheck();
+      cy.get('[data-cy=submit]').click();
+      cy.get('input[name="name"]').should('have.value', 'Awiwiwi');
+    });
+  });
+});