✅ test: add fieldCleave & fieldPikaday tests

Author: icebob

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

@@ -0,0 +1,92 @@
+import { expect } from "chai";
+import { createVueField, trigger } from "../util";
+
+import Vue from "vue";
+import FieldCleave from "src/fields/fieldCleave.vue";
+
+Vue.component("FieldCleave", FieldCleave);
+
+let el, vm, field;
+
+function createField(schema = {}, model = null, disabled = false, options) {
+	[ el, vm, field ] = createVueField("fieldCleave", schema, model, disabled, options);
+}
+
+describe("fieldCleave.vue", () => {
+
+	describe("check template", () => {
+		let schema = {
+			type: "masked",
+			label: "Phone",
+			model: "phone",
+			phone: true,
+			phoneRegionCode: 'HU',
+			readonly: false,
+			placeholder: "Field placeholder"
+		};
+		let model = { phone: "(30) 123-4567" };
+		let input;
+
+		before( () => {
+			createField(schema, model, false);
+			input = el.getElementsByTagName("input")[0];
+		});
+
+		it("should contain an masked input element", () => {
+			expect(field).to.be.exist;
+			expect(field.$el).to.be.exist;
+
+			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");	
+				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();
+			});
+		});
+
+		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");	
+				done();
+			});
+
+		});
+
+		it("model value should be the input value if changed", (done) => {
+			input.value = "(21) 888-6655";
+			trigger(input, "input");
+
+			vm.$nextTick( () => {
+				expect(model.phone).to.be.equal("(21) 888-6655");	
+				done();
+			});
+
+		});
+
+	});
+
+});

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

@@ -0,0 +1,79 @@
+import { expect } from "chai";
+import { createVueField, trigger } from "../util";
+import moment from "moment";
+
+import Vue from "vue";
+import FieldPikaday from "src/fields/fieldPikaday.vue";
+
+Vue.component("FieldPikaday", FieldPikaday);
+
+let el, vm, field;
+
+function createField(schema = {}, model = null, disabled = false, options) {
+	[ el, vm, field ] = createVueField("fieldPikaday", schema, model, disabled, options);
+}
+
+describe.only("fieldPikaday.vue", () => {
+
+	describe("check template", () => {
+		let schema = {
+			type: "dateTime",
+			label: "Event",
+			model: "event"
+		};
+		let model = { event: 1462799081231 };
+		let input;
+
+		before( () => {
+			createField(schema, model, false);
+			input = el.getElementsByTagName("input")[0];
+		});
+
+		it("should contain an input text element", () => {
+			expect(field).to.be.exist;
+			expect(field.$el).to.be.exist;
+
+			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") );	
+				done();
+			});
+		});
+
+		it("should set disabled", (done) => {
+			field.disabled = true;
+			vm.$nextTick( () => {
+				expect(input.disabled).to.be.true;	
+				done();
+			});
+		});
+
+		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") );	
+				done();
+			});
+
+		});
+
+		it("model value should be the input value if changed", (done) => {
+			input.value = moment(1420194153000).format("YYYY-MM-DD HH:mm:ss");
+			trigger(input, "input");
+
+			vm.$nextTick( () => {
+				expect(model.event).to.be.equal(1420194153000);	
+				done();
+			});
+
+		});
+
+	});
+
+});