added classes

Author: matt-sanders

src/fields/fieldInput.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="form-group">
     <label v-if="form[key].label" :for="form[key].id ? form[key].id : null">{{form[key].label}}</label>
-    <input class="form-control" :id="form[key].id ? form[key].id : null" :type="form[key].inputType" v-model="form[key].value" :placeholder="form[key].placeholder" @blur="onBlur" @focus="onFocus" @click="onClick" @change="onChange" @keyup="onKeyup" @keydown="onKeydown" v-formly-atts="form[key].atts">
+    <input class="form-control" :class="form[key].classes" :id="form[key].id ? form[key].id : null" :type="form[key].inputType" v-model="form[key].value" :placeholder="form[key].placeholder" @blur="onBlur" @focus="onFocus" @click="onClick" @change="onChange" @keyup="onKeyup" @keydown="onKeydown" v-formly-atts="form[key].atts">
   </div>
 </template>
 

test/unit/specs/index.spec.js

@@ -108,8 +108,8 @@ describe('Bootstrap Field Inputs', () => {
 
     });
 
-    describe('attributes', () => {
-        it('should pass attributes', () => {
+    describe('classes & attributes', () => {
+        it('attributes', () => {
             data.form.test.type = 'input';
             data.form.test.inputType = 'text';
             data.form.test.atts = {
@@ -121,6 +121,18 @@ describe('Bootstrap Field Inputs', () => {
             expect(input.dataset.foo).to.equal('bar');
             expect(input.dataset.bar).to.equal('foo');
         });
+
+        it('classes', () => {
+            data.form.test.type = 'input';
+            data.form.test.inputType = 'text';
+            data.form.test.classes = {
+                'class-a': true,
+                'class-b': false
+            };
+            createForm();
+            let input = vm.$el.querySelectorAll('input')[0];
+            expect(input.className).to.equal('form-control class-a');
+        });
     });
 
     describe('input', () => {