Progress on test

Author: Lionel Bijaoui

package-lock.json

@@ -18,6 +18,7 @@
 		"docs": "cd docs && gitbook serve",
 		"unit": "karma start test/unit/karma.conf.js",
 		"unit3": "cross-env NODE_ENV=test mocha-webpack --watch --webpack-config build/webpack.test.config.js --require test/unit/setup.js test/unit/specs/**/*.spec.js",
+		"unit5": "cross-env NODE_ENV=test mocha-webpack --webpack-config build/webpack.test.config.js --require test/unit/setup.js test/unit/specs/**/*.spec.js",
 		"e2e": "node test/e2e/runner.js",
 		"pretest": "npm run lint",
 		"test": "npm run unit",
@@ -77,6 +78,7 @@
 		"fecha": "2.3.3",
 		"file-loader": "1.1.9",
 		"inject-loader": "3.0.1",
+		"ion-rangeslider": "^2.2.0",
 		"isparta-loader": "2.0.0",
 		"istanbul-instrumenter-loader": "^3.0.0",
 		"jquery": "^3.3.1",
@@ -90,8 +92,10 @@
 		"mocha-webpack": "^1.0.1",
 		"nightwatch": "^0.9.19",
 		"node-sass": "4.7.2",
+		"nouislider": "^11.0.3",
 		"nyc": "^11.4.1",
 		"phantomjs-prebuilt": "2.1.16",
+		"pikaday": "^1.7.0",
 		"prettier": "1.10.2",
 		"pug": "2.0.0-rc.4",
 		"pug-loader": "2.3.0",

package.json

@@ -15,7 +15,7 @@ import { isFunction } from "lodash";
 export default {
 	mixins: [abstractField],
 
-	data: function() {
+	data() {
 		return {
 			// google autocomplete object
 			autocomplete: "",
@@ -34,15 +34,22 @@ export default {
 	},
 
 	mounted() {
-		this.$nextTick(function() {
-			if (window.google && window.google.maps && window.google.maps.places && window.google.maps.places.Autocomplete) {
+		this.$nextTick(() => {
+			if (
+				window.google &&
+				window.google.maps &&
+				window.google.maps.places &&
+				window.google.maps.places.Autocomplete
+			) {
 				this.autocomplete = new google.maps.places.Autocomplete(this.$el, {
 					types: ["geocode"]
 				});
 
 				this.autocomplete.addListener("place_changed", this.pipeAddress);
 			} else {
-				console.warn("Google Maps API is missing. Please add https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&libraries=places script in the HTML head section!");
+				console.warn(
+					"Google Maps API is missing. Please add https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&libraries=places script in the HTML head section!"
+				);
 			}
 		});
 	},
@@ -52,7 +59,7 @@ export default {
 		 * Look up places and dispatch an event.
 		 * @return void
 		 */
-		pipeAddress: function() {
+		pipeAddress() {
 			let place = this.autocomplete.getPlace();
 			if (place) {
 				this.value = place.formatted_address;
@@ -68,15 +75,16 @@ export default {
 				}
 
 				// Call event in schema
-				if (isFunction(this.schema.onPlaceChanged)) this.schema.onPlaceChanged(this.value, data, place, this.model, this.schema);
+				if (isFunction(this.schema.onPlaceChanged))
+					this.schema.onPlaceChanged(this.value, data, place, this.model, this.schema);
 			}
 		},
 
 		/**
 		 * Get the user location.
 		 * @return void
 		 */
-		geolocate: function() {
+		geolocate() {
 			if (navigator.geolocation) {
 				navigator.geolocation.getCurrentPosition(position => {
 					let geolocation = {
@@ -96,7 +104,3 @@ export default {
 	}
 };
 </script>
-
-<style lang="scss">
-
-</style>

src/fields/optional/fieldGoogleAddress.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="slider" :disabled="disabled" :class="{ 'contain-pips': containPips, 'contain-tooltip': containTooltip }"></div>  
+	<div class="slider" :disabled="disabled" :class="{ 'contain-pips': containPips, 'contain-tooltip': containTooltip }"></div>
 </template>
 
 <script>
@@ -70,7 +70,7 @@ export default {
 	},
 
 	mounted() {
-		this.$nextTick(function() {
+		this.$nextTick(() => {
 			if (window.noUiSlider) {
 				this.slider = this.$el;
 				window.noUiSlider.create(
@@ -85,7 +85,9 @@ export default {
 				);
 				this.slider.noUiSlider.on("change", this.onChange.bind(this));
 			} else {
-				console.warn("noUiSlider is missing. Please download from https://github.com/leongersen/noUiSlider and load the script and CSS in the HTML head section!");
+				console.warn(
+					"noUiSlider is missing. Please download from https://github.com/leongersen/noUiSlider and load the script and CSS in the HTML head section!"
+				);
 			}
 		});
 	},

src/fields/optional/fieldNoUiSlider.vue

@@ -741,10 +741,10 @@ describe("VueFormGenerator.vue", () => {
 
 		before(() => {
 			createFormGenerator({ schema, model, options: { validateAfterLoad: true } });
-			form = wrapper.vm.$refs.form;
 		});
 
 		it("should be validation error at mounted()", () => {
+			form = wrapper.vm.$refs.form;
 			expect(form.errors).to.be.length(1);
 		});
 

test/unit/specs/VueFormGenerator.spec.js

@@ -74,6 +74,7 @@ describe("abstractField.vue", () => {
 
 		it("should set new value to model if value changed", () => {
 			field.value = "Foo Bar";
+
 			expect(model.user.name).to.be.equal("Foo Bar");
 		});
 	});
@@ -99,6 +100,7 @@ describe("abstractField.vue", () => {
 
 		it("should set new value to model if value changed", () => {
 			field.value = "Foo Bar";
+
 			expect(model.user.name.first).to.be.equal("Foo Bar");
 		});
 	});
@@ -119,14 +121,17 @@ describe("abstractField.vue", () => {
 
 		it.skip("should be called the schema.get function", () => {
 			expect(field).to.be.exist;
+
 			field.schema.get.reset();
+
 			expect(field.value).to.be.equal("John Smith");
 			expect(field.schema.get.calledOnce).to.be.true;
 		});
 
 		it("should set new value to model if value changed", () => {
 			field.schema.set.reset();
 			field.value = "John Roe";
+
 			expect(field.schema.set.calledOnce).to.be.true;
 			expect(field.schema.set.calledWith(model, "John Roe")).to.be.true;
 		});
@@ -157,6 +162,7 @@ describe("abstractField.vue", () => {
 
 		it("should set the formatted value to model", () => {
 			field.value = "Foo Bar";
+
 			expect(model.name).to.be.equal("!!Foo Bar!!");
 		});
 	});
@@ -177,6 +183,7 @@ describe("abstractField.vue", () => {
 		it("should called once the schema.onChanged", () => {
 			schema.onChanged.resetHistory();
 			field.value = "Jane Doe";
+
 			expect(schema.onChanged.calledOnce).to.be.true;
 		});
 	});
@@ -200,12 +207,14 @@ describe("abstractField.vue", () => {
 
 		it("should not call validate function after value changed", () => {
 			model.name = "Jane Doe";
+
 			expect(field.validate.callCount).to.be.equal(0);
 		});
 
 		it("should call validate function after value changed", () => {
 			options.validateAfterChanged = true;
 			field.value = "Jane Roe";
+
 			expect(field.validate.callCount).to.be.equal(1);
 		});
 	});
@@ -227,6 +236,7 @@ describe("abstractField.vue", () => {
 		it("should call schema validator", () => {
 			schema.validator.resetHistory();
 			field.validate();
+
 			expect(schema.validator.calledOnce).to.be.true;
 			expect(schema.validator.calledWith(field.value, schema, model)).to.be.true;
 		});
@@ -249,6 +259,7 @@ describe("abstractField.vue", () => {
 		it("should not call schema validator", () => {
 			schema.validator.resetHistory();
 			field.validate();
+
 			expect(schema.validator.callCount).to.be.equal(0);
 		});
 	});
@@ -271,6 +282,7 @@ describe("abstractField.vue", () => {
 		it("should not call schema validator", () => {
 			schema.validator.resetHistory();
 			field.validate();
+
 			expect(schema.validator.callCount).to.be.equal(0);
 		});
 	});
@@ -321,6 +333,7 @@ describe("abstractField.vue", () => {
 		it("should called once the schema.onValidated", () => {
 			schema.onValidated.resetHistory();
 			let res = field.validate();
+
 			expect(res).to.be.an.instanceof(Array);
 			expect(res.length).to.be.equal(1);
 			expect(res[0]).to.be.equal("Validation error!");
@@ -352,6 +365,7 @@ describe("abstractField.vue", () => {
 		it("should return empty array", () => {
 			onValidated.resetHistory();
 			let res = field.validate();
+
 			expect(res).to.be.an.instanceof(Array);
 			expect(res.length).to.be.equal(0);
 
@@ -362,6 +376,7 @@ describe("abstractField.vue", () => {
 		it("should not call 'onValidated'", () => {
 			onValidated.resetHistory();
 			let res = field.validate(true);
+
 			expect(res).to.be.an.instanceof(Array);
 			expect(res.length).to.be.equal(0);
 
@@ -372,6 +387,7 @@ describe("abstractField.vue", () => {
 			model.name = "Al";
 			onValidated.resetHistory();
 			let res = field.validate();
+
 			expect(res).to.be.an.instanceof(Array);
 			expect(res.length).to.be.equal(1);
 			expect(res[0]).to.be.equal("The length of text is too small! Current: 2, Minimum: 3");
@@ -400,12 +416,14 @@ describe("abstractField.vue", () => {
 
 		it("should be an empty array", () => {
 			field.clearValidationErrors();
+
 			expect(field.errors).to.be.not.undefined;
 			expect(field.errors).to.be.length(0);
 		});
 
 		it("should contain one error string", () => {
 			field.validate();
+
 			expect(field.errors).to.be.length(1);
 			expect(field.errors[0]).to.be.equal("Validation error!");
 		});
@@ -430,11 +448,13 @@ describe("abstractField.vue", () => {
 
 		it("should return slugified label, if no inputName", () => {
 			delete schema.inputName;
+
 			expect(field.getFieldID(schema)).to.be.equal("first-name");
 		});
 
 		it("should return slugified model name, if no inputName or label", () => {
 			delete schema.label;
+
 			expect(field.getFieldID(schema)).to.be.equal("user-model");
 		});
 	});

test/unit/specs/fields/abstractField.spec.js

@@ -50,6 +50,7 @@ describe("FieldCheckbox.vue", () => {
 		it("input value should be the model value after changed", () => {
 			model.status = false;
 			wrapper.update();
+
 			expect(input.element.checked).to.be.false;
 		});