✅ test: add fieldMasked unit test

vue-generators · Aug 24, 2016 · 19f5d98 · 19f5d98
1 parent 7bfffb1
commit 19f5d98
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 8 deletions.
diff --git a/src/fields/fieldMasked.vue b/src/fields/fieldMasked.vue
@@ -10,8 +10,9 @@
 		mixins: [ abstractField ],
 
 		ready() {
-			if ($.fn.mask)
-				$(this.$el).mask("destroy").mask(this.schema.mask, this.schema.maskOptions);
+			if ($.fn.mask) {
+				$(this.$el).unmask().mask(this.schema.mask, this.schema.maskOptions);
+			}
 			else
 				console.warn("JQuery MaskedInput library is missing. Please download from https://github.com/digitalBush/jquery.maskedinput and load the script in the HTML head section!");
 		}		

diff --git a/test/unit/specs/fields/fieldMasked.spec.js b/test/unit/specs/fields/fieldMasked.spec.js
@@ -28,6 +28,7 @@ describe("fieldMasked.vue", () => {
 
 		before( () => {
 			createField(schema, model, false);
+			vm.$appendTo(document.body);
 			input = el.getElementsByTagName("input")[0];
 		});
 
@@ -54,15 +55,25 @@ describe("fieldMasked.vue", () => {
 			schema.readonly = true;
 			vm.$nextTick( () => {
 				expect(input.readOnly).to.be.true;	
-				done();
+
+				// Rollback
+				schema.readonly = false;
+				vm.$nextTick( () => {
+					done();
+				});
 			});
 		});
 
 		it("should set disabled", (done) => {
 			field.disabled = true;
 			vm.$nextTick( () => {
 				expect(input.disabled).to.be.true;	
-				done();
+
+				// Rollback
+				field.disabled = false;
+				vm.$nextTick( () => {
+					done();
+				});
 			});
 		});
 
@@ -86,6 +97,25 @@ describe("fieldMasked.vue", () => {
 
 		});
 
+		it("should be formatted data in model", (done) => {
+			input.value = "123456789";
+			// Call the paste event what trigger the formatter
+			let $input = window.jQuery(input);
+			$input.trigger(window.jQuery.Event("paste"));			
+
+			setTimeout( () => {
+				expect(input.value).to.be.equal("(12) 345-6789");	
+				trigger(input, "input");
+
+				vm.$nextTick( () => {
+					expect(model.phone).to.be.equal("(12) 345-6789");	
+					done();
+				});
+
+			}, 10);
+
+		});
+
 	});
 
 });
diff --git a/test/unit/specs/fields/fieldNoUiSlider.spec.js b/test/unit/specs/fields/fieldNoUiSlider.spec.js
@@ -28,6 +28,7 @@ describe("fieldNoUiSlider.vue", () => {
 
 		before( () => {
 			createField(schema, model, false);
+			vm.$appendTo(document.body);
 			input = el.getElementsByClassName("slider")[0];
 		});
 
@@ -40,10 +41,6 @@ describe("fieldNoUiSlider.vue", () => {
 			expect(input.disabled).to.be.undefined;
 		});
 
-		before( () => {
-			vm.$appendTo(document.body);
-		});
-
 		it("should contain an handle element", (done) => {
 			if (window.noUiSlider) {
 				vm.$nextTick( () => {