🐛 bug(errors): fix cannot apply validation classes

Fixes #239

Author: kazupon

src/validator.js

@@ -272,10 +272,10 @@ export default class Validator {
   }
 
   _setValidationErrors (errors) {
-    const extend = util.Vue.util.extend
+    const { extend } = util.Vue.util
 
     // make tempolaly errors
-    let temp = {}
+    const temp = {}
     each(errors, (error, index) => {
       if (!temp[error.field]) {
         temp[error.field] = []
@@ -285,18 +285,24 @@ export default class Validator {
 
     // set errors
     each(temp, (values, field) => {
-      let validation = this._scope[field]
-      let newValidation = {}
+      const results = this._scope[field]
+      const newResults = {}
+
       each(values, (error) => {
         if (error.validator) {
-          validation[error.validator] = error.message
+          results[error.validator] = error.message
         }
       })
-      validation.valid = false
-      validation.invalid = true
-      validation.errors = values
-      extend(newValidation, validation)
-      util.Vue.set(this._scope, field, newValidation)
+
+      results.valid = false
+      results.invalid = true
+      results.errors = values
+      extend(newResults, results)
+
+      const validation = this._getValidationFrom(field)
+      validation.willUpdateClasses(newResults, validation.el)
+
+      util.Vue.set(this._scope, field, newResults)
     })
   }
 

test/specs/errors.js

@@ -1,5 +1,6 @@
 import assert from 'power-assert'
 import Vue from 'vue'
+import classes from 'component-classes'
 import { each, empty, trigger } from '../../src/util'
 
 
@@ -252,6 +253,15 @@ describe('errors', () => {
         assert(!empty(vm.$validation.errors))
         assert(vm.$validation.group1.errors.length === 2)
         assert(empty(vm.$validation.group2.errors))
+        each(['0', '4'], (val) => {
+          const cls = classes(el.getElementsByTagName('input')[parseInt(val)])
+          assert(!cls.has('valid'))
+          assert(cls.has('invalid'))
+          assert(cls.has('touched'))
+          assert(!cls.has('untouched'))
+          assert(cls.has('dirty'))
+          assert(cls.has('modified'))
+        })
         done()
       })
     })