From daf5a1b8c5f1939492478d35a009a1d13c48592d Mon Sep 17 00:00:00 2001
From: James Doyle <james2doyle@gmail.com>
Date: Wed, 7 Oct 2020 12:18:02 -0700
Subject: [PATCH 1/4] Added: emit form change event

---
 src/FormulateForm.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/FormulateForm.vue b/src/FormulateForm.vue
index 842d5d0..25b2ab7 100644
--- a/src/FormulateForm.vue
+++ b/src/FormulateForm.vue
@@ -1,6 +1,7 @@
 <template>
   <form
     :class="classes"
+    @change="formChanged"
     @submit.prevent="formSubmitted"
   >
     <FormulateSchema
@@ -165,6 +166,10 @@ export default {
         this.errorComponents.push(component)
       }
     },
+    formChanged () {
+      const submission = new FormSubmission(this)
+      this.$emit('change', submission)
+    },
     formSubmitted () {
       if (this.submissionPromise) {
         return this.submissionPromise

From 70e2c29a2d90de3b3f3ebcb809edfa409273d979 Mon Sep 17 00:00:00 2001
From: James Doyle <james2doyle@gmail.com>
Date: Wed, 7 Oct 2020 12:18:17 -0700
Subject: [PATCH 2/4] Removed: unused import

---
 test/unit/FormulateForm.test.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/unit/FormulateForm.test.js b/test/unit/FormulateForm.test.js
index 929567f..3e019f0 100644
--- a/test/unit/FormulateForm.test.js
+++ b/test/unit/FormulateForm.test.js
@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import { mount, shallowMount } from '@vue/test-utils'
+import { mount } from '@vue/test-utils'
 import flushPromises from 'flush-promises'
 import Formulate from '../../src/Formulate.js'
 import FormSubmission from '../../src/FormSubmission.js'

From 66a656bf3445460d51c266be5db72f14166dbf95 Mon Sep 17 00:00:00 2001
From: James Doyle <james2doyle@gmail.com>
Date: Wed, 7 Oct 2020 12:18:29 -0700
Subject: [PATCH 3/4] Added: test for form change event

---
 test/unit/FormulateForm.test.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/test/unit/FormulateForm.test.js b/test/unit/FormulateForm.test.js
index 3e019f0..58bcddd 100644
--- a/test/unit/FormulateForm.test.js
+++ b/test/unit/FormulateForm.test.js
@@ -253,6 +253,17 @@ describe('FormulateForm', () => {
     expect(wrapper.emitted('submit-raw')[0][0]).toBeInstanceOf(FormSubmission)
   })
 
+  it('emits an instance of FormSubmission on change', async () => {
+    const wrapper = mount(FormulateForm, {
+      slots: { default: `<FormulateInput type="text" validation="required|in:bar" name="testinput" />` }
+    })
+    const input = wrapper.find('input[type="text"]')
+    input.setValue('foo')
+    input.trigger('change')
+    await flushPromises()
+    expect(wrapper.emitted('change')[0][0]).toBeInstanceOf(FormSubmission)
+  })
+
   it('resolves hasValidationErrors to true', async () => {
     const wrapper = mount(FormulateForm, {
       slots: { default: '<FormulateInput type="text" validation="required" name="testinput" />' }

From 017bd4dfe22b9949fa9a8af0532dadb707768af4 Mon Sep 17 00:00:00 2001
From: James Doyle <james2doyle@gmail.com>
Date: Thu, 8 Oct 2020 09:48:42 -0700
Subject: [PATCH 4/4] Added: failing test for input event

---
 test/unit/FormulateForm.test.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/test/unit/FormulateForm.test.js b/test/unit/FormulateForm.test.js
index 58bcddd..2a42a4b 100644
--- a/test/unit/FormulateForm.test.js
+++ b/test/unit/FormulateForm.test.js
@@ -264,6 +264,17 @@ describe('FormulateForm', () => {
     expect(wrapper.emitted('change')[0][0]).toBeInstanceOf(FormSubmission)
   })
 
+  it('emits a single event on Form input', async () => {
+    const wrapper = mount(FormulateForm, {
+      slots: { default: `<FormulateInput type="text" validation="required|in:bar" name="testinput" />` }
+    })
+    const input = wrapper.find('input[type="text"]')
+    input.setValue('foo')
+    input.trigger('input')
+    await flushPromises()
+    expect(wrapper.emitted('input').length).toBe(1)
+  })
+
   it('resolves hasValidationErrors to true', async () => {
     const wrapper = mount(FormulateForm, {
       slots: { default: '<FormulateInput type="text" validation="required" name="testinput" />' }