From f5af70c9d0ea877a7ac88b4829a9a1087cc3c3dc Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Thu, 1 Sep 2016 16:27:44 +0200
Subject: [PATCH 1/9] enhancement: add missing "autocomplete", "placeholder"
 and "readonly" attr to input fields. Ordered alphabetically.

---
 src/fields/fieldCheckbox.vue      | 2 +-
 src/fields/fieldCleave.vue        | 2 +-
 src/fields/fieldColor.vue         | 2 +-
 src/fields/fieldDateTime.vue      | 2 +-
 src/fields/fieldEmail.vue         | 2 +-
 src/fields/fieldGoogleAddress.vue | 2 +-
 src/fields/fieldImage.vue         | 4 ++--
 src/fields/fieldMasked.vue        | 2 +-
 src/fields/fieldNumber.vue        | 2 +-
 src/fields/fieldPassword.vue      | 2 +-
 src/fields/fieldPikaday.vue       | 2 +-
 src/fields/fieldRange.vue         | 2 +-
 src/fields/fieldSlider.vue        | 2 +-
 src/fields/fieldSpectrum.vue      | 2 +-
 src/fields/fieldSwitch.vue        | 2 +-
 src/fields/fieldText.vue          | 2 +-
 src/fields/fieldTextArea.vue      | 2 +-
 17 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/fields/fieldCheckbox.vue b/src/fields/fieldCheckbox.vue
index 15e1d318..ec83be84 100644
--- a/src/fields/fieldCheckbox.vue
+++ b/src/fields/fieldCheckbox.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input(type="checkbox", v-model="value", :disabled="disabled")
+	input(type="checkbox", v-model="value",  :autocomplete="schema.autocomplete", :disabled="disabled", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldCleave.vue b/src/fields/fieldCleave.vue
index ea18a565..7346569e 100644
--- a/src/fields/fieldCleave.vue
+++ b/src/fields/fieldCleave.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="text", v-model="value", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldColor.vue b/src/fields/fieldColor.vue
index 3bda1ddd..bfb1f303 100644
--- a/src/fields/fieldColor.vue
+++ b/src/fields/fieldColor.vue
@@ -1,6 +1,6 @@
 <template lang="jade">
 	.wrapper
-		input(type="color", v-model="value", :disabled="disabled")
+		input(type="color", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :readonly="schema.readonly")
 		span.helper {{ value }}
 </template>
 
diff --git a/src/fields/fieldDateTime.vue b/src/fields/fieldDateTime.vue
index 95034333..83e63a86 100644
--- a/src/fields/fieldDateTime.vue
+++ b/src/fields/fieldDateTime.vue
@@ -1,6 +1,6 @@
 <template lang="jade">
 	.input-group.date
-		input.form-control(type="text", v-model="value", :disabled="disabled")
+		input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 		span.input-group-addon
 			span.glyphicon.glyphicon-calendar
 </template>
diff --git a/src/fields/fieldEmail.vue b/src/fields/fieldEmail.vue
index 285058c0..93b57753 100644
--- a/src/fields/fieldEmail.vue
+++ b/src/fields/fieldEmail.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="email", v-model="value", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="email", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldGoogleAddress.vue b/src/fields/fieldGoogleAddress.vue
index f59c1638..96546841 100644
--- a/src/fields/fieldGoogleAddress.vue
+++ b/src/fields/fieldGoogleAddress.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="text", v-model="value", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder", debounce="500", @focus="geolocate()")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly",  debounce="500", @focus="geolocate()")
 </template>
 
 <script>
diff --git a/src/fields/fieldImage.vue b/src/fields/fieldImage.vue
index a9753c89..381e1b32 100644
--- a/src/fields/fieldImage.vue
+++ b/src/fields/fieldImage.vue
@@ -1,7 +1,7 @@
 <template lang="jade">
 	div.wrapper
-		input.form-control.link(type="text", v-model="wrappedValue", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
-		input.form-control.file(type="file", :readonly="schema.readonly", :disabled="disabled", v-if="schema.browse !== false", @change="fileChanged")
+		input.form-control.link(type="text", v-model="wrappedValue", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
+		input.form-control.file(type="file", v-if="schema.browse !== false", :autocomplete="schema.autocomplete", :disabled="disabled", :readonly="schema.readonly", @change="fileChanged")
 		.preview(:style="previewStyle")
 			.remove(title="Remove image", @click="remove")
 </template>
diff --git a/src/fields/fieldMasked.vue b/src/fields/fieldMasked.vue
index 6e3744ef..8ecd0100 100644
--- a/src/fields/fieldMasked.vue
+++ b/src/fields/fieldMasked.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="text", v-model="value", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldNumber.vue b/src/fields/fieldNumber.vue
index 4c49faff..4180204d 100644
--- a/src/fields/fieldNumber.vue
+++ b/src/fields/fieldNumber.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="number", v-model="value", number, :min="schema.min", :max="schema.max", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="number", v-model="value", number, :autocomplete="schema.autocomplete", :disabled="disabled", :max="schema.max", :min="schema.min", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldPassword.vue b/src/fields/fieldPassword.vue
index cf0be568..cbaab40f 100644
--- a/src/fields/fieldPassword.vue
+++ b/src/fields/fieldPassword.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="password", v-model="value", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="password", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldPikaday.vue b/src/fields/fieldPikaday.vue
index d1154594..86162f24 100644
--- a/src/fields/fieldPikaday.vue
+++ b/src/fields/fieldPikaday.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="text", v-model="value", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldRange.vue b/src/fields/fieldRange.vue
index 4c8734c9..2b14d211 100644
--- a/src/fields/fieldRange.vue
+++ b/src/fields/fieldRange.vue
@@ -1,6 +1,6 @@
 <template lang="jade">
 	.wrapper
-		input.form-control(type="range", v-model="value", :min="schema.min", :max="schema.max", :disabled="disabled", :placeholder="schema.placeholder")
+		input.form-control(type="range", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :max="schema.max", :min="schema.min", :placeholder="schema.placeholder", :readonly="schema.readonly")
 		.helpText {{ value }}
 </template>
 
diff --git a/src/fields/fieldSlider.vue b/src/fields/fieldSlider.vue
index 37a0f914..024232fe 100644
--- a/src/fields/fieldSlider.vue
+++ b/src/fields/fieldSlider.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input(type="text", :data-min="schema.min", :data-max="schema.max", :data-step="schema.step", :data-disable="disabled")
+	input(type="text", :autocomplete="schema.autocomplete", :data-disable="disabled", :data-max="schema.max", :data-min="schema.min", :data-step="schema.step", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldSpectrum.vue b/src/fields/fieldSpectrum.vue
index 2ad27a7a..a05f19b1 100644
--- a/src/fields/fieldSpectrum.vue
+++ b/src/fields/fieldSpectrum.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input(type="text", :disabled="disabled", :placeholder="schema.placeholder")
+	input(type="text", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldSwitch.vue b/src/fields/fieldSwitch.vue
index d2db9e7a..2f2d2610 100644
--- a/src/fields/fieldSwitch.vue
+++ b/src/fields/fieldSwitch.vue
@@ -1,6 +1,6 @@
 <template lang="jade">
 	label
-		input(type="checkbox", v-model="value", :disabled="disabled")
+		input(type="checkbox", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 		span.label(:data-on="schema.textOn || 'On'", :data-off="schema.textOff || 'Off'")
 		span.handle
 </template>
diff --git a/src/fields/fieldText.vue b/src/fields/fieldText.vue
index 0a404b36..ed226666 100644
--- a/src/fields/fieldText.vue
+++ b/src/fields/fieldText.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="text", v-model="value", :maxlength="schema.max", :readonly="schema.readonly", :disabled="disabled", :placeholder="schema.placeholder")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :maxlength="schema.max", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldTextArea.vue b/src/fields/fieldTextArea.vue
index 2fa32e3e..cb39b8ee 100644
--- a/src/fields/fieldTextArea.vue
+++ b/src/fields/fieldTextArea.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	textarea.form-control(v-model="value", :rows="schema.rows || 2", :readonly="schema.readonly", :placeholder="schema.placeholder", :disabled="disabled", :maxlength="schema.max")
+	textarea.form-control(v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :maxlength="schema.max", :placeholder="schema.placeholder", :readonly="schema.readonly", :rows="schema.rows || 2")
 </template>
 
 <script>

From a7e39d9833856bb8769d09e776252fd1f718ec29 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Thu, 1 Sep 2016 17:48:18 +0200
Subject: [PATCH 2/9] enhancement: add minlength attribute to textarea

---
 src/fields/fieldTextArea.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/fields/fieldTextArea.vue b/src/fields/fieldTextArea.vue
index cb39b8ee..74fcc730 100644
--- a/src/fields/fieldTextArea.vue
+++ b/src/fields/fieldTextArea.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	textarea.form-control(v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :maxlength="schema.max", :placeholder="schema.placeholder", :readonly="schema.readonly", :rows="schema.rows || 2")
+	textarea.form-control(v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :maxlength="schema.max", :minlength="schema.min", :placeholder="schema.placeholder", :readonly="schema.readonly", :rows="schema.rows || 2")
 </template>
 
 <script>

From 574531886be75fd1c3da14cbb2498b105bbbe2fd Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Thu, 1 Sep 2016 18:39:58 +0200
Subject: [PATCH 3/9] fix: remove useless attributes

---
 src/fields/fieldCheckbox.vue | 2 +-
 src/fields/fieldColor.vue    | 2 +-
 src/fields/fieldImage.vue    | 2 +-
 src/fields/fieldNumber.vue   | 2 +-
 src/fields/fieldPassword.vue | 2 +-
 src/fields/fieldRange.vue    | 2 +-
 src/fields/fieldSelect.vue   | 2 +-
 src/fields/fieldSwitch.vue   | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/fields/fieldCheckbox.vue b/src/fields/fieldCheckbox.vue
index ec83be84..5ae030da 100644
--- a/src/fields/fieldCheckbox.vue
+++ b/src/fields/fieldCheckbox.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input(type="checkbox", v-model="value",  :autocomplete="schema.autocomplete", :disabled="disabled", :readonly="schema.readonly")
+	input(type="checkbox", v-model="value",  :autocomplete="schema.autocomplete", :disabled="disabled")
 </template>
 
 <script>
diff --git a/src/fields/fieldColor.vue b/src/fields/fieldColor.vue
index bfb1f303..2ea7e6a0 100644
--- a/src/fields/fieldColor.vue
+++ b/src/fields/fieldColor.vue
@@ -1,6 +1,6 @@
 <template lang="jade">
 	.wrapper
-		input(type="color", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :readonly="schema.readonly")
+		input(type="color", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled")
 		span.helper {{ value }}
 </template>
 
diff --git a/src/fields/fieldImage.vue b/src/fields/fieldImage.vue
index 381e1b32..dfe3f824 100644
--- a/src/fields/fieldImage.vue
+++ b/src/fields/fieldImage.vue
@@ -1,7 +1,7 @@
 <template lang="jade">
 	div.wrapper
 		input.form-control.link(type="text", v-model="wrappedValue", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
-		input.form-control.file(type="file", v-if="schema.browse !== false", :autocomplete="schema.autocomplete", :disabled="disabled", :readonly="schema.readonly", @change="fileChanged")
+		input.form-control.file(type="file", v-if="schema.browse !== false", :disabled="disabled", @change="fileChanged")
 		.preview(:style="previewStyle")
 			.remove(title="Remove image", @click="remove")
 </template>
diff --git a/src/fields/fieldNumber.vue b/src/fields/fieldNumber.vue
index 4180204d..13d6b032 100644
--- a/src/fields/fieldNumber.vue
+++ b/src/fields/fieldNumber.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="number", v-model="value", number, :autocomplete="schema.autocomplete", :disabled="disabled", :max="schema.max", :min="schema.min", :placeholder="schema.placeholder", :readonly="schema.readonly")
+	input.form-control(type="number", v-model="value", number, :autocomplete="schema.autocomplete", :disabled="disabled", :max="schema.max", :min="schema.min", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldPassword.vue b/src/fields/fieldPassword.vue
index cbaab40f..2384cd4f 100644
--- a/src/fields/fieldPassword.vue
+++ b/src/fields/fieldPassword.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="password", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
+	input.form-control(type="password", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldRange.vue b/src/fields/fieldRange.vue
index 2b14d211..82074224 100644
--- a/src/fields/fieldRange.vue
+++ b/src/fields/fieldRange.vue
@@ -1,6 +1,6 @@
 <template lang="jade">
 	.wrapper
-		input.form-control(type="range", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :max="schema.max", :min="schema.min", :placeholder="schema.placeholder", :readonly="schema.readonly")
+		input.form-control(type="range", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :max="schema.max", :min="schema.min")
 		.helpText {{ value }}
 </template>
 
diff --git a/src/fields/fieldSelect.vue b/src/fields/fieldSelect.vue
index d1b49609..1f5a4483 100644
--- a/src/fields/fieldSelect.vue
+++ b/src/fields/fieldSelect.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	select.form-control(v-model="value", :disabled="disabled")
+	select.form-control(v-model="value", :disabled="disabled", :readonly="schema.readonly")
 		option(:disabled="schema.required", :value="null", :selected="value == undefined") &lt;Not selected&gt;
 		option(v-for="item in items", :value="getItemID(item)") {{ getItemName(item) }}
 </template>
diff --git a/src/fields/fieldSwitch.vue b/src/fields/fieldSwitch.vue
index 2f2d2610..d2db9e7a 100644
--- a/src/fields/fieldSwitch.vue
+++ b/src/fields/fieldSwitch.vue
@@ -1,6 +1,6 @@
 <template lang="jade">
 	label
-		input(type="checkbox", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
+		input(type="checkbox", v-model="value", :disabled="disabled")
 		span.label(:data-on="schema.textOn || 'On'", :data-off="schema.textOff || 'Off'")
 		span.handle
 </template>

From c645ceae001bf8820b3ec2979f21cdf24558b256 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Thu, 1 Sep 2016 18:49:48 +0200
Subject: [PATCH 4/9] fix: change test depending on changes

---
 test/unit/specs/fields/fieldNumber.spec.js   | 1 -
 test/unit/specs/fields/fieldPassword.spec.js | 1 -
 test/unit/specs/fields/fieldRange.spec.js    | 1 -
 3 files changed, 3 deletions(-)

diff --git a/test/unit/specs/fields/fieldNumber.spec.js b/test/unit/specs/fields/fieldNumber.spec.js
index 8dd2e275..32ddc54a 100644
--- a/test/unit/specs/fields/fieldNumber.spec.js
+++ b/test/unit/specs/fields/fieldNumber.spec.js
@@ -39,7 +39,6 @@ describe("fieldNumber.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("number");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
 			expect(input.readOnly).to.be.false;	
 			expect(input.min).to.be.equal("18");	
 			expect(input.max).to.be.equal("100");	
diff --git a/test/unit/specs/fields/fieldPassword.spec.js b/test/unit/specs/fields/fieldPassword.spec.js
index b1823997..e92f4e35 100644
--- a/test/unit/specs/fields/fieldPassword.spec.js
+++ b/test/unit/specs/fields/fieldPassword.spec.js
@@ -38,7 +38,6 @@ describe("fieldPassword.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("password");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
 			expect(input.readOnly).to.be.false;	
 			expect(input.disabled).to.be.false;	
 		});
diff --git a/test/unit/specs/fields/fieldRange.spec.js b/test/unit/specs/fields/fieldRange.spec.js
index 2036b493..cc4c29b1 100644
--- a/test/unit/specs/fields/fieldRange.spec.js
+++ b/test/unit/specs/fields/fieldRange.spec.js
@@ -38,7 +38,6 @@ describe("fieldRange.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("range");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
 			expect(input.min).to.be.equal("1");	
 			expect(input.max).to.be.equal("10");	
 			expect(input.disabled).to.be.false;	

From 79bfee68346118efd724c08c629ad34407dacacb Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Fri, 2 Sep 2016 10:55:46 +0200
Subject: [PATCH 5/9] fix: re-added placeholder in field password and number
 (and corresponding test)

---
 src/fields/fieldNumber.vue                   | 2 +-
 src/fields/fieldPassword.vue                 | 2 +-
 test/unit/specs/fields/fieldNumber.spec.js   | 1 +
 test/unit/specs/fields/fieldPassword.spec.js | 1 +
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/fields/fieldNumber.vue b/src/fields/fieldNumber.vue
index 13d6b032..4180204d 100644
--- a/src/fields/fieldNumber.vue
+++ b/src/fields/fieldNumber.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="number", v-model="value", number, :autocomplete="schema.autocomplete", :disabled="disabled", :max="schema.max", :min="schema.min", :readonly="schema.readonly")
+	input.form-control(type="number", v-model="value", number, :autocomplete="schema.autocomplete", :disabled="disabled", :max="schema.max", :min="schema.min", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldPassword.vue b/src/fields/fieldPassword.vue
index 2384cd4f..cbaab40f 100644
--- a/src/fields/fieldPassword.vue
+++ b/src/fields/fieldPassword.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="password", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :readonly="schema.readonly")
+	input.form-control(type="password", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/test/unit/specs/fields/fieldNumber.spec.js b/test/unit/specs/fields/fieldNumber.spec.js
index 32ddc54a..c82c1504 100644
--- a/test/unit/specs/fields/fieldNumber.spec.js
+++ b/test/unit/specs/fields/fieldNumber.spec.js
@@ -39,6 +39,7 @@ describe("fieldNumber.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("number");
 			expect(input.classList.contains("form-control")).to.be.true;
+			expect(input.placeholder).to.be.equal(schema.placeholder);
 			expect(input.readOnly).to.be.false;	
 			expect(input.min).to.be.equal("18");	
 			expect(input.max).to.be.equal("100");	
diff --git a/test/unit/specs/fields/fieldPassword.spec.js b/test/unit/specs/fields/fieldPassword.spec.js
index e92f4e35..6ea2c526 100644
--- a/test/unit/specs/fields/fieldPassword.spec.js
+++ b/test/unit/specs/fields/fieldPassword.spec.js
@@ -38,6 +38,7 @@ describe("fieldPassword.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("password");
 			expect(input.classList.contains("form-control")).to.be.true;
+			expect(input.placeholder).to.be.equal(schema.placeholder);
 			expect(input.readOnly).to.be.false;	
 			expect(input.disabled).to.be.false;	
 		});

From 2e5e16baf2e0ff65117b0fb7450dfb7d95aae1be Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@gmail.com>
Date: Mon, 5 Sep 2016 16:35:52 +0200
Subject: [PATCH 6/9] fix: remove readonly attribute on select element

---
 src/fields/fieldSelect.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/fields/fieldSelect.vue b/src/fields/fieldSelect.vue
index 1f5a4483..d1b49609 100644
--- a/src/fields/fieldSelect.vue
+++ b/src/fields/fieldSelect.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	select.form-control(v-model="value", :disabled="disabled", :readonly="schema.readonly")
+	select.form-control(v-model="value", :disabled="disabled")
 		option(:disabled="schema.required", :value="null", :selected="value == undefined") &lt;Not selected&gt;
 		option(v-for="item in items", :value="getItemID(item)") {{ getItemName(item) }}
 </template>

From ebf3f018b83950b14a9c8013c6ef5a5613ad54e4 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@gmail.com>
Date: Tue, 6 Sep 2016 16:30:03 +0200
Subject: [PATCH 7/9] test: update to many test to check optional attributes

---
 test/unit/specs/fields/fieldCheckbox.spec.js  | 20 ++++++-----
 test/unit/specs/fields/fieldChecklist.spec.js |  8 -----
 test/unit/specs/fields/fieldCleave.spec.js    | 32 +++++++----------
 test/unit/specs/fields/fieldColor.spec.js     | 20 ++++++-----
 test/unit/specs/fields/fieldDateTime.spec.js  | 21 +++++------
 test/unit/specs/fields/fieldEmail.spec.js     | 32 ++++++++---------
 .../specs/fields/fieldGoogleAddress.spec.js   | 34 ++++++++----------
 test/unit/specs/fields/fieldImage.spec.js     | 26 ++++++--------
 test/unit/specs/fields/fieldMasked.spec.js    | 34 ++++++------------
 test/unit/specs/fields/fieldNumber.spec.js    | 29 +++++++--------
 test/unit/specs/fields/fieldPassword.spec.js  | 26 ++++++--------
 test/unit/specs/fields/fieldPikaday.spec.js   | 21 ++++++-----
 test/unit/specs/fields/fieldRange.spec.js     | 17 +++++----
 test/unit/specs/fields/fieldSelect.spec.js    | 15 ++++----
 test/unit/specs/fields/fieldSelectEx.spec.js  | 19 +++++-----
 test/unit/specs/fields/fieldSlider.spec.js    | 21 ++++++-----
 test/unit/specs/fields/fieldSpectrum.spec.js  | 22 +++++++-----
 test/unit/specs/fields/fieldText.spec.js      | 32 ++++++++---------
 test/unit/specs/fields/fieldTextArea.spec.js  | 31 +++++++---------
 test/unit/specs/util.js                       | 36 +++++++++++++++++--
 20 files changed, 250 insertions(+), 246 deletions(-)

diff --git a/test/unit/specs/fields/fieldCheckbox.spec.js b/test/unit/specs/fields/fieldCheckbox.spec.js
index f11a89d5..96f6e30b 100644
--- a/test/unit/specs/fields/fieldCheckbox.spec.js
+++ b/test/unit/specs/fields/fieldCheckbox.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldCheckbox from "src/fields/fieldCheckbox.vue";
@@ -18,7 +18,8 @@ describe("FieldCheckbox.vue", function() {
 		let schema = {
 			type: "checkbox",
 			label: "Status",
-			model: "status"
+			model: "status",
+			autocomplete: "off"
 		};
 		let model = { status: true };
 		let input;
@@ -34,7 +35,7 @@ describe("FieldCheckbox.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("checkbox");
-			expect(input.disabled).to.be.false;	
+			// expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
@@ -44,11 +45,14 @@ describe("FieldCheckbox.vue", function() {
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "disabled"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldChecklist.spec.js b/test/unit/specs/fields/fieldChecklist.spec.js
index 8f3db983..f7c87c7c 100644
--- a/test/unit/specs/fields/fieldChecklist.spec.js
+++ b/test/unit/specs/fields/fieldChecklist.spec.js
@@ -64,14 +64,6 @@ describe("fieldChecklist.vue", function() {
 				expect(isChecked(6)).to.be.true;
 			});
 
-			/*it("should set disabled", (done) => {
-				field.disabled = true;
-				vm.$nextTick( () => {
-					expect(listbox.disabled).to.be.true;	
-					done();
-				});
-			});*/
-
 			it("listbox value should be the model value after changed", (done) => {
 				model.skills = ["ReactJS"];
 				vm.$nextTick( () => {
diff --git a/test/unit/specs/fields/fieldCleave.spec.js b/test/unit/specs/fields/fieldCleave.spec.js
index b649b9b9..75af8a7c 100644
--- a/test/unit/specs/fields/fieldCleave.spec.js
+++ b/test/unit/specs/fields/fieldCleave.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldCleave from "src/fields/fieldCleave.vue";
@@ -19,8 +19,9 @@ describe("fieldCleave.vue", function() {
 			type: "masked",
 			label: "Phone",
 			model: "phone",
+			autocomplete: "off",
+			placeholder: "",
 			readonly: false,
-			placeholder: "Field placeholder",
 			cleaveOptions: {
 				phone: true,
 				phoneRegionCode: "HU",
@@ -41,9 +42,9 @@ describe("fieldCleave.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
+			// expect(input.placeholder).to.be.equal(schema.placeholder);
+			// expect(input.readOnly).to.be.false;
+			// expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
@@ -53,21 +54,14 @@ describe("fieldCleave.vue", function() {
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				schema.readonly = false;
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "disabled", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				field.disabled = false;
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldColor.spec.js b/test/unit/specs/fields/fieldColor.spec.js
index f6b459b4..7d2602a6 100644
--- a/test/unit/specs/fields/fieldColor.spec.js
+++ b/test/unit/specs/fields/fieldColor.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldColor from "src/fields/fieldColor.vue";
@@ -18,7 +18,8 @@ describe("fieldColor.vue", function() {
 		let schema = {
 			type: "color",
 			label: "Color",
-			model: "color"
+			model: "color",
+			autocomplete: "off"
 		};
 		let model = { color: "#ff8822" };
 		let input;
@@ -35,7 +36,7 @@ describe("fieldColor.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("color");
 			//expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.disabled).to.be.false;	
+			// expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
@@ -45,11 +46,14 @@ describe("fieldColor.vue", function() {
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldDateTime.spec.js b/test/unit/specs/fields/fieldDateTime.spec.js
index 16c67a42..2e42cf71 100644
--- a/test/unit/specs/fields/fieldDateTime.spec.js
+++ b/test/unit/specs/fields/fieldDateTime.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 import moment from "moment";
 
 import Vue from "vue";
@@ -19,7 +19,10 @@ describe("fieldDateTime.vue", function() {
 		let schema = {
 			type: "dateTime",
 			label: "Event",
-			model: "event"
+			model: "event",
+			autocomplete: "off",
+			placeholder: "",
+			readonly: false
 		};
 		let model = { event: 1462799081231 };
 		let input;
@@ -46,15 +49,13 @@ describe("fieldDateTime.vue", function() {
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-				// Rollback
-				field.disabled = false;
-				vm.$nextTick( () => {
-					done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
 				});
 			});
 		});
diff --git a/test/unit/specs/fields/fieldEmail.spec.js b/test/unit/specs/fields/fieldEmail.spec.js
index bbaeb094..7aa54de4 100644
--- a/test/unit/specs/fields/fieldEmail.spec.js
+++ b/test/unit/specs/fields/fieldEmail.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldEmail from "src/fields/fieldEmail.vue";
@@ -20,8 +20,9 @@ describe("fieldEmail.vue", function() {
 			type: "text",
 			label: "E-mail",
 			model: "email",
-			readonly: false,
-			placeholder: "Field placeholder"
+			autocomplete: "off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { email: "john.doe@company.org" };
 		let input;
@@ -38,9 +39,9 @@ describe("fieldEmail.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("email");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
+			// expect(input.placeholder).to.be.equal(schema.placeholder);
+			// expect(input.readOnly).to.be.false;
+			// expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
@@ -50,19 +51,14 @@ describe("fieldEmail.vue", function() {
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldGoogleAddress.spec.js b/test/unit/specs/fields/fieldGoogleAddress.spec.js
index 7686d602..7e89430f 100644
--- a/test/unit/specs/fields/fieldGoogleAddress.spec.js
+++ b/test/unit/specs/fields/fieldGoogleAddress.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldGoogleAddress from "src/fields/fieldGoogleAddress.vue";
@@ -19,8 +19,9 @@ describe("fieldGoogleAddress.vue", function() {
 			type: "text",
 			label: "Address",
 			model: "address",
-			readonly: false,
-			placeholder: "Field placeholder"
+			autocomplete: "off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { address: "Paris, France" };
 		let input;
@@ -37,9 +38,9 @@ describe("fieldGoogleAddress.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
+			// expect(input.placeholder).to.be.equal(schema.placeholder);
+			// expect(input.readOnly).to.be.false;
+			// expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
@@ -49,21 +50,14 @@ describe("fieldGoogleAddress.vue", function() {
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				schema.readonly = false;
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				field.disabled = false;
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldImage.spec.js b/test/unit/specs/fields/fieldImage.spec.js
index ddf189a5..b7b8039a 100644
--- a/test/unit/specs/fields/fieldImage.spec.js
+++ b/test/unit/specs/fields/fieldImage.spec.js
@@ -1,7 +1,7 @@
 /* global sinon */
 
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldImage from "src/fields/fieldImage.vue";
@@ -21,8 +21,9 @@ describe("fieldImage.vue", function() {
 			type: "image",
 			label: "Avatar",
 			model: "avatar",
-			readonly: false,
-			placeholder: "Field placeholder"
+			autocomplete: "off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { avatar: "https://s3.amazonaws.com/uifaces/faces/twitter/calebogden/128.jpg" };
 		let input;
@@ -66,19 +67,14 @@ describe("fieldImage.vue", function() {
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldMasked.spec.js b/test/unit/specs/fields/fieldMasked.spec.js
index 9aa7d400..ee25c507 100644
--- a/test/unit/specs/fields/fieldMasked.spec.js
+++ b/test/unit/specs/fields/fieldMasked.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldMasked from "src/fields/fieldMasked.vue";
@@ -20,8 +20,9 @@ describe("fieldMasked.vue", function() {
 			label: "Phone",
 			model: "phone",
 			mask: "(99) 999-9999",
-			readonly: false,
-			placeholder: "Field placeholder"
+			autocomplete: "off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { phone: "(30) 123-4567" };
 		let input;
@@ -50,28 +51,13 @@ describe("fieldMasked.vue", function() {
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-				// Rollback
-				schema.readonly = false;
-				vm.$nextTick( () => {
-					done();
-				});
-			});
-		});
-
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-
-				// Rollback
-				field.disabled = false;
-				vm.$nextTick( () => {
-					done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
 				});
 			});
 		});
diff --git a/test/unit/specs/fields/fieldNumber.spec.js b/test/unit/specs/fields/fieldNumber.spec.js
index c82c1504..560e5737 100644
--- a/test/unit/specs/fields/fieldNumber.spec.js
+++ b/test/unit/specs/fields/fieldNumber.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldNumber from "src/fields/fieldNumber.vue";
@@ -19,10 +19,11 @@ describe("fieldNumber.vue", function() {
 			type: "number",
 			label: "Age",
 			model: "age",
-			readonly: false,
 			min: 18,
 			max: 100,
-			placeholder: "Field placeholder"
+			autocomplete:"off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { age: 27 };
 		let input;
@@ -52,20 +53,14 @@ describe("fieldNumber.vue", function() {
 				done();
 			});
 		});
-
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				done();
-			});
-		});
-
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldPassword.spec.js b/test/unit/specs/fields/fieldPassword.spec.js
index 6ea2c526..314cd420 100644
--- a/test/unit/specs/fields/fieldPassword.spec.js
+++ b/test/unit/specs/fields/fieldPassword.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldPassword from "src/fields/fieldPassword.vue";
@@ -20,8 +20,9 @@ describe("fieldPassword.vue", function() {
 			type: "password",
 			label: "Password",
 			model: "password",
-			readonly: false,
-			placeholder: "Field placeholder"
+			autocomplete:"off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { password: "123456!" };
 		let input;
@@ -50,19 +51,14 @@ describe("fieldPassword.vue", function() {
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldPikaday.spec.js b/test/unit/specs/fields/fieldPikaday.spec.js
index 779672ca..4beaef24 100644
--- a/test/unit/specs/fields/fieldPikaday.spec.js
+++ b/test/unit/specs/fields/fieldPikaday.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField } from "../util";
+import { createVueField, checkAttribute } from "../util";
 import moment from "moment";
 
 import Vue from "vue";
@@ -19,7 +19,10 @@ describe("fieldPikaday.vue", function() {
 		let schema = {
 			type: "dateTime",
 			label: "Event",
-			model: "event"
+			model: "event",
+			autocomplete:"off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { event: 1462799081231 };
 		let input;
@@ -46,12 +49,14 @@ describe("fieldPikaday.vue", function() {
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				field.disabled = false;
-				done();
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldRange.spec.js b/test/unit/specs/fields/fieldRange.spec.js
index cc4c29b1..51120faf 100644
--- a/test/unit/specs/fields/fieldRange.spec.js
+++ b/test/unit/specs/fields/fieldRange.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldRange from "src/fields/fieldRange.vue";
@@ -21,7 +21,7 @@ describe("fieldRange.vue", function() {
 			model: "rating",
 			min: 1,
 			max: 10,
-			placeholder: "Field placeholder"
+			autocomplete: "off"
 		};
 		let model = { rating: 8 };
 		let input;
@@ -50,11 +50,14 @@ describe("fieldRange.vue", function() {
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "disabled"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldSelect.spec.js b/test/unit/specs/fields/fieldSelect.spec.js
index 21c71383..787035cb 100644
--- a/test/unit/specs/fields/fieldSelect.spec.js
+++ b/test/unit/specs/fields/fieldSelect.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldSelect from "src/fields/fieldSelect.vue";
@@ -67,11 +67,14 @@ describe("fieldSelect.vue", function() {
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["disabled"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldSelectEx.spec.js b/test/unit/specs/fields/fieldSelectEx.spec.js
index d9397be4..0a66e75d 100644
--- a/test/unit/specs/fields/fieldSelectEx.spec.js
+++ b/test/unit/specs/fields/fieldSelectEx.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldSelectEx from "src/fields/fieldSelectEx.vue";
@@ -41,8 +41,8 @@ describe("fieldSelectEx.vue", function() {
 			expect(field.$el).to.be.exist;
 
 			expect(input).to.be.defined;
-			expect(input.disabled).to.be.false;	
-			expect(input.multiple).to.be.false;	
+			// expect(input.disabled).to.be.false;
+			expect(input.multiple).to.be.false;
 		});
 
 		it("should contain option elements", () => {
@@ -67,11 +67,14 @@ describe("fieldSelectEx.vue", function() {
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["disabled", "multiSelect"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldSlider.spec.js b/test/unit/specs/fields/fieldSlider.spec.js
index 32fb2c0d..001d1b75 100644
--- a/test/unit/specs/fields/fieldSlider.spec.js
+++ b/test/unit/specs/fields/fieldSlider.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField } from "../util";
+import { createVueField, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldSlider from "src/fields/fieldSlider.vue";
@@ -20,7 +20,10 @@ describe("fieldSlider.vue", function() {
 			label: "Rating",
 			model: "rating",
 			min: 1,
-			max: 10
+			max: 10,
+			autocomplete:"off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { rating: 8 };
 		let input;
@@ -49,12 +52,14 @@ describe("fieldSlider.vue", function() {
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.getAttribute("data-disable")).to.be.equal("");	
-				field.disabled = false;
-				done();
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "placeholder", "readonly"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldSpectrum.spec.js b/test/unit/specs/fields/fieldSpectrum.spec.js
index 6c885d07..dbde58f3 100644
--- a/test/unit/specs/fields/fieldSpectrum.spec.js
+++ b/test/unit/specs/fields/fieldSpectrum.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldSpectrum from "src/fields/fieldSpectrum.vue";
@@ -19,7 +19,10 @@ describe("fieldSpectrum.vue", function() {
 		let schema = {
 			type: "color",
 			label: "Color",
-			model: "color"
+			model: "color",
+			autocomplete:"off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { color: "#ff8822" };
 		let input;
@@ -46,13 +49,14 @@ describe("fieldSpectrum.vue", function() {
 			});
 		});
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				expect(el.querySelectorAll(".sp-disabled").length).to.be.equal(1);
-				field.disabled = false;
-				done();
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldText.spec.js b/test/unit/specs/fields/fieldText.spec.js
index 371f1adb..f7fa4ed7 100644
--- a/test/unit/specs/fields/fieldText.spec.js
+++ b/test/unit/specs/fields/fieldText.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldText from "src/fields/fieldText.vue";
@@ -19,8 +19,9 @@ describe("fieldText.vue", function() {
 			type: "text",
 			label: "Name",
 			model: "name",
-			readonly: false,
-			placeholder: "Field placeholder"
+			autocomplete:"off",
+			placeholder: "Field placeholder",
+			readonly: false
 		};
 		let model = { name: "John Doe" };
 		let input;
@@ -37,9 +38,9 @@ describe("fieldText.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
+			expect(input.placeholder).to.be.equal(schema.placeholder);
+			expect(input.readOnly).to.be.false;
+			expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
@@ -49,19 +50,14 @@ describe("fieldText.vue", function() {
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/fields/fieldTextArea.spec.js b/test/unit/specs/fields/fieldTextArea.spec.js
index de475870..2afa73e4 100644
--- a/test/unit/specs/fields/fieldTextArea.spec.js
+++ b/test/unit/specs/fields/fieldTextArea.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField, trigger } from "../util";
+import { createVueField, trigger, checkAttribute } from "../util";
 
 import Vue from "vue";
 import FieldTextArea from "src/fields/fieldTextArea.vue";
@@ -20,9 +20,9 @@ describe("fieldTextArea.vue", function() {
 			type: "textarea",
 			label: "Description",
 			model: "desc",
-			readonly: false,
+			max: 500,
 			placeholder: "Field placeholder",
-			max: 500
+			readonly: false
 		};
 		let model = { desc: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." };
 		let input;
@@ -38,9 +38,9 @@ describe("fieldTextArea.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
+			// expect(input.placeholder).to.be.equal(schema.placeholder);
+			// expect(input.readOnly).to.be.false;
+			// expect(input.disabled).to.be.false;
 			expect(input.rows).to.be.equal(2);	// default value is 2
 			expect(input.maxLength).to.be.equal(500);	
 		});
@@ -60,19 +60,14 @@ describe("fieldTextArea.vue", function() {
 			});
 		});
 
-		it("should set readOnly", (done) => {
-			schema.readonly = true;
-			vm.$nextTick( () => {
-				expect(input.readOnly).to.be.true;	
-				done();
-			});
-		});
+		describe("check optional attribute", () => {
+			// name which attributes you want to test and that's it.
+			let attributes = ["disabled", "placeholder", "readonly"];
 
-		it("should set disabled", (done) => {
-			field.disabled = true;
-			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
-				done();
+			attributes.forEach(function(name) {
+				it("should set " + name, function(done) {
+					checkAttribute(name, vm, input, field, schema, done);
+				});
 			});
 		});
 
diff --git a/test/unit/specs/util.js b/test/unit/specs/util.js
index ab16d9c1..0a4d1cff 100644
--- a/test/unit/specs/util.js
+++ b/test/unit/specs/util.js
@@ -1,3 +1,4 @@
+import { expect } from "chai";
 import Vue from "vue";
 
 export function trigger (el, event, args) {
@@ -43,5 +44,36 @@ export function createVueField(test, type, schema = {}, model = null, disabled =
 	});
 	let field = vm.$refs.field;
 
-	return [ el, vm, field ];
-}
\ No newline at end of file
+	return [el, vm, field];
+}
+
+export let attributesList = {
+	"autocomplete": { before: "on", after: "off" },
+	"disabled": { before: true, after: false, field: true },
+	"multiSelect": { before: true, after: false, name: "multiple" },
+	"placeholder": { before: "Field placeholder", after: "" },
+	"readonly": { before: true, after: false, name: "readOnly" }
+
+};
+
+export function checkAttribute(name, vm, input, field, schema, done) {
+
+	let schematic;
+	let attr = attributesList[name];
+
+	if (attr.field) {
+		schematic = field;
+	} else {
+		schematic = schema;
+	}
+	schematic[name] = attr.before;
+	vm.$nextTick(() => {
+		if (attr.name) {
+			expect(input[attr.name]).to.be.equal(schematic[name]);
+		} else {
+			expect(input[name]).to.be.equal(schematic[name]);
+		}
+		schematic[name] = attr.after;
+		return done();
+	});
+}

From ce3a91c353d76f0fb1473ac85a10addff5d7db1a Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@gmail.com>
Date: Tue, 6 Sep 2016 16:32:45 +0200
Subject: [PATCH 8/9] fix: update of attributes of Checklist, Text and Textarea
 fields.

---
 src/fields/fieldChecklist.vue | 8 ++++----
 src/fields/fieldText.vue      | 2 +-
 src/fields/fieldTextArea.vue  | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/fields/fieldChecklist.vue b/src/fields/fieldChecklist.vue
index 9b4dfeeb..abffac38 100644
--- a/src/fields/fieldChecklist.vue
+++ b/src/fields/fieldChecklist.vue
@@ -1,12 +1,12 @@
 <template lang="jade">
 	.wrapper
-		.listbox.form-control(v-if="schema.listBox")
+		.listbox.form-control(v-if="schema.listBox", :disabled="disabled")
 			.list-row(v-for="item in items")
 				label
-					input(type="checkbox", :checked="getItemIsChecked(item)", @change="onChanged($event, item)")
+					input(type="checkbox", :checked="getItemIsChecked(item)", :disabled="disabled", @change="onChanged($event, item)")
 					| {{ getItemName(item) }}
 
-		.combobox.form-control(v-if="!schema.listBox")
+		.combobox.form-control(v-if="!schema.listBox", :disabled="disabled")
 			.mainRow(@click="onExpandCombo", :class="{ expanded: comboExpanded }")
 				.info {{ selectedCount }} selected
 				.arrow
@@ -14,7 +14,7 @@
 			.dropList
 				.list-row(v-if="comboExpanded", v-for="item in items")
 					label
-						input(type="checkbox", :checked="getItemIsChecked(item)", @change="onChanged($event, item)")
+						input(type="checkbox", :checked="getItemIsChecked(item)", :disabled="disabled", @change="onChanged($event, item)")
 						| {{ getItemName(item) }}
 </template>
 
diff --git a/src/fields/fieldText.vue b/src/fields/fieldText.vue
index ed226666..70e3e1ab 100644
--- a/src/fields/fieldText.vue
+++ b/src/fields/fieldText.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :maxlength="schema.max", :placeholder="schema.placeholder", :readonly="schema.readonly")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :maxlength="schema.max", :pattern="schema.pattern", :placeholder="schema.placeholder", :readonly="schema.readonly")
 </template>
 
 <script>
diff --git a/src/fields/fieldTextArea.vue b/src/fields/fieldTextArea.vue
index 74fcc730..7772092f 100644
--- a/src/fields/fieldTextArea.vue
+++ b/src/fields/fieldTextArea.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	textarea.form-control(v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :maxlength="schema.max", :minlength="schema.min", :placeholder="schema.placeholder", :readonly="schema.readonly", :rows="schema.rows || 2")
+	textarea.form-control(v-model="value", :disabled="disabled", :maxlength="schema.max", :minlength="schema.min", :placeholder="schema.placeholder", :readonly="schema.readonly", :rows="schema.rows || 2")
 </template>
 
 <script>

From e618253c3f7574027c1a23cb75a61de1332eefbd Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@gmail.com>
Date: Tue, 6 Sep 2016 18:24:23 +0200
Subject: [PATCH 9/9] fix: remove comment, trailing space and duplicate from
 tests

---
 test/unit/specs/fields/fieldCheckbox.spec.js  |  8 ++---
 test/unit/specs/fields/fieldChecklist.spec.js | 16 +++++-----
 test/unit/specs/fields/fieldCleave.spec.js    | 16 ++++------
 test/unit/specs/fields/fieldColor.spec.js     |  9 ++----
 test/unit/specs/fields/fieldDateTime.spec.js  | 14 ++++-----
 test/unit/specs/fields/fieldEmail.spec.js     | 10 ++-----
 .../specs/fields/fieldGoogleAddress.spec.js   |  8 ++---
 test/unit/specs/fields/fieldImage.spec.js     | 29 +++++++++----------
 test/unit/specs/fields/fieldLabel.spec.js     |  4 +--
 test/unit/specs/fields/fieldMasked.spec.js    | 16 ++++------
 .../unit/specs/fields/fieldNoUiSlider.spec.js | 14 ++++-----
 test/unit/specs/fields/fieldNumber.spec.js    | 14 ++++-----
 test/unit/specs/fields/fieldPassword.spec.js  | 10 ++-----
 test/unit/specs/fields/fieldPikaday.spec.js   | 10 +++----
 test/unit/specs/fields/fieldRange.spec.js     | 12 ++++----
 test/unit/specs/fields/fieldSelect.spec.js    | 24 +++++++--------
 test/unit/specs/fields/fieldSelectEx.spec.js  | 29 +++++++++----------
 test/unit/specs/fields/fieldSlider.spec.js    | 15 +++++-----
 test/unit/specs/fields/fieldSpectrum.spec.js  |  9 ++----
 test/unit/specs/fields/fieldStaticMap.spec.js |  4 +--
 test/unit/specs/fields/fieldSubmit.spec.js    | 16 +++++-----
 test/unit/specs/fields/fieldSwitch.spec.js    | 18 ++++++------
 test/unit/specs/fields/fieldText.spec.js      | 10 ++-----
 test/unit/specs/fields/fieldTextArea.spec.js  | 14 ++++-----
 .../specs/fields/fieldVueMultiSelect.spec.js  | 16 +++++-----
 25 files changed, 146 insertions(+), 199 deletions(-)

diff --git a/test/unit/specs/fields/fieldCheckbox.spec.js b/test/unit/specs/fields/fieldCheckbox.spec.js
index 96f6e30b..1e1094ee 100644
--- a/test/unit/specs/fields/fieldCheckbox.spec.js
+++ b/test/unit/specs/fields/fieldCheckbox.spec.js
@@ -35,18 +35,16 @@ describe("FieldCheckbox.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("checkbox");
-			// expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.checked).to.be.true;	
+				expect(input.checked).to.be.true;
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "disabled"];
 
 			attributes.forEach(function(name) {
@@ -59,7 +57,7 @@ describe("FieldCheckbox.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.status = false;
 			vm.$nextTick( () => {
-				expect(input.checked).to.be.false;	
+				expect(input.checked).to.be.false;
 				done();
 			});
 
@@ -70,7 +68,7 @@ describe("FieldCheckbox.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.status).to.be.true;	
+				expect(model.status).to.be.true;
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldChecklist.spec.js b/test/unit/specs/fields/fieldChecklist.spec.js
index f7c87c7c..b899b399 100644
--- a/test/unit/specs/fields/fieldChecklist.spec.js
+++ b/test/unit/specs/fields/fieldChecklist.spec.js
@@ -81,7 +81,7 @@ describe("fieldChecklist.vue", function() {
 				trigger(checkboxes[0], "change");
 
 				vm.$nextTick( () => {
-					expect(model.skills).to.be.deep.equal(["ReactJS", "HTML5"]);	
+					expect(model.skills).to.be.deep.equal(["ReactJS", "HTML5"]);
 					done();
 				});
 
@@ -145,7 +145,7 @@ describe("fieldChecklist.vue", function() {
 				trigger(checkboxes[0], "change");
 
 				vm.$nextTick( () => {
-					expect(model.skills).to.be.deep.equal([3, 1]);	
+					expect(model.skills).to.be.deep.equal([3, 1]);
 					done();
 				});
 
@@ -211,13 +211,13 @@ describe("fieldChecklist.vue", function() {
 				trigger(checkboxes[0], "change");
 
 				vm.$nextTick( () => {
-					expect(model.skills).to.be.deep.equal([3, 1]);	
+					expect(model.skills).to.be.deep.equal([3, 1]);
 					done();
 				});
 
 			});
 
-		});		
+		});
 
 	});
 
@@ -308,7 +308,7 @@ describe("fieldChecklist.vue", function() {
 				trigger(checkboxes[0], "change");
 
 				vm.$nextTick( () => {
-					expect(model.skills).to.be.deep.equal(["ReactJS", "HTML5"]);	
+					expect(model.skills).to.be.deep.equal(["ReactJS", "HTML5"]);
 					done();
 				});
 
@@ -319,7 +319,7 @@ describe("fieldChecklist.vue", function() {
 				trigger(checkboxes[0], "change");
 
 				vm.$nextTick( () => {
-					expect(model.skills).to.be.deep.equal(["ReactJS"]);	
+					expect(model.skills).to.be.deep.equal(["ReactJS"]);
 					done();
 				});
 
@@ -331,11 +331,11 @@ describe("fieldChecklist.vue", function() {
 				trigger(checkboxes[0], "change");
 
 				vm.$nextTick( () => {
-					expect(model.skills).to.be.deep.equal(["HTML5"]);	
+					expect(model.skills).to.be.deep.equal(["HTML5"]);
 					done();
 				});
 
-			});			
+			});
 
 		});
 
diff --git a/test/unit/specs/fields/fieldCleave.spec.js b/test/unit/specs/fields/fieldCleave.spec.js
index 75af8a7c..173db112 100644
--- a/test/unit/specs/fields/fieldCleave.spec.js
+++ b/test/unit/specs/fields/fieldCleave.spec.js
@@ -42,20 +42,16 @@ describe("fieldCleave.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			// expect(input.placeholder).to.be.equal(schema.placeholder);
-			// expect(input.readOnly).to.be.false;
-			// expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("30 123 4567");	
+				expect(input.value).to.be.equal("30 123 4567");
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "disabled", "readonly"];
 
 			attributes.forEach(function(name) {
@@ -68,7 +64,7 @@ describe("fieldCleave.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.phone = "70 555 4433";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("70 555 4433");	
+				expect(input.value).to.be.equal("70 555 4433");
 				done();
 			});
 
@@ -79,7 +75,7 @@ describe("fieldCleave.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.phone).to.be.equal("21 888 6655");	
+				expect(model.phone).to.be.equal("21 888 6655");
 				done();
 			});
 
@@ -87,15 +83,15 @@ describe("fieldCleave.vue", function() {
 
 		it("should be formatted data in model", (done) => {
 			field.cleave.setRawValue("301234567");
-			expect(input.value).to.be.equal("30 123 4567");	
+			expect(input.value).to.be.equal("30 123 4567");
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.phone).to.be.equal("30 123 4567");	
+				expect(model.phone).to.be.equal("30 123 4567");
 				done();
 			});
 
-		});		
+		});
 
 	});
 
diff --git a/test/unit/specs/fields/fieldColor.spec.js b/test/unit/specs/fields/fieldColor.spec.js
index 7d2602a6..15344b5b 100644
--- a/test/unit/specs/fields/fieldColor.spec.js
+++ b/test/unit/specs/fields/fieldColor.spec.js
@@ -35,19 +35,16 @@ describe("fieldColor.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("color");
-			//expect(input.classList.contains("form-control")).to.be.true;
-			// expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("#ff8822");	
+				expect(input.value).to.be.equal("#ff8822");
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete"];
 
 			attributes.forEach(function(name) {
@@ -60,7 +57,7 @@ describe("fieldColor.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.color = "#ffff00";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("#ffff00");	
+				expect(input.value).to.be.equal("#ffff00");
 				done();
 			});
 
@@ -71,7 +68,7 @@ describe("fieldColor.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.color).to.be.equal("#123456");	
+				expect(model.color).to.be.equal("#123456");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldDateTime.spec.js b/test/unit/specs/fields/fieldDateTime.spec.js
index 2e42cf71..daeaec1b 100644
--- a/test/unit/specs/fields/fieldDateTime.spec.js
+++ b/test/unit/specs/fields/fieldDateTime.spec.js
@@ -39,18 +39,16 @@ describe("fieldDateTime.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal( moment(1462799081231).format("YYYY-MM-DD HH:mm:ss") );	
+				expect(input.value).to.be.equal( moment(1462799081231).format("YYYY-MM-DD HH:mm:ss") );
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
 			attributes.forEach(function(name) {
@@ -63,7 +61,7 @@ describe("fieldDateTime.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.event = 1234567890123;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal( moment(1234567890123).format("YYYY-MM-DD HH:mm:ss") );	
+				expect(input.value).to.be.equal( moment(1234567890123).format("YYYY-MM-DD HH:mm:ss") );
 				done();
 			});
 
@@ -74,7 +72,7 @@ describe("fieldDateTime.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.event).to.be.equal(1420194153000);	
+				expect(model.event).to.be.equal(1420194153000);
 				done();
 			});
 
@@ -102,7 +100,7 @@ describe("fieldDateTime.vue", function() {
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal( moment("20160509", schema.format).format(schema.dateTimePickerOptions.format) );	
+				expect(input.value).to.be.equal( moment("20160509", schema.format).format(schema.dateTimePickerOptions.format) );
 				done();
 			});
 		});
@@ -112,11 +110,11 @@ describe("fieldDateTime.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.event).to.be.equal( "20150102" );	
+				expect(model.event).to.be.equal( "20150102" );
 				done();
 			});
 
-		});		
+		});
 	});
 
 });
diff --git a/test/unit/specs/fields/fieldEmail.spec.js b/test/unit/specs/fields/fieldEmail.spec.js
index 7aa54de4..e988ba74 100644
--- a/test/unit/specs/fields/fieldEmail.spec.js
+++ b/test/unit/specs/fields/fieldEmail.spec.js
@@ -39,20 +39,16 @@ describe("fieldEmail.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("email");
 			expect(input.classList.contains("form-control")).to.be.true;
-			// expect(input.placeholder).to.be.equal(schema.placeholder);
-			// expect(input.readOnly).to.be.false;
-			// expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("john.doe@company.org");	
+				expect(input.value).to.be.equal("john.doe@company.org");
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
 			attributes.forEach(function(name) {
@@ -65,7 +61,7 @@ describe("fieldEmail.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.email = "john.doe@gmail.com";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("john.doe@gmail.com");	
+				expect(input.value).to.be.equal("john.doe@gmail.com");
 				done();
 			});
 
@@ -76,7 +72,7 @@ describe("fieldEmail.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.email).to.be.equal("john.smith@company.org");	
+				expect(model.email).to.be.equal("john.smith@company.org");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldGoogleAddress.spec.js b/test/unit/specs/fields/fieldGoogleAddress.spec.js
index 7e89430f..8a19e695 100644
--- a/test/unit/specs/fields/fieldGoogleAddress.spec.js
+++ b/test/unit/specs/fields/fieldGoogleAddress.spec.js
@@ -38,20 +38,16 @@ describe("fieldGoogleAddress.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			// expect(input.placeholder).to.be.equal(schema.placeholder);
-			// expect(input.readOnly).to.be.false;
-			// expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Paris, France");	
+				expect(input.value).to.be.equal("Paris, France");
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
 			attributes.forEach(function(name) {
@@ -64,7 +60,7 @@ describe("fieldGoogleAddress.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.address = "Rome, Italy";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Rome, Italy");	
+				expect(input.value).to.be.equal("Rome, Italy");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldImage.spec.js b/test/unit/specs/fields/fieldImage.spec.js
index b7b8039a..94c9dbf1 100644
--- a/test/unit/specs/fields/fieldImage.spec.js
+++ b/test/unit/specs/fields/fieldImage.spec.js
@@ -40,9 +40,9 @@ describe("fieldImage.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.classList.contains("form-control")).to.be.true;
 			expect(input.classList.contains("link")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
+			expect(input.placeholder).to.be.equal(schema.placeholder);
+			expect(input.readOnly).to.be.false;
+			expect(input.disabled).to.be.false;
 		});
 
 		it("should contain a file input element", () => {
@@ -50,25 +50,24 @@ describe("fieldImage.vue", function() {
 			expect(fileInput).to.be.defined;
 			expect(fileInput.classList.contains("form-control")).to.be.true;
 			expect(fileInput.classList.contains("file")).to.be.true;
-			expect(fileInput.readOnly).to.be.false;	
-			expect(fileInput.disabled).to.be.false;	
-		});	
+			expect(fileInput.readOnly).to.be.false;
+			expect(fileInput.disabled).to.be.false;
+		});
 
 		it("should not visible the preview div", () => {
 			let preview = el.querySelector(".preview");
 			expect(preview.style.display).to.be.equal("block");
-		});		
+		});
 
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal(model.avatar);	
+				expect(input.value).to.be.equal(model.avatar);
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
 			attributes.forEach(function(name) {
@@ -81,7 +80,7 @@ describe("fieldImage.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.avatar = "https://s3.amazonaws.com/uifaces/faces/twitter/felipebsb/128.jpg";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("https://s3.amazonaws.com/uifaces/faces/twitter/felipebsb/128.jpg");	
+				expect(input.value).to.be.equal("https://s3.amazonaws.com/uifaces/faces/twitter/felipebsb/128.jpg");
 				done();
 			});
 
@@ -92,7 +91,7 @@ describe("fieldImage.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.avatar).to.be.equal("https://s3.amazonaws.com/uifaces/faces/twitter/peterme/128.jpg");	
+				expect(model.avatar).to.be.equal("https://s3.amazonaws.com/uifaces/faces/twitter/peterme/128.jpg");
 				done();
 			});
 
@@ -106,7 +105,7 @@ describe("fieldImage.vue", function() {
 				expect(fileInput).to.be.null;
 				done();
 			});
-		});	
+		});
 
 		it("should not visible the preview div", (done) => {
 			vm.$set("schema.preview", false);
@@ -116,7 +115,7 @@ describe("fieldImage.vue", function() {
 				expect(preview.style.display).to.be.equal("none");
 				done();
 			});
-		});			
+		});
 
 		it("should not show base64 data in input field", (done) => {
 			model.avatar = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQ";
@@ -125,7 +124,7 @@ describe("fieldImage.vue", function() {
 				expect(input.value).to.be.equal("<inline base64 image>");
 				done();
 			});
-		});	
+		});
 
 		it("should clear input if press remove icon", (done) => {
 			vm.$set("schema.preview", true);
@@ -171,7 +170,7 @@ describe("fieldImage.vue", function() {
 				window.FileReader = FR;
 				done();
 			});
-		});		
+		});
 
 	});
 
diff --git a/test/unit/specs/fields/fieldLabel.spec.js b/test/unit/specs/fields/fieldLabel.spec.js
index a0e6c5ae..86bc3780 100644
--- a/test/unit/specs/fields/fieldLabel.spec.js
+++ b/test/unit/specs/fields/fieldLabel.spec.js
@@ -37,7 +37,7 @@ describe("fieldLabel.vue", function() {
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(span.textContent).to.be.equal("2 days ago");	
+				expect(span.textContent).to.be.equal("2 days ago");
 				done();
 			});
 		});
@@ -45,7 +45,7 @@ describe("fieldLabel.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.timestamp = "Foo bar";
 			vm.$nextTick( () => {
-				expect(span.textContent).to.be.equal("Foo bar");	
+				expect(span.textContent).to.be.equal("Foo bar");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldMasked.spec.js b/test/unit/specs/fields/fieldMasked.spec.js
index ee25c507..df843e49 100644
--- a/test/unit/specs/fields/fieldMasked.spec.js
+++ b/test/unit/specs/fields/fieldMasked.spec.js
@@ -39,20 +39,16 @@ describe("fieldMasked.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);	
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("(30) 123-4567");	
+				expect(input.value).to.be.equal("(30) 123-4567");
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
 			attributes.forEach(function(name) {
@@ -65,7 +61,7 @@ describe("fieldMasked.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.phone = "(70) 555- 4433";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("(70) 555- 4433");	
+				expect(input.value).to.be.equal("(70) 555- 4433");
 				done();
 			});
 
@@ -76,7 +72,7 @@ describe("fieldMasked.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.phone).to.be.equal("(21) 888-6655");	
+				expect(model.phone).to.be.equal("(21) 888-6655");
 				done();
 			});
 
@@ -86,14 +82,14 @@ describe("fieldMasked.vue", function() {
 			input.value = "123456789";
 			// Call the paste event what trigger the formatter
 			let $input = window.jQuery(input);
-			$input.trigger(window.jQuery.Event("paste"));			
+			$input.trigger(window.jQuery.Event("paste"));
 
 			setTimeout( () => {
-				expect(input.value).to.be.equal("(12) 345-6789");	
+				expect(input.value).to.be.equal("(12) 345-6789");
 				trigger(input, "input");
 
 				vm.$nextTick( () => {
-					expect(model.phone).to.be.equal("(12) 345-6789");	
+					expect(model.phone).to.be.equal("(12) 345-6789");
 					done();
 				});
 
diff --git a/test/unit/specs/fields/fieldNoUiSlider.spec.js b/test/unit/specs/fields/fieldNoUiSlider.spec.js
index bea2f83d..a292588f 100644
--- a/test/unit/specs/fields/fieldNoUiSlider.spec.js
+++ b/test/unit/specs/fields/fieldNoUiSlider.spec.js
@@ -56,7 +56,7 @@ describe("fieldNoUiSlider.vue", function() {
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				let origin = input.querySelector(".noUi-origin");				
+				let origin = input.querySelector(".noUi-origin");
 				expect(origin.style.left).to.be.within("70%", "90%");
 				done();
 			});
@@ -65,22 +65,22 @@ describe("fieldNoUiSlider.vue", function() {
 		it("handle value should be the model value after changed", (done) => {
 			field.model = { rating: 10 };
 			setTimeout( () => {
-				let origin = input.querySelector(".noUi-origin");				
-				expect(origin.style.left).to.be.equal("100%");				
+				let origin = input.querySelector(".noUi-origin");
+				expect(origin.style.left).to.be.equal("100%");
 				done();
 			}, 100);
 		});
 
 		it("model value should be the handle value after changed", (done) => {
-			// `field.slider.noUiSlider.set(3);`	- It doesn't fired the onChange event 
+			// `field.slider.noUiSlider.set(3);`	- It doesn't fired the onChange event
 			field.onChange(3);
 			setTimeout( () => {
-				expect(vm.model.rating).to.be.equal(3);				
+				expect(vm.model.rating).to.be.equal(3);
 				done();
 			}, 100);
 		});
-		
-		it("should set disabled", (done) => {			
+
+		it("should set disabled", (done) => {
 			field.disabled = true;
 			vm.$nextTick( () => {
 				// This is not real input, it is a div. So we can check the disabled attribute
diff --git a/test/unit/specs/fields/fieldNumber.spec.js b/test/unit/specs/fields/fieldNumber.spec.js
index 560e5737..99b83c7e 100644
--- a/test/unit/specs/fields/fieldNumber.spec.js
+++ b/test/unit/specs/fields/fieldNumber.spec.js
@@ -40,21 +40,17 @@ describe("fieldNumber.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("number");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);
-			expect(input.readOnly).to.be.false;	
-			expect(input.min).to.be.equal("18");	
-			expect(input.max).to.be.equal("100");	
-			expect(input.disabled).to.be.false;	
+			expect(input.min).to.be.equal("18");
+			expect(input.max).to.be.equal("100");
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("27");	
+				expect(input.value).to.be.equal("27");
 				done();
 			});
 		});
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
 			attributes.forEach(function(name) {
@@ -67,7 +63,7 @@ describe("fieldNumber.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.age = 35;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("35");	
+				expect(input.value).to.be.equal("35");
 				done();
 			});
 
@@ -78,7 +74,7 @@ describe("fieldNumber.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.age).to.be.equal(50);	
+				expect(model.age).to.be.equal(50);
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldPassword.spec.js b/test/unit/specs/fields/fieldPassword.spec.js
index 314cd420..e91e6c06 100644
--- a/test/unit/specs/fields/fieldPassword.spec.js
+++ b/test/unit/specs/fields/fieldPassword.spec.js
@@ -39,20 +39,16 @@ describe("fieldPassword.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("password");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);
-			expect(input.readOnly).to.be.false;	
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("123456!");	
+				expect(input.value).to.be.equal("123456!");
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
 			attributes.forEach(function(name) {
@@ -65,7 +61,7 @@ describe("fieldPassword.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.password = "J0hnD03!x4";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("J0hnD03!x4");	
+				expect(input.value).to.be.equal("J0hnD03!x4");
 				done();
 			});
 
@@ -76,7 +72,7 @@ describe("fieldPassword.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.password).to.be.equal("pass 1234&");	
+				expect(model.password).to.be.equal("pass 1234&");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldPikaday.spec.js b/test/unit/specs/fields/fieldPikaday.spec.js
index 4beaef24..0f7ba763 100644
--- a/test/unit/specs/fields/fieldPikaday.spec.js
+++ b/test/unit/specs/fields/fieldPikaday.spec.js
@@ -39,18 +39,16 @@ describe("fieldPikaday.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal( moment(1462799081231).format("YYYY-MM-DD") );	
+				expect(input.value).to.be.equal( moment(1462799081231).format("YYYY-MM-DD") );
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
 			attributes.forEach(function(name) {
@@ -63,7 +61,7 @@ describe("fieldPikaday.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.event = 1234567890123;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal( moment(1234567890123).format("YYYY-MM-DD") );	
+				expect(input.value).to.be.equal( moment(1234567890123).format("YYYY-MM-DD") );
 				done();
 			});
 
@@ -74,8 +72,8 @@ describe("fieldPikaday.vue", function() {
 			field.picker.setDate(day);
 
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal(day);	
-				expect(moment(model.event).format("YYYY-MM-DD")).to.be.equal(day);	
+				expect(input.value).to.be.equal(day);
+				expect(moment(model.event).format("YYYY-MM-DD")).to.be.equal(day);
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldRange.spec.js b/test/unit/specs/fields/fieldRange.spec.js
index 51120faf..603d004d 100644
--- a/test/unit/specs/fields/fieldRange.spec.js
+++ b/test/unit/specs/fields/fieldRange.spec.js
@@ -38,20 +38,18 @@ describe("fieldRange.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("range");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.min).to.be.equal("1");	
-			expect(input.max).to.be.equal("10");	
-			expect(input.disabled).to.be.false;	
+			expect(input.min).to.be.equal("1");
+			expect(input.max).to.be.equal("10");
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("8");	
+				expect(input.value).to.be.equal("8");
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "disabled"];
 
 			attributes.forEach(function(name) {
@@ -64,7 +62,7 @@ describe("fieldRange.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.rating = 3;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("3");	
+				expect(input.value).to.be.equal("3");
 				done();
 			});
 
@@ -75,7 +73,7 @@ describe("fieldRange.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.rating).to.be.equal(6);	
+				expect(model.rating).to.be.equal(6);
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldSelect.spec.js b/test/unit/specs/fields/fieldSelect.spec.js
index 787035cb..da5dbcf3 100644
--- a/test/unit/specs/fields/fieldSelect.spec.js
+++ b/test/unit/specs/fields/fieldSelect.spec.js
@@ -42,7 +42,6 @@ describe("fieldSelect.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain option elements", () => {
@@ -62,13 +61,12 @@ describe("fieldSelect.vue", function() {
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Paris");	
+				expect(input.value).to.be.equal("Paris");
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["disabled"];
 
 			attributes.forEach(function(name) {
@@ -81,7 +79,7 @@ describe("fieldSelect.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.city = "Rome";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Rome");	
+				expect(input.value).to.be.equal("Rome");
 				done();
 			});
 
@@ -92,7 +90,7 @@ describe("fieldSelect.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.city).to.be.equal("London");	
+				expect(model.city).to.be.equal("London");
 				done();
 			});
 
@@ -138,11 +136,11 @@ describe("fieldSelect.vue", function() {
 			expect(options[2].textContent).to.be.equal("Paris");
 			expect(options[2].selected).to.be.true;
 			expect(options[1].selected).to.be.false;
-		});		
+		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("2");	
+				expect(input.value).to.be.equal("2");
 				done();
 			});
 		});
@@ -150,7 +148,7 @@ describe("fieldSelect.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.city = 3;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("3");	
+				expect(input.value).to.be.equal("3");
 				done();
 			});
 
@@ -161,7 +159,7 @@ describe("fieldSelect.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.city).to.be.equal(4);	
+				expect(model.city).to.be.equal(4);
 				done();
 			});
 
@@ -193,7 +191,7 @@ describe("fieldSelect.vue", function() {
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("2");	
+				expect(input.value).to.be.equal("2");
 				done();
 			});
 		});
@@ -201,7 +199,7 @@ describe("fieldSelect.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.city = 3;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("3");	
+				expect(input.value).to.be.equal("3");
 				done();
 			});
 
@@ -212,12 +210,12 @@ describe("fieldSelect.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.city).to.be.equal(4);	
+				expect(model.city).to.be.equal(4);
 				done();
 			});
 
 		});
 
-	});	
+	});
 
 });
\ No newline at end of file
diff --git a/test/unit/specs/fields/fieldSelectEx.spec.js b/test/unit/specs/fields/fieldSelectEx.spec.js
index 0a66e75d..de265595 100644
--- a/test/unit/specs/fields/fieldSelectEx.spec.js
+++ b/test/unit/specs/fields/fieldSelectEx.spec.js
@@ -41,8 +41,6 @@ describe("fieldSelectEx.vue", function() {
 			expect(field.$el).to.be.exist;
 
 			expect(input).to.be.defined;
-			// expect(input.disabled).to.be.false;
-			expect(input.multiple).to.be.false;
 		});
 
 		it("should contain option elements", () => {
@@ -58,17 +56,16 @@ describe("fieldSelectEx.vue", function() {
 			let options = input.querySelectorAll("option");
 			expect(options[0].disabled).to.be.false;
 			expect(options[0].textContent).to.be.equal("<Not selected>");
-		});		
+		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Paris");	
+				expect(input.value).to.be.equal("Paris");
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["disabled", "multiSelect"];
 
 			attributes.forEach(function(name) {
@@ -81,7 +78,7 @@ describe("fieldSelectEx.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.city = "Rome";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Rome");	
+				expect(input.value).to.be.equal("Rome");
 				done();
 			});
 
@@ -92,7 +89,7 @@ describe("fieldSelectEx.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.city).to.be.equal("London");	
+				expect(model.city).to.be.equal("London");
 				done();
 			});
 
@@ -111,7 +108,7 @@ describe("fieldSelectEx.vue", function() {
 		it("should not be multiple", (done) => {
 			schema.multiSelect = true;
 			vm.$nextTick( () => {
-				expect(input.multiple).to.be.true;	
+				expect(input.multiple).to.be.true;
 				let options = input.querySelectorAll("option");
 				expect(options.length).to.be.equal(4); // no <non selected>
 
@@ -149,11 +146,11 @@ describe("fieldSelectEx.vue", function() {
 			expect(options[2].textContent).to.be.equal("Paris");
 			expect(options[2].selected).to.be.true;
 			expect(options[1].selected).to.be.false;
-		});		
+		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("2");	
+				expect(input.value).to.be.equal("2");
 				done();
 			});
 		});
@@ -161,7 +158,7 @@ describe("fieldSelectEx.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.city = 3;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("3");	
+				expect(input.value).to.be.equal("3");
 				done();
 			});
 
@@ -172,7 +169,7 @@ describe("fieldSelectEx.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.city).to.be.equal(4);	
+				expect(model.city).to.be.equal(4);
 				done();
 			});
 
@@ -204,7 +201,7 @@ describe("fieldSelectEx.vue", function() {
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("2");	
+				expect(input.value).to.be.equal("2");
 				done();
 			});
 		});
@@ -212,7 +209,7 @@ describe("fieldSelectEx.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.city = 3;
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("3");	
+				expect(input.value).to.be.equal("3");
 				done();
 			});
 
@@ -223,12 +220,12 @@ describe("fieldSelectEx.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.city).to.be.equal(4);	
+				expect(model.city).to.be.equal(4);
 				done();
 			});
 
 		});
 
-	});	
+	});
 
 });
\ No newline at end of file
diff --git a/test/unit/specs/fields/fieldSlider.spec.js b/test/unit/specs/fields/fieldSlider.spec.js
index 001d1b75..0e90418b 100644
--- a/test/unit/specs/fields/fieldSlider.spec.js
+++ b/test/unit/specs/fields/fieldSlider.spec.js
@@ -39,21 +39,20 @@ describe("fieldSlider.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
-			expect(input.getAttribute("data-min")).to.be.equal("1");	
-			expect(input.getAttribute("data-max")).to.be.equal("10");	
-			expect(input.getAttribute("data-disable")).to.be.null;	
+			expect(input.getAttribute("data-min")).to.be.equal("1");
+			expect(input.getAttribute("data-max")).to.be.equal("10");
+			expect(input.getAttribute("data-disable")).to.be.null;
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				let origin = el.querySelector(".irs-slider.single");				
+				let origin = el.querySelector(".irs-slider.single");
 				expect(origin.style.left).to.be.within("70%", "90%");
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "placeholder", "readonly"];
 
 			attributes.forEach(function(name) {
@@ -66,7 +65,7 @@ describe("fieldSlider.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			field.model = { rating: 3 };
 			vm.$nextTick( () => {
-				let origin = el.querySelector(".irs-slider.single");				
+				let origin = el.querySelector(".irs-slider.single");
 				expect(origin.style.left).to.be.within("20%", "40%");
 				done();
 			});
@@ -77,11 +76,11 @@ describe("fieldSlider.vue", function() {
 			field.slider.update({ from: 6 });
 			field.slider.callOnChange(field.slider); // trigger changes
 			vm.$nextTick( () => {
-				expect(field.model.rating).to.be.equal(6);	
+				expect(field.model.rating).to.be.equal(6);
 				done();
 			});
 
-		});		
+		});
 
 	});
 
diff --git a/test/unit/specs/fields/fieldSpectrum.spec.js b/test/unit/specs/fields/fieldSpectrum.spec.js
index dbde58f3..8d5a8025 100644
--- a/test/unit/specs/fields/fieldSpectrum.spec.js
+++ b/test/unit/specs/fields/fieldSpectrum.spec.js
@@ -38,19 +38,16 @@ describe("fieldSpectrum.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
-			//expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.disabled).to.be.false;	
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(field.picker.spectrum("get").toHexString()).to.be.equal("#ff8822");	
+				expect(field.picker.spectrum("get").toHexString()).to.be.equal("#ff8822");
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
 			attributes.forEach(function(name) {
@@ -63,7 +60,7 @@ describe("fieldSpectrum.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			field.model = { color: "#ffff00" };
 			vm.$nextTick( () => {
-				expect(field.picker.spectrum("get").toHexString()).to.be.equal("#ffff00");	
+				expect(field.picker.spectrum("get").toHexString()).to.be.equal("#ffff00");
 				done();
 			});
 
@@ -74,7 +71,7 @@ describe("fieldSpectrum.vue", function() {
 			trigger(document.querySelector(".sp-input"), "change");
 
 			vm.$nextTick( () => {
-				expect(field.model.color).to.be.equal("#123456");	
+				expect(field.model.color).to.be.equal("#123456");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldStaticMap.spec.js b/test/unit/specs/fields/fieldStaticMap.spec.js
index a610156a..3a9e1424 100644
--- a/test/unit/specs/fields/fieldStaticMap.spec.js
+++ b/test/unit/specs/fields/fieldStaticMap.spec.js
@@ -21,11 +21,11 @@ describe("fieldStaticMap.vue", function() {
 			label: "Geo",
 			model: "geo"
 		};
-		let model = { 
+		let model = {
 			geo: {
 				lat: 13.4567,
 				lng: 20.3321
-			} 
+			}
 		};
 		let input;
 
diff --git a/test/unit/specs/fields/fieldSubmit.spec.js b/test/unit/specs/fields/fieldSubmit.spec.js
index 3300226d..e34b58f5 100644
--- a/test/unit/specs/fields/fieldSubmit.spec.js
+++ b/test/unit/specs/fields/fieldSubmit.spec.js
@@ -37,7 +37,7 @@ describe("fieldSubmit.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("submit");
-			expect(input.value).to.be.equal("Submit form");	
+			expect(input.value).to.be.equal("Submit form");
 		});
 
 		it("should not call validate if validateBeforeSubmit is false", () => {
@@ -46,11 +46,11 @@ describe("fieldSubmit.vue", function() {
 			field.$parent.validate = cb;
 
 			input.click();
-			expect(cb.called).to.be.false;	
-			expect(schema.onSubmit.calledOnce).to.be.true;	
-			expect(schema.onSubmit.calledWith(model, schema)).to.be.true;	
+			expect(cb.called).to.be.false;
+			expect(schema.onSubmit.calledOnce).to.be.true;
+			expect(schema.onSubmit.calledWith(model, schema)).to.be.true;
 		});
-		
+
 
 		it("should call validate if validateBeforeSubmit is true", () => {
 			schema.validateBeforeSubmit = true;
@@ -59,9 +59,9 @@ describe("fieldSubmit.vue", function() {
 			field.$parent.validate = cb;
 
 			input.click();
-			expect(cb.called).to.be.true;	
-			expect(schema.onSubmit.called).to.be.false;	
-		});	
+			expect(cb.called).to.be.true;
+			expect(schema.onSubmit.called).to.be.false;
+		});
 
 	});
 
diff --git a/test/unit/specs/fields/fieldSwitch.spec.js b/test/unit/specs/fields/fieldSwitch.spec.js
index db494896..3a90ae39 100644
--- a/test/unit/specs/fields/fieldSwitch.spec.js
+++ b/test/unit/specs/fields/fieldSwitch.spec.js
@@ -34,12 +34,12 @@ describe("FieldSwitch.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("checkbox");
-			expect(input.disabled).to.be.false;	
+			expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.checked).to.be.true;	
+				expect(input.checked).to.be.true;
 				done();
 			});
 		});
@@ -53,7 +53,7 @@ describe("FieldSwitch.vue", function() {
 		it("should set disabled", (done) => {
 			field.disabled = true;
 			vm.$nextTick( () => {
-				expect(input.disabled).to.be.true;	
+				expect(input.disabled).to.be.true;
 				done();
 			});
 		});
@@ -61,7 +61,7 @@ describe("FieldSwitch.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.status = false;
 			vm.$nextTick( () => {
-				expect(input.checked).to.be.false;	
+				expect(input.checked).to.be.false;
 				done();
 			});
 
@@ -72,7 +72,7 @@ describe("FieldSwitch.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.status).to.be.true;	
+				expect(model.status).to.be.true;
 				done();
 			});
 
@@ -121,7 +121,7 @@ describe("FieldSwitch.vue", function() {
 
 		it("check input value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.checked).to.be.true;	
+				expect(input.checked).to.be.true;
 				done();
 			});
 		});
@@ -129,7 +129,7 @@ describe("FieldSwitch.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.sex = "male";
 			vm.$nextTick( () => {
-				expect(input.checked).to.be.false;	
+				expect(input.checked).to.be.false;
 				done();
 			});
 
@@ -140,11 +140,11 @@ describe("FieldSwitch.vue", function() {
 			trigger(input, "change");
 
 			vm.$nextTick( () => {
-				expect(model.sex).to.be.equal("female");	
+				expect(model.sex).to.be.equal("female");
 				done();
 			});
 
-		});		
+		});
 
 	});
 
diff --git a/test/unit/specs/fields/fieldText.spec.js b/test/unit/specs/fields/fieldText.spec.js
index f7fa4ed7..92de28a1 100644
--- a/test/unit/specs/fields/fieldText.spec.js
+++ b/test/unit/specs/fields/fieldText.spec.js
@@ -38,20 +38,16 @@ describe("fieldText.vue", function() {
 			expect(input).to.be.defined;
 			expect(input.type).to.be.equal("text");
 			expect(input.classList.contains("form-control")).to.be.true;
-			expect(input.placeholder).to.be.equal(schema.placeholder);
-			expect(input.readOnly).to.be.false;
-			expect(input.disabled).to.be.false;
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("John Doe");	
+				expect(input.value).to.be.equal("John Doe");
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
 
 			attributes.forEach(function(name) {
@@ -64,7 +60,7 @@ describe("fieldText.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.name = "Jane Doe";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Jane Doe");	
+				expect(input.value).to.be.equal("Jane Doe");
 				done();
 			});
 
@@ -75,7 +71,7 @@ describe("fieldText.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.name).to.be.equal("John Smith");	
+				expect(model.name).to.be.equal("John Smith");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldTextArea.spec.js b/test/unit/specs/fields/fieldTextArea.spec.js
index 2afa73e4..852f42b8 100644
--- a/test/unit/specs/fields/fieldTextArea.spec.js
+++ b/test/unit/specs/fields/fieldTextArea.spec.js
@@ -38,30 +38,26 @@ describe("fieldTextArea.vue", function() {
 
 			expect(input).to.be.defined;
 			expect(input.classList.contains("form-control")).to.be.true;
-			// expect(input.placeholder).to.be.equal(schema.placeholder);
-			// expect(input.readOnly).to.be.false;
-			// expect(input.disabled).to.be.false;
 			expect(input.rows).to.be.equal(2);	// default value is 2
-			expect(input.maxLength).to.be.equal(500);	
+			expect(input.maxLength).to.be.equal(500);
 		});
 
 		it("should change rows to 4", (done) => {
 			field.$set("schema.rows", 4); // To be reactive
 			vm.$nextTick( () => {
-				expect(input.rows).to.be.equal(4);	
+				expect(input.rows).to.be.equal(4);
 				done();
 			});
 		});
 
 		it("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal(model.desc);	
+				expect(input.value).to.be.equal(model.desc);
 				done();
 			});
 		});
 
 		describe("check optional attribute", () => {
-			// name which attributes you want to test and that's it.
 			let attributes = ["disabled", "placeholder", "readonly"];
 
 			attributes.forEach(function(name) {
@@ -74,7 +70,7 @@ describe("fieldTextArea.vue", function() {
 		it("input value should be the model value after changed", (done) => {
 			model.desc = "Jane Doe";
 			vm.$nextTick( () => {
-				expect(input.value).to.be.equal("Jane Doe");	
+				expect(input.value).to.be.equal("Jane Doe");
 				done();
 			});
 
@@ -85,7 +81,7 @@ describe("fieldTextArea.vue", function() {
 			trigger(input, "input");
 
 			vm.$nextTick( () => {
-				expect(model.desc).to.be.equal("John Smith");	
+				expect(model.desc).to.be.equal("John Smith");
 				done();
 			});
 
diff --git a/test/unit/specs/fields/fieldVueMultiSelect.spec.js b/test/unit/specs/fields/fieldVueMultiSelect.spec.js
index 5f4cda32..09c2f578 100644
--- a/test/unit/specs/fields/fieldVueMultiSelect.spec.js
+++ b/test/unit/specs/fields/fieldVueMultiSelect.spec.js
@@ -47,8 +47,8 @@ describe("fieldVueMultiSelect.vue", function() {
 			expect(input.classList.contains("multiselect--disabled")).to.be.false;
 		});
 
-		it("should contain option elements", () => {					
-			let options = input.querySelectorAll("li.multiselect__option");			
+		it("should contain option elements", () => {
+			let options = input.querySelectorAll("li.multiselect__option");
 			expect(options.length).to.be.equal(schema.values.length);
 			expect(options[1].querySelector("span").textContent).to.be.equal("Paris");
 			expect(options[1].classList.contains("multiselect__option--selected")).to.be.true;
@@ -67,9 +67,9 @@ describe("fieldVueMultiSelect.vue", function() {
 			model.city = "Rome";
 			vm.$nextTick( () => {
 				expect(input.querySelectorAll("li.multiselect__option--selected").length).to.be.equal(1);
-				let options = input.querySelectorAll("li.multiselect__option");			
+				let options = input.querySelectorAll("li.multiselect__option");
 				expect(options[2].querySelector("span").textContent).to.be.equal("Rome");
-				expect(options[2].classList.contains("multiselect__option--selected")).to.be.true;	
+				expect(options[2].classList.contains("multiselect__option--selected")).to.be.true;
 				done();
 			});
 		});
@@ -80,17 +80,17 @@ describe("fieldVueMultiSelect.vue", function() {
 				expect(input.querySelectorAll("li.multiselect__option--selected").length).to.be.equal(2);
 				let options = input.querySelectorAll("li.multiselect__option");
 				expect(options[1].querySelector("span").textContent).to.be.equal("Paris");
-				expect(options[1].classList.contains("multiselect__option--selected")).to.be.true;	
+				expect(options[1].classList.contains("multiselect__option--selected")).to.be.true;
 				expect(options[2].querySelector("span").textContent).to.be.equal("Rome");
-				expect(options[2].classList.contains("multiselect__option--selected")).to.be.true;	
+				expect(options[2].classList.contains("multiselect__option--selected")).to.be.true;
 				done();
 			});
 		});
 
 		it("model value should be the input value if changed", (done) => {
 			let options = input.querySelectorAll("li.multiselect__option");
-			trigger(options[2], "mousedown");			
-			
+			trigger(options[2], "mousedown");
+
 			vm.$nextTick( () => {
 				expect(model.city.length).to.be.equal(1);
 				expect(model.city[0]).to.be.equal("Paris");