From f92b193a78aa94c4c0627a9afbc64af824ca8290 Mon Sep 17 00:00:00 2001
From: Icebob <mereg.norbert@gmail.com>
Date: Mon, 26 Sep 2016 22:27:21 +0200
Subject: [PATCH] Implement #78

Add `name` attr to input, select and textarea fields
---
 dev/schema.js                                    |  4 +++-
 src/fields/fieldCheckbox.vue                     |  2 +-
 src/fields/fieldCleave.vue                       |  2 +-
 src/fields/fieldColor.vue                        |  2 +-
 src/fields/fieldDateTimePicker.vue               |  2 +-
 src/fields/fieldEmail.vue                        |  2 +-
 src/fields/fieldGoogleAddress.vue                |  2 +-
 src/fields/fieldImage.vue                        |  2 +-
 src/fields/fieldInput.vue                        |  1 +
 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/fieldRangeSlider.vue                  |  2 +-
 src/fields/fieldSelect.vue                       |  2 +-
 src/fields/fieldSelectEx.vue                     |  2 +-
 src/fields/fieldSpectrum.vue                     |  2 +-
 src/fields/fieldSubmit.vue                       |  2 +-
 src/fields/fieldSwitch.vue                       |  2 +-
 src/fields/fieldText.vue                         |  2 +-
 src/fields/fieldTextArea.vue                     |  2 +-
 test/unit/specs/fields/fieldCheckbox.spec.js     |  5 ++---
 test/unit/specs/fields/fieldCleave.spec.js       |  2 +-
 test/unit/specs/fields/fieldColor.spec.js        |  2 +-
 .../specs/fields/fieldDateTimePicker.spec.js     |  2 +-
 test/unit/specs/fields/fieldEmail.spec.js        |  2 +-
 .../unit/specs/fields/fieldGoogleAddress.spec.js |  2 +-
 test/unit/specs/fields/fieldInput.spec.js        | 16 ++++++++--------
 test/unit/specs/fields/fieldMasked.spec.js       |  2 +-
 test/unit/specs/fields/fieldNumber.spec.js       |  2 +-
 test/unit/specs/fields/fieldPassword.spec.js     |  2 +-
 test/unit/specs/fields/fieldPikaday.spec.js      |  2 +-
 test/unit/specs/fields/fieldRange.spec.js        |  2 +-
 test/unit/specs/fields/fieldRangeSlider.spec.js  |  2 +-
 test/unit/specs/fields/fieldSelect.spec.js       |  2 +-
 test/unit/specs/fields/fieldSelectEx.spec.js     |  2 +-
 test/unit/specs/fields/fieldSpectrum.spec.js     |  2 +-
 test/unit/specs/fields/fieldText.spec.js         |  2 +-
 test/unit/specs/fields/fieldTextArea.spec.js     |  2 +-
 test/unit/specs/util.js                          |  9 +++++----
 41 files changed, 55 insertions(+), 52 deletions(-)

diff --git a/dev/schema.js b/dev/schema.js
index 06a6924d..a44a799d 100644
--- a/dev/schema.js
+++ b/dev/schema.js
@@ -20,7 +20,8 @@ module.exports = {
     type: "input",
     inputType: "hidden",
     label: "Hidden",
-    model: "id"
+    model: "id",
+    inputName: "hiddenField"
 },
 {
     type: "input",
@@ -57,6 +58,7 @@ module.exports = {
     label: "URL",
     model: "website",
     placeholder: "Enter your website",
+    inputName: "website",
     validator: validators.url
 },
 {
diff --git a/src/fields/fieldCheckbox.vue b/src/fields/fieldCheckbox.vue
index 5ae030da..cb678e03 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")
+	input(type="checkbox", v-model="value",  :autocomplete="schema.autocomplete", :disabled="disabled", :name="schema.inputName")
 </template>
 
 <script>
diff --git a/src/fields/fieldCleave.vue b/src/fields/fieldCleave.vue
index 7346569e..8789664c 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", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 </template>
 
 <script>
diff --git a/src/fields/fieldColor.vue b/src/fields/fieldColor.vue
index 2ea7e6a0..d0a04f1c 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")
+		input(type="color", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :name="schema.inputName")
 		span.helper {{ value }}
 </template>
 
diff --git a/src/fields/fieldDateTimePicker.vue b/src/fields/fieldDateTimePicker.vue
index 83e63a86..5c77e311 100644
--- a/src/fields/fieldDateTimePicker.vue
+++ b/src/fields/fieldDateTimePicker.vue
@@ -1,6 +1,6 @@
 <template lang="jade">
 	.input-group.date
-		input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
+		input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 		span.input-group-addon
 			span.glyphicon.glyphicon-calendar
 </template>
diff --git a/src/fields/fieldEmail.vue b/src/fields/fieldEmail.vue
index 93b57753..578bdb6e 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", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
+	input.form-control(type="email", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 </template>
 
 <script>
diff --git a/src/fields/fieldGoogleAddress.vue b/src/fields/fieldGoogleAddress.vue
index 96546841..2866f71f 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", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly",  debounce="500", @focus="geolocate()")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName",  debounce="500", @focus="geolocate()")
 </template>
 
 <script>
diff --git a/src/fields/fieldImage.vue b/src/fields/fieldImage.vue
index 711a1b6d..d9c40b09 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-show="schema.hideInput !== true", 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", :disabled="disabled", @change="fileChanged")
+		input.form-control.file(type="file", v-if="schema.browse !== false", :disabled="disabled", @change="fileChanged", :name="schema.inputName")
 		.preview(:style="previewStyle")
 			.remove(title="Remove image", @click="remove")
 </template>
diff --git a/src/fields/fieldInput.vue b/src/fields/fieldInput.vue
index 757898be..7ba99a27 100644
--- a/src/fields/fieldInput.vue
+++ b/src/fields/fieldInput.vue
@@ -21,6 +21,7 @@
 		:maxlength="schema.maxlength",
 		:min="schema.min",
 		:multiple="schema.multiple",
+		:name="schema.inputName",
 		:pattern="schema.pattern",
 		:placeholder="schema.placeholder",
 		:readonly="schema.readonly",
diff --git a/src/fields/fieldMasked.vue b/src/fields/fieldMasked.vue
index 8ecd0100..a771af4d 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", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 </template>
 
 <script>
diff --git a/src/fields/fieldNumber.vue b/src/fields/fieldNumber.vue
index 4180204d..85eb2720 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", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 </template>
 
 <script>
diff --git a/src/fields/fieldPassword.vue b/src/fields/fieldPassword.vue
index cbaab40f..a691af0e 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", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 </template>
 
 <script>
diff --git a/src/fields/fieldPikaday.vue b/src/fields/fieldPikaday.vue
index 613b3232..794a7c2f 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", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
+	input.form-control(type="text", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 </template>
 
 <script>
diff --git a/src/fields/fieldRange.vue b/src/fields/fieldRange.vue
index 82074224..be39bce2 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")
+		input.form-control(type="range", v-model="value", :autocomplete="schema.autocomplete", :disabled="disabled", :max="schema.max", :min="schema.min", :name="schema.inputName")
 		.helpText {{ value }}
 </template>
 
diff --git a/src/fields/fieldRangeSlider.vue b/src/fields/fieldRangeSlider.vue
index a9af78a8..d0f99e56 100644
--- a/src/fields/fieldRangeSlider.vue
+++ b/src/fields/fieldRangeSlider.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	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")
+	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", :name="schema.inputName")
 </template>
 
 <script>
diff --git a/src/fields/fieldSelect.vue b/src/fields/fieldSelect.vue
index d1b49609..c0949a6d 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", :name="schema.inputName")
 		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/fieldSelectEx.vue b/src/fields/fieldSelectEx.vue
index 6f72bfea..cee82a6a 100644
--- a/src/fields/fieldSelectEx.vue
+++ b/src/fields/fieldSelectEx.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	select.selectpicker(v-model="value", :disabled="disabled", :multiple="schema.multiSelect", :title="schema.placeholder", data-width="100%")
+	select.selectpicker(v-model="value", :disabled="disabled", :multiple="schema.multiSelect", :title="schema.placeholder", data-width="100%", :name="schema.inputName")
 		option(:disabled="schema.required", v-if="schema.multiSelect !== true", :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/fieldSpectrum.vue b/src/fields/fieldSpectrum.vue
index a05f19b1..22c3fff7 100644
--- a/src/fields/fieldSpectrum.vue
+++ b/src/fields/fieldSpectrum.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input(type="text", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly")
+	input(type="text", :autocomplete="schema.autocomplete", :disabled="disabled", :placeholder="schema.placeholder", :readonly="schema.readonly", :name="schema.inputName")
 </template>
 
 <script>
diff --git a/src/fields/fieldSubmit.vue b/src/fields/fieldSubmit.vue
index f9e050f0..6b963bd6 100644
--- a/src/fields/fieldSubmit.vue
+++ b/src/fields/fieldSubmit.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input(type="submit", :value="schema.buttonText", @click="click")
+	input(type="submit", :value="schema.buttonText", @click="click", :name="schema.inputName")
 </template>
 
 <script>
diff --git a/src/fields/fieldSwitch.vue b/src/fields/fieldSwitch.vue
index d2db9e7a..6464de17 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", :disabled="disabled", :name="schema.inputName")
 		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 70e3e1ab..4dfcf44e 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", :pattern="schema.pattern", :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", :name="schema.inputName")
 </template>
 
 <script>
diff --git a/src/fields/fieldTextArea.vue b/src/fields/fieldTextArea.vue
index 7772092f..04f6a29e 100644
--- a/src/fields/fieldTextArea.vue
+++ b/src/fields/fieldTextArea.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	textarea.form-control(v-model="value", :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", :name="schema.inputName")
 </template>
 
 <script>
diff --git a/test/unit/specs/fields/fieldCheckbox.spec.js b/test/unit/specs/fields/fieldCheckbox.spec.js
index 1e1094ee..517dd3d7 100644
--- a/test/unit/specs/fields/fieldCheckbox.spec.js
+++ b/test/unit/specs/fields/fieldCheckbox.spec.js
@@ -18,8 +18,7 @@ describe("FieldCheckbox.vue", function() {
 		let schema = {
 			type: "checkbox",
 			label: "Status",
-			model: "status",
-			autocomplete: "off"
+			model: "status"
 		};
 		let model = { status: true };
 		let input;
@@ -45,7 +44,7 @@ describe("FieldCheckbox.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete", "disabled"];
+			let attributes = ["autocomplete", "disabled", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldCleave.spec.js b/test/unit/specs/fields/fieldCleave.spec.js
index 173db112..1501f8e1 100644
--- a/test/unit/specs/fields/fieldCleave.spec.js
+++ b/test/unit/specs/fields/fieldCleave.spec.js
@@ -52,7 +52,7 @@ describe("fieldCleave.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete", "disabled", "readonly"];
+			let attributes = ["autocomplete", "disabled", "readonly", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldColor.spec.js b/test/unit/specs/fields/fieldColor.spec.js
index 15344b5b..f09a7c3d 100644
--- a/test/unit/specs/fields/fieldColor.spec.js
+++ b/test/unit/specs/fields/fieldColor.spec.js
@@ -45,7 +45,7 @@ describe("fieldColor.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete"];
+			let attributes = ["autocomplete", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldDateTimePicker.spec.js b/test/unit/specs/fields/fieldDateTimePicker.spec.js
index 6c951025..811e4f43 100644
--- a/test/unit/specs/fields/fieldDateTimePicker.spec.js
+++ b/test/unit/specs/fields/fieldDateTimePicker.spec.js
@@ -49,7 +49,7 @@ describe("fieldDateTimePicker.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldEmail.spec.js b/test/unit/specs/fields/fieldEmail.spec.js
index e988ba74..9887292b 100644
--- a/test/unit/specs/fields/fieldEmail.spec.js
+++ b/test/unit/specs/fields/fieldEmail.spec.js
@@ -49,7 +49,7 @@ describe("fieldEmail.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldGoogleAddress.spec.js b/test/unit/specs/fields/fieldGoogleAddress.spec.js
index 8a19e695..ac858eae 100644
--- a/test/unit/specs/fields/fieldGoogleAddress.spec.js
+++ b/test/unit/specs/fields/fieldGoogleAddress.spec.js
@@ -48,7 +48,7 @@ describe("fieldGoogleAddress.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldInput.spec.js b/test/unit/specs/fields/fieldInput.spec.js
index a2745060..13013d56 100644
--- a/test/unit/specs/fields/fieldInput.spec.js
+++ b/test/unit/specs/fields/fieldInput.spec.js
@@ -49,9 +49,9 @@ describe("fieldInput.vue", function() {
 		});
 
 		let inputTypes = new Map([
-			["text", ["autocomplete", "disabled", "placeholder", "readonly"]],
-			["password", ["autocomplete", "disabled", "placeholder", "readonly"]],
-			["checkbox", ["autocomplete", "disabled"]],
+			["text", ["autocomplete", "disabled", "placeholder", "readonly", "inputName"]],
+			["password", ["autocomplete", "disabled", "placeholder", "readonly", "inputName"]],
+			["checkbox", ["autocomplete", "disabled", "inputName"]],
 			// ["radio", [] ],
 			// ["button", [] ],
 			// ["submit", [] ],
@@ -65,13 +65,13 @@ describe("fieldInput.vue", function() {
 			// ["month", ],
 			// ["time", ],
 			// ["week", ],
-			["number", ["autocomplete", "disabled", "placeholder", "readonly"]],
+			["number", ["autocomplete", "disabled", "placeholder", "readonly", "inputName"]],
 			// ["range", ["autocomplete"]],
-			["email", ["autocomplete", "disabled", "placeholder", "readonly"]],
-			["url", ["autocomplete", "disabled", "placeholder", "readonly"]],
+			["email", ["autocomplete", "disabled", "placeholder", "readonly", "inputName"]],
+			["url", ["autocomplete", "disabled", "placeholder", "readonly", "inputName"]],
 			// ["search", ],
-			["tel", ["autocomplete", "disabled", "placeholder", "readonly"]],
-			["color", ["autocomplete"]]
+			["tel", ["autocomplete", "disabled", "placeholder", "readonly", "inputName"]],
+			["color", ["autocomplete", "inputName"]]
 		]);
 		for (let [inputType, attributes] of inputTypes) {
 			
diff --git a/test/unit/specs/fields/fieldMasked.spec.js b/test/unit/specs/fields/fieldMasked.spec.js
index df843e49..ef996bda 100644
--- a/test/unit/specs/fields/fieldMasked.spec.js
+++ b/test/unit/specs/fields/fieldMasked.spec.js
@@ -49,7 +49,7 @@ describe("fieldMasked.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldNumber.spec.js b/test/unit/specs/fields/fieldNumber.spec.js
index 99b83c7e..99034d89 100644
--- a/test/unit/specs/fields/fieldNumber.spec.js
+++ b/test/unit/specs/fields/fieldNumber.spec.js
@@ -51,7 +51,7 @@ describe("fieldNumber.vue", function() {
 			});
 		});
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldPassword.spec.js b/test/unit/specs/fields/fieldPassword.spec.js
index e91e6c06..1549b601 100644
--- a/test/unit/specs/fields/fieldPassword.spec.js
+++ b/test/unit/specs/fields/fieldPassword.spec.js
@@ -49,7 +49,7 @@ describe("fieldPassword.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldPikaday.spec.js b/test/unit/specs/fields/fieldPikaday.spec.js
index 0f7ba763..e4e87d77 100644
--- a/test/unit/specs/fields/fieldPikaday.spec.js
+++ b/test/unit/specs/fields/fieldPikaday.spec.js
@@ -49,7 +49,7 @@ describe("fieldPikaday.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldRange.spec.js b/test/unit/specs/fields/fieldRange.spec.js
index 603d004d..e77dad39 100644
--- a/test/unit/specs/fields/fieldRange.spec.js
+++ b/test/unit/specs/fields/fieldRange.spec.js
@@ -50,7 +50,7 @@ describe("fieldRange.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete", "disabled"];
+			let attributes = ["autocomplete", "disabled", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldRangeSlider.spec.js b/test/unit/specs/fields/fieldRangeSlider.spec.js
index d523d658..5e34055c 100644
--- a/test/unit/specs/fields/fieldRangeSlider.spec.js
+++ b/test/unit/specs/fields/fieldRangeSlider.spec.js
@@ -53,7 +53,7 @@ describe("fieldRangeSlider.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete", "placeholder", "readonly"];
+			let attributes = ["autocomplete", "placeholder", "readonly", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldSelect.spec.js b/test/unit/specs/fields/fieldSelect.spec.js
index da5dbcf3..4521726c 100644
--- a/test/unit/specs/fields/fieldSelect.spec.js
+++ b/test/unit/specs/fields/fieldSelect.spec.js
@@ -67,7 +67,7 @@ describe("fieldSelect.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["disabled"];
+			let attributes = ["disabled", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldSelectEx.spec.js b/test/unit/specs/fields/fieldSelectEx.spec.js
index de265595..802d48d3 100644
--- a/test/unit/specs/fields/fieldSelectEx.spec.js
+++ b/test/unit/specs/fields/fieldSelectEx.spec.js
@@ -66,7 +66,7 @@ describe("fieldSelectEx.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["disabled", "multiSelect"];
+			let attributes = ["disabled", "multiSelect", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldSpectrum.spec.js b/test/unit/specs/fields/fieldSpectrum.spec.js
index 8d5a8025..569f2aa5 100644
--- a/test/unit/specs/fields/fieldSpectrum.spec.js
+++ b/test/unit/specs/fields/fieldSpectrum.spec.js
@@ -48,7 +48,7 @@ describe("fieldSpectrum.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldText.spec.js b/test/unit/specs/fields/fieldText.spec.js
index 92de28a1..41f3f949 100644
--- a/test/unit/specs/fields/fieldText.spec.js
+++ b/test/unit/specs/fields/fieldText.spec.js
@@ -48,7 +48,7 @@ describe("fieldText.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["autocomplete", "disabled", "placeholder", "readonly"];
+			let attributes = ["autocomplete", "disabled", "placeholder", "readonly", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/fields/fieldTextArea.spec.js b/test/unit/specs/fields/fieldTextArea.spec.js
index 852f42b8..6eb738b6 100644
--- a/test/unit/specs/fields/fieldTextArea.spec.js
+++ b/test/unit/specs/fields/fieldTextArea.spec.js
@@ -58,7 +58,7 @@ describe("fieldTextArea.vue", function() {
 		});
 
 		describe("check optional attribute", () => {
-			let attributes = ["disabled", "placeholder", "readonly"];
+			let attributes = ["disabled", "placeholder", "readonly", "inputName"];
 
 			attributes.forEach(function(name) {
 				it("should set " + name, function(done) {
diff --git a/test/unit/specs/util.js b/test/unit/specs/util.js
index 0a4d1cff..b25ec487 100644
--- a/test/unit/specs/util.js
+++ b/test/unit/specs/util.js
@@ -52,8 +52,8 @@ export let attributesList = {
 	"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" }
-
+	"readonly": { before: true, after: false, name: "readOnly" },
+	"inputName": { before: "test-name", after: "", name: "name" }
 };
 
 export function checkAttribute(name, vm, input, field, schema, done) {
@@ -66,14 +66,15 @@ export function checkAttribute(name, vm, input, field, schema, done) {
 	} else {
 		schematic = schema;
 	}
-	schematic[name] = attr.before;
+
+	vm.$set("schema." + 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;
+		vm.$set("schema." + name, attr.after);
 		return done();
 	});
 }