Add an option to hide the none selected text

vue-generators · Jun 21, 2017 · b4d2b34 · b4d2b34
1 parent c30cbbf
commit b4d2b34
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/src/fields/core/fieldSelect.vue b/src/fields/core/fieldSelect.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 	select.form-control(v-model="value", :disabled="disabled", :name="schema.inputName", :id="getFieldID(schema)")
-		option(:disabled="schema.required", :value="null", :selected="value == undefined") {{ selectOptions.noneSelectedText || "&lt;Nothing selected&gt;" }}
+		option(v-if="!selectOptions.hideNoneSelectedText", :disabled="schema.required", :value="null", :selected="value == undefined") {{ selectOptions.noneSelectedText || "&lt;Nothing selected&gt;" }}
 		option(v-for="item in items", :value="getItemID(item)") {{ getItemName(item) }}
 </template>
 

diff --git a/test/unit/specs/fields/fieldSelect.spec.js b/test/unit/specs/fields/fieldSelect.spec.js
@@ -121,6 +121,22 @@ describe("fieldSelect.vue", function() {
 			});
 		});
 
+		it("should hide the customized <non selected> text", (done) => {
+			Vue.set(vm.schema, "selectOptions", {
+				noneSelectedText: "Empty list",
+				hideNoneSelectedText: true
+			});
+			vm.$nextTick( () => {
+				let options = input.querySelectorAll("option");
+				expect(options[0].disabled).to.be.false;
+				expect(options[0].textContent).to.not.be.equal("Empty list");
+
+				schema.selectOptions = null;
+
+				done();
+			});
+		});
+
 	});
 
 	describe("check static values with { id, name } objects", () => {