updated form validity checking

Author: matt-sanders

src/components/FormlyForm.vue

@@ -15,7 +15,14 @@
          
          //set our validation options
          this.$set('form.$errors', {});
-         this.$set('form.$valid', false);
+         this.$set('form.$valid', true);
+
+         this.$watch('form.$errors', (val) => {
+             let valid = false;
+             if ( Object.keys(this.form.$errors).length == 0 ) valid = true;
+             this.form.$valid = valid;
+             return valid;
+         });
      }
  }
 </script>

test/unit/specs/FormlyForm.spec.js

@@ -67,7 +67,7 @@ describe('FormlyForm', () => {
         expect(JSON.parse(vm.$el.querySelector('#lname_field').textContent)).to.deep.equal(data.form.lname);
         expect(JSON.parse(vm.$el.querySelector('#fname_field').textContent)).to.deep.equal({type: 'input', value: ''});
         expect(data.form.$errors).to.deep.equal({});
-        expect(data.form.$valid).to.be.false;
+        expect(data.form.$valid).to.be.true;
 
     });
 
@@ -101,5 +101,22 @@ describe('FormlyForm', () => {
         expect(vm.$el.querySelectorAll('fieldset .restricted-field')).to.be.length(1);
 
     });
+
+    it('should compute any errors', (done) => {
+        let data = {
+            form: {
+                
+            }
+        };
+        createForm('<formly-form :form="form"></formly-form>', data);
+        expect(vm.form.$errors).to.deep.equal({});
+        expect(vm.form.$valid).to.be.true;
+        vm.$set('form.$errors.test', 'testing');
+
+        setTimeout(()=>{
+            expect(vm.form.$valid).to.be.false;
+            done();
+        },0);
+    });
 
 });