Merge pull request #3 from lionel-bijaoui/unit_test

Unit test

Author: lionel-bijaoui

package-lock.json

@@ -96,6 +96,7 @@
 		"sass-loader": "6.0.6",
 		"sinon": "4.4.2",
 		"sinon-chai": "2.14.0",
+		"spectrum-colorpicker": "^1.8.0",
 		"stats-webpack-plugin": "0.6.2",
 		"url-loader": "0.6.2",
 		"vue": "2.5.13",

package.json

@@ -4,6 +4,7 @@ module.exports = {
 	},
 	globals: {
 		expect: true,
-		sinon: true
+		sinon: true,
+		checkAttribute: true
 	}
 };

test/unit/.eslintrc.js

@@ -2,6 +2,25 @@
 require("jsdom-global")();
 
 // make expect available globally
-// global.expect = require("expect");
 global.sinon = require("sinon");
 global.expect = require("chai").expect;
+
+const attributesList = {
+	autocomplete: { before: "on", after: "off", name: "autocomplete" },
+	disabled: { before: true, after: false, field: true, name: "disabled" },
+	multiSelect: { before: true, after: false, name: "multiple" },
+	placeholder: { before: "Field placeholder", after: "", name: "placeholder" },
+	readonly: { before: true, after: false, name: "readOnly" },
+	inputName: { before: "test-name", after: "", name: "name" }
+};
+
+global.checkAttribute = (name, wrapper, schema, type = "input") => {
+	let attr = attributesList[name];
+	let inputElement = wrapper.find(type).element;
+
+	inputElement[attr.name] = attr.before;
+	// console.log(inputElement[attr.name], schema[name]);
+	inputElement[attr.name] = attr.after;
+	// console.log(inputElement[attr.name], schema[name]);
+	expect(inputElement[attr.name]).to.be.equal(schema[name]);
+};

test/unit/index.js

@@ -741,6 +741,7 @@ describe("VueFormGenerator.vue", () => {
 
 		before(() => {
 			createFormGenerator({ schema, model, options: { validateAfterLoad: true } });
+			wrapper.update();
 		});
 
 		it("should be validation error at mounted()", () => {

test/unit/setup.js

@@ -1,5 +1,4 @@
 import { mount, createLocalVue } from "@vue/test-utils";
-import { checkAttribute2 } from "../util";
 
 import FieldCheckbox from "src/fields/core/fieldCheckbox.vue";
 
@@ -72,7 +71,7 @@ describe("FieldCheckbox.vue", () => {
 
 			attributes.forEach(name => {
 				it("should set " + name, () => {
-					checkAttribute2(name, wrapper, schema);
+					checkAttribute(name, wrapper, schema);
 				});
 			});
 		});

test/unit/specs/VueFormGenerator.spec.js

@@ -1,5 +1,4 @@
 import { mount, createLocalVue } from "@vue/test-utils";
-import { checkAttribute2 } from "../util";
 
 import FieldCleave from "src/fields/optional/fieldCleave.vue";
 
@@ -61,7 +60,7 @@ describe("fieldCleave.vue", () => {
 
 			attributes.forEach(name => {
 				it("should set " + name, () => {
-					checkAttribute2(name, wrapper, schema);
+					checkAttribute(name, wrapper, schema);
 				});
 			});
 		});

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

@@ -1,5 +1,4 @@
 import { mount, createLocalVue } from "@vue/test-utils";
-import { checkAttribute2 } from "../util";
 import fecha from "fecha";
 
 let jQuery = require("jquery");
@@ -61,7 +60,7 @@ describe("fieldDateTimePicker.vue", () => {
 
 			attributes.forEach(function(name) {
 				it("should set " + name, () => {
-					checkAttribute2(name, wrapper, schema);
+					checkAttribute(name, wrapper, schema);
 				});
 			});
 		});

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

@@ -1,5 +1,4 @@
 import { mount, createLocalVue } from "@vue/test-utils";
-import { checkAttribute2 } from "../util";
 
 import FieldGoogleAddress from "src/fields/optional/fieldGoogleAddress.vue";
 
@@ -54,7 +53,7 @@ describe("fieldGoogleAddress.vue", () => {
 
 			attributes.forEach(name => {
 				it("should set " + name, () => {
-					checkAttribute2(name, wrapper, schema);
+					checkAttribute(name, wrapper, schema);
 				});
 			});
 		});