From 6d1068771daac5d58265b98b5279ca401c9d104c Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 11:56:57 +0200
Subject: [PATCH 01/20] fix: add disabled option to noUiSlider field

---
 src/fields/fieldNoUiSlider.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/fields/fieldNoUiSlider.vue b/src/fields/fieldNoUiSlider.vue
index 5e7f745a..6851dd4e 100644
--- a/src/fields/fieldNoUiSlider.vue
+++ b/src/fields/fieldNoUiSlider.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	div.slider
+	div.slider(:disabled="disabled")
 </template>
 
 <script>

From 59d50367cb91e45a4d9f7b49605aa1084864161e Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 11:57:52 +0200
Subject: [PATCH 02/20] test: improve testing of noUiSlider

---
 .../unit/specs/fields/fieldNoUiSlider.spec.js | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/test/unit/specs/fields/fieldNoUiSlider.spec.js b/test/unit/specs/fields/fieldNoUiSlider.spec.js
index 5955f9b2..609aab28 100644
--- a/test/unit/specs/fields/fieldNoUiSlider.spec.js
+++ b/test/unit/specs/fields/fieldNoUiSlider.spec.js
@@ -38,5 +38,25 @@ describe("fieldNoUiSlider.vue", () => {
 			expect(input).to.be.defined;
 			expect(input.classList.contains("slider")).to.be.true;			
 		});
+
+		before( () => {
+			vm.$appendTo(document.body);			
+		});
+
+		it("should only test in the correct environment", (done) => {
+			if (window.noUiSlider) {
+				// make assertions
+				it("should contain a complex div element", (done) => {
+					vm.$nextTick( () => {						
+						expect(input).to.be.defined;
+						expect(input.classList.contains("noui-target")).to.be.true;	
+						done();
+					});
+				});
+
+			} else {
+				this.skip();
+			}
+		});
 	});
 });

From 2e7380f91ca653c5afa59994931dc3b0b0c1d8bd Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 15:43:42 +0200
Subject: [PATCH 03/20] test: progress on noUiSlider

---
 .../unit/specs/fields/fieldNoUiSlider.spec.js | 66 +++++++++++++++----
 1 file changed, 55 insertions(+), 11 deletions(-)

diff --git a/test/unit/specs/fields/fieldNoUiSlider.spec.js b/test/unit/specs/fields/fieldNoUiSlider.spec.js
index 609aab28..d6767c3f 100644
--- a/test/unit/specs/fields/fieldNoUiSlider.spec.js
+++ b/test/unit/specs/fields/fieldNoUiSlider.spec.js
@@ -36,27 +36,71 @@ describe("fieldNoUiSlider.vue", () => {
 			expect(field.$el).to.be.exist;
 
 			expect(input).to.be.defined;
-			expect(input.classList.contains("slider")).to.be.true;			
+			expect(input.classList.contains("slider")).to.be.true;
+			expect(input.disabled).to.be.undefined;
 		});
 
 		before( () => {
-			vm.$appendTo(document.body);			
+			vm.$appendTo(document.body);
 		});
 
-		it("should only test in the correct environment", (done) => {
+		it("should contain an handle element", (done) => {
 			if (window.noUiSlider) {
-				// make assertions
-				it("should contain a complex div element", (done) => {
-					vm.$nextTick( () => {						
-						expect(input).to.be.defined;
-						expect(input.classList.contains("noui-target")).to.be.true;	
-						done();
-					});
+				vm.$nextTick( () => {
+					let handle = input.querySelectorAll(".noUi-handle");
+					expect(handle.length).to.be.equal(1);					
+					expect(handle[0]).to.be.defined;
+					// expect(input.classList.contains("noui-target")).to.be.true;
+					done();
 				});
-
 			} else {
 				this.skip();
 			}
 		});
+
+		it.skip("should contain the value", (done) => {
+			vm.$nextTick( () => {
+				let origin = input.querySelectorAll(".noUi-origin")[0];				
+				expect(origin.style.left).to.be.within("70%", "90%");
+				done();
+			});
+		});
+
+		before( () => {
+			vm.model = { rating: 10 };
+		});
+
+		it("handle value should be the model value after changed", (done) => {
+			vm.$nextTick( () => {
+				let origin = input.querySelectorAll(".noUi-origin")[0];				
+				expect(origin.style.left).to.be.equal("100%");				
+				done();
+			});
+		});
+
+		// before( (done) => {
+		// 	input.querySelectorAll(".noUi-origin")[0].style.left = "0%";
+		// 	vm.$nextTick( () => {
+		// 		done();
+		// 	});
+		// });
+
+		it.skip("model value should be the handle value after changed", (done) => {
+			vm.$nextTick( () => {
+				expect(vm.model.rating).to.be.equal("0");				
+				done();
+			});
+		});
+		
+		it.skip("should set disabled", (done) => {			
+			console.log(field.disabled);
+			console.log(input);
+			vm.schema.disabled = true;
+			vm.$nextTick( () => {
+				console.log(input);
+				expect(input.disabled).to.be.true;
+				done();
+			});
+		});
 	});
 });

From e338e6d0d2b38651a063504a49b003f374babb01 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 15:44:50 +0200
Subject: [PATCH 04/20] fix: Cleavejs better mask definition

---
 dev/schema.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dev/schema.js b/dev/schema.js
index d3a48039..0f19091f 100644
--- a/dev/schema.js
+++ b/dev/schema.js
@@ -222,9 +222,9 @@ module.exports = {
     			numeralDecimalScale: 2,
     			numeralDecimalMark: '.',
     			// General
-    			blocks: [0, 2, 3, 4],
+    			blocks: [0, 2, 0, 3, 4],
     			delimiter: ' ',
-    			delimiters: ['(', ') ', '-', '-'],
+    			delimiters: ['(', ')', ' ', '-', '-'],
     			// prefix: '(',
     			numericOnly: true,
     			uppercase: false,

From dfef1f178281280c3605bc4f7b38d4a9240b0600 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 15:45:25 +0200
Subject: [PATCH 05/20] dev: noUiSlider with scale

---
 dev/schema.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/dev/schema.js b/dev/schema.js
index 0f19091f..acc9f715 100644
--- a/dev/schema.js
+++ b/dev/schema.js
@@ -406,6 +406,16 @@ module.exports = {
 				// direction: "ltr", //"ltr", "rtl"
 				// tooltips: false, // false, true, formatter, array[formatter or false]
 				// animate: true,
+				range:{
+					'min': [  0 ],
+					'max': [ 10 ]
+				},
+				pips: {
+					mode: 'count',
+					values: 6,
+					density: 10,
+					stepped: true
+				}
 			},
 			// validator: validators.integer
 		},

From 136b112e180c705ecaf7a5be8d624c044d528c12 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 16:09:40 +0200
Subject: [PATCH 06/20] test: querySelector instead of querySelectorAll

---
 test/unit/specs/fields/fieldNoUiSlider.spec.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/test/unit/specs/fields/fieldNoUiSlider.spec.js b/test/unit/specs/fields/fieldNoUiSlider.spec.js
index d6767c3f..73262340 100644
--- a/test/unit/specs/fields/fieldNoUiSlider.spec.js
+++ b/test/unit/specs/fields/fieldNoUiSlider.spec.js
@@ -47,9 +47,8 @@ describe("fieldNoUiSlider.vue", () => {
 		it("should contain an handle element", (done) => {
 			if (window.noUiSlider) {
 				vm.$nextTick( () => {
-					let handle = input.querySelectorAll(".noUi-handle");
-					expect(handle.length).to.be.equal(1);					
-					expect(handle[0]).to.be.defined;
+					let handle = input.querySelector(".noUi-handle");
+					expect(handle).to.be.defined;
 					// expect(input.classList.contains("noui-target")).to.be.true;
 					done();
 				});
@@ -60,7 +59,7 @@ describe("fieldNoUiSlider.vue", () => {
 
 		it.skip("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				let origin = input.querySelectorAll(".noUi-origin")[0];				
+				let origin = input.querySelector(".noUi-origin");				
 				expect(origin.style.left).to.be.within("70%", "90%");
 				done();
 			});
@@ -72,7 +71,7 @@ describe("fieldNoUiSlider.vue", () => {
 
 		it("handle value should be the model value after changed", (done) => {
 			vm.$nextTick( () => {
-				let origin = input.querySelectorAll(".noUi-origin")[0];				
+				let origin = input.querySelector(".noUi-origin");				
 				expect(origin.style.left).to.be.equal("100%");				
 				done();
 			});

From 99b6a4ded48aea935f494eab89d996cbfc633827 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 16:18:46 +0200
Subject: [PATCH 07/20] fix: handle missing library better

---
 test/unit/specs/fields/fieldNoUiSlider.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/unit/specs/fields/fieldNoUiSlider.spec.js b/test/unit/specs/fields/fieldNoUiSlider.spec.js
index 73262340..16066890 100644
--- a/test/unit/specs/fields/fieldNoUiSlider.spec.js
+++ b/test/unit/specs/fields/fieldNoUiSlider.spec.js
@@ -53,7 +53,7 @@ describe("fieldNoUiSlider.vue", () => {
 					done();
 				});
 			} else {
-				this.skip();
+				throw new Exception("Library is not loaded");
 			}
 		});
 

From c169cb3574dc39235a6c3ba5f0b04bac6f5793f4 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 11:56:57 +0200
Subject: [PATCH 08/20] fix: add disabled option to noUiSlider field

---
 src/fields/fieldNoUiSlider.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/fields/fieldNoUiSlider.vue b/src/fields/fieldNoUiSlider.vue
index 5e7f745a..6851dd4e 100644
--- a/src/fields/fieldNoUiSlider.vue
+++ b/src/fields/fieldNoUiSlider.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	div.slider
+	div.slider(:disabled="disabled")
 </template>
 
 <script>

From 42c9ea9ac0ea4a7280783f2746b59a04ce9e8b6f Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 11:57:52 +0200
Subject: [PATCH 09/20] test: improve testing of noUiSlider

---
 .../unit/specs/fields/fieldNoUiSlider.spec.js | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/test/unit/specs/fields/fieldNoUiSlider.spec.js b/test/unit/specs/fields/fieldNoUiSlider.spec.js
index 5955f9b2..609aab28 100644
--- a/test/unit/specs/fields/fieldNoUiSlider.spec.js
+++ b/test/unit/specs/fields/fieldNoUiSlider.spec.js
@@ -38,5 +38,25 @@ describe("fieldNoUiSlider.vue", () => {
 			expect(input).to.be.defined;
 			expect(input.classList.contains("slider")).to.be.true;			
 		});
+
+		before( () => {
+			vm.$appendTo(document.body);			
+		});
+
+		it("should only test in the correct environment", (done) => {
+			if (window.noUiSlider) {
+				// make assertions
+				it("should contain a complex div element", (done) => {
+					vm.$nextTick( () => {						
+						expect(input).to.be.defined;
+						expect(input.classList.contains("noui-target")).to.be.true;	
+						done();
+					});
+				});
+
+			} else {
+				this.skip();
+			}
+		});
 	});
 });

From dea27a2783e9712cc4aa36bd5a859c86816982ce Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 15:43:42 +0200
Subject: [PATCH 10/20] test: progress on noUiSlider

---
 .../unit/specs/fields/fieldNoUiSlider.spec.js | 66 +++++++++++++++----
 1 file changed, 55 insertions(+), 11 deletions(-)

diff --git a/test/unit/specs/fields/fieldNoUiSlider.spec.js b/test/unit/specs/fields/fieldNoUiSlider.spec.js
index 609aab28..d6767c3f 100644
--- a/test/unit/specs/fields/fieldNoUiSlider.spec.js
+++ b/test/unit/specs/fields/fieldNoUiSlider.spec.js
@@ -36,27 +36,71 @@ describe("fieldNoUiSlider.vue", () => {
 			expect(field.$el).to.be.exist;
 
 			expect(input).to.be.defined;
-			expect(input.classList.contains("slider")).to.be.true;			
+			expect(input.classList.contains("slider")).to.be.true;
+			expect(input.disabled).to.be.undefined;
 		});
 
 		before( () => {
-			vm.$appendTo(document.body);			
+			vm.$appendTo(document.body);
 		});
 
-		it("should only test in the correct environment", (done) => {
+		it("should contain an handle element", (done) => {
 			if (window.noUiSlider) {
-				// make assertions
-				it("should contain a complex div element", (done) => {
-					vm.$nextTick( () => {						
-						expect(input).to.be.defined;
-						expect(input.classList.contains("noui-target")).to.be.true;	
-						done();
-					});
+				vm.$nextTick( () => {
+					let handle = input.querySelectorAll(".noUi-handle");
+					expect(handle.length).to.be.equal(1);					
+					expect(handle[0]).to.be.defined;
+					// expect(input.classList.contains("noui-target")).to.be.true;
+					done();
 				});
-
 			} else {
 				this.skip();
 			}
 		});
+
+		it.skip("should contain the value", (done) => {
+			vm.$nextTick( () => {
+				let origin = input.querySelectorAll(".noUi-origin")[0];				
+				expect(origin.style.left).to.be.within("70%", "90%");
+				done();
+			});
+		});
+
+		before( () => {
+			vm.model = { rating: 10 };
+		});
+
+		it("handle value should be the model value after changed", (done) => {
+			vm.$nextTick( () => {
+				let origin = input.querySelectorAll(".noUi-origin")[0];				
+				expect(origin.style.left).to.be.equal("100%");				
+				done();
+			});
+		});
+
+		// before( (done) => {
+		// 	input.querySelectorAll(".noUi-origin")[0].style.left = "0%";
+		// 	vm.$nextTick( () => {
+		// 		done();
+		// 	});
+		// });
+
+		it.skip("model value should be the handle value after changed", (done) => {
+			vm.$nextTick( () => {
+				expect(vm.model.rating).to.be.equal("0");				
+				done();
+			});
+		});
+		
+		it.skip("should set disabled", (done) => {			
+			console.log(field.disabled);
+			console.log(input);
+			vm.schema.disabled = true;
+			vm.$nextTick( () => {
+				console.log(input);
+				expect(input.disabled).to.be.true;
+				done();
+			});
+		});
 	});
 });

From 34a6401c2eb585b2bb49e79ddb180c8aab255244 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 15:44:50 +0200
Subject: [PATCH 11/20] fix: Cleavejs better mask definition

---
 dev/schema.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dev/schema.js b/dev/schema.js
index d3a48039..0f19091f 100644
--- a/dev/schema.js
+++ b/dev/schema.js
@@ -222,9 +222,9 @@ module.exports = {
     			numeralDecimalScale: 2,
     			numeralDecimalMark: '.',
     			// General
-    			blocks: [0, 2, 3, 4],
+    			blocks: [0, 2, 0, 3, 4],
     			delimiter: ' ',
-    			delimiters: ['(', ') ', '-', '-'],
+    			delimiters: ['(', ')', ' ', '-', '-'],
     			// prefix: '(',
     			numericOnly: true,
     			uppercase: false,

From e1b4126678a6f2dcee67f36d2a99cbd11272f66f Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 15:45:25 +0200
Subject: [PATCH 12/20] dev: noUiSlider with scale

---
 dev/schema.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/dev/schema.js b/dev/schema.js
index 0f19091f..acc9f715 100644
--- a/dev/schema.js
+++ b/dev/schema.js
@@ -406,6 +406,16 @@ module.exports = {
 				// direction: "ltr", //"ltr", "rtl"
 				// tooltips: false, // false, true, formatter, array[formatter or false]
 				// animate: true,
+				range:{
+					'min': [  0 ],
+					'max': [ 10 ]
+				},
+				pips: {
+					mode: 'count',
+					values: 6,
+					density: 10,
+					stepped: true
+				}
 			},
 			// validator: validators.integer
 		},

From 00bfbda677b3d760904883b5e3f16a82491a3e7c Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 16:09:40 +0200
Subject: [PATCH 13/20] test: querySelector instead of querySelectorAll

---
 test/unit/specs/fields/fieldNoUiSlider.spec.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/test/unit/specs/fields/fieldNoUiSlider.spec.js b/test/unit/specs/fields/fieldNoUiSlider.spec.js
index d6767c3f..73262340 100644
--- a/test/unit/specs/fields/fieldNoUiSlider.spec.js
+++ b/test/unit/specs/fields/fieldNoUiSlider.spec.js
@@ -47,9 +47,8 @@ describe("fieldNoUiSlider.vue", () => {
 		it("should contain an handle element", (done) => {
 			if (window.noUiSlider) {
 				vm.$nextTick( () => {
-					let handle = input.querySelectorAll(".noUi-handle");
-					expect(handle.length).to.be.equal(1);					
-					expect(handle[0]).to.be.defined;
+					let handle = input.querySelector(".noUi-handle");
+					expect(handle).to.be.defined;
 					// expect(input.classList.contains("noui-target")).to.be.true;
 					done();
 				});
@@ -60,7 +59,7 @@ describe("fieldNoUiSlider.vue", () => {
 
 		it.skip("should contain the value", (done) => {
 			vm.$nextTick( () => {
-				let origin = input.querySelectorAll(".noUi-origin")[0];				
+				let origin = input.querySelector(".noUi-origin");				
 				expect(origin.style.left).to.be.within("70%", "90%");
 				done();
 			});
@@ -72,7 +71,7 @@ describe("fieldNoUiSlider.vue", () => {
 
 		it("handle value should be the model value after changed", (done) => {
 			vm.$nextTick( () => {
-				let origin = input.querySelectorAll(".noUi-origin")[0];				
+				let origin = input.querySelector(".noUi-origin");				
 				expect(origin.style.left).to.be.equal("100%");				
 				done();
 			});

From ec93745ef843e12388b35ef5f9586a292479cce3 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Tue, 23 Aug 2016 16:18:46 +0200
Subject: [PATCH 14/20] fix: handle missing library better

---
 test/unit/specs/fields/fieldNoUiSlider.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/unit/specs/fields/fieldNoUiSlider.spec.js b/test/unit/specs/fields/fieldNoUiSlider.spec.js
index 73262340..16066890 100644
--- a/test/unit/specs/fields/fieldNoUiSlider.spec.js
+++ b/test/unit/specs/fields/fieldNoUiSlider.spec.js
@@ -53,7 +53,7 @@ describe("fieldNoUiSlider.vue", () => {
 					done();
 				});
 			} else {
-				this.skip();
+				throw new Exception("Library is not loaded");
 			}
 		});
 

From e59bcc113822ef9b69e4635b7c429b4d20bd221c Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Wed, 24 Aug 2016 11:10:05 +0200
Subject: [PATCH 15/20] fix: handle disabled and max props of VueMultiSelect
 better

---
 src/fields/fieldVueMultiSelect.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/fields/fieldVueMultiSelect.vue b/src/fields/fieldVueMultiSelect.vue
index 1ecbb97e..c26e6b91 100644
--- a/src/fields/fieldVueMultiSelect.vue
+++ b/src/fields/fieldVueMultiSelect.vue
@@ -17,7 +17,7 @@
 		:custom-label="schema.selectOptions.customLabel || null",
 		:taggable="schema.selectOptions.taggable",
 		:tag-placeholder="schema.selectOptions.tagPlaceholder",
-		:max="schema.max",
+		:max="schema.max || null",
 		@update="updateSelected",
 		@tag="addTag",
 		@select="onSelect",
@@ -33,7 +33,7 @@
 		:limit="schema.selectOptions.limit",
 		:limit-text="schema.selectOptions.limitText",
 		:loading="schema.selectOptions.loading",
-		:disabled="schema.disabled",
+		:disabled="disabled",
 	)
 </template>
 <script>

From 1c09c3087ef750e4bd4c510dec6e5114e82929b1 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Wed, 24 Aug 2016 11:11:59 +0200
Subject: [PATCH 16/20] test: improve unit testing of vueMultiSelect

---
 .../specs/fields/fieldVueMultiSelect.spec.js  | 61 +++++++++++++++++--
 1 file changed, 56 insertions(+), 5 deletions(-)

diff --git a/test/unit/specs/fields/fieldVueMultiSelect.spec.js b/test/unit/specs/fields/fieldVueMultiSelect.spec.js
index b38957df..dce5fca9 100644
--- a/test/unit/specs/fields/fieldVueMultiSelect.spec.js
+++ b/test/unit/specs/fields/fieldVueMultiSelect.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField } from "../util";
+import { createVueField, trigger } from "../util";
 
 import Vue from "vue";
 import fieldVueMultiSelect from "src/fields/fieldVueMultiSelect.vue";
@@ -20,7 +20,7 @@ describe("fieldVueMultiSelect.vue", () => {
 			type: "vueMultiSelect",
 			label: "Cities",
 			model: "city",
-			multiSelect: false,
+			multiSelect: true,
 			required: false,
 			values: [
 				"London",
@@ -35,7 +35,8 @@ describe("fieldVueMultiSelect.vue", () => {
 
 		before( () => {
 			createField(schema, model, false);
-			input = el.getElementsByTagName("select")[0];
+			vm.$appendTo(document.body);
+			input = el.querySelector(".multiselect");
 		});
 
 		it("should contain a select element", () => {
@@ -43,8 +44,58 @@ describe("fieldVueMultiSelect.vue", () => {
 			expect(field.$el).to.be.exist;
 
 			expect(input).to.be.defined;
-			// expect(input.classList.contains("form-control")).to.be.false;
-			// expect(input.disabled).to.be.false;	
+			expect(input.classList.contains("form-control")).to.be.false;
+			expect(input.classList.contains("multiselect--disabled")).to.be.false;
+		});
+
+		it("should contain option elements", () => {					
+			let options = input.querySelectorAll("li.multiselect__option");
+			console.log(options);
+			expect(options.length).to.be.equal(schema.values.length);
+			expect(options[1].querySelector("span").textContent).to.be.equal("Paris");
+			expect(options[1].classList.contains("multiselect__option--selected")).to.be.true;
+		});
+
+		it("should set disabled", (done) => {
+			field.disabled = true;
+			vm.$nextTick( () => {
+				expect(input.classList.contains("multiselect--disabled")).to.be.true;
+				field.disabled = false;
+				done();
+			});
+		});
+
+		it("input value should be the model value after changed", (done) => {
+			model.city = "Rome";
+			vm.$nextTick( () => {
+				let options = input.querySelectorAll("li.multiselect__option");			
+				expect(options[2].querySelector("span").textContent).to.be.equal("Rome");
+				expect(options[2].classList.contains("multiselect__option--selected")).to.be.true;	
+				done();
+			});
+		});
+
+		it("input value should be the model value after changed (multiselection)", (done) => {
+			model.city = ["Paris","Rome"];
+			vm.$nextTick( () => {
+				let options = input.querySelectorAll("li.multiselect__option");
+				expect(options[1].querySelector("span").textContent).to.be.equal("Paris");
+				expect(options[1].classList.contains("multiselect__option--selected")).to.be.true;	
+				expect(options[2].querySelector("span").textContent).to.be.equal("Rome");
+				expect(options[2].classList.contains("multiselect__option--selected")).to.be.true;	
+				done();
+			});
+		});
+
+		it("model value should be the input value if changed", (done) => {
+			let options = input.querySelectorAll("li.multiselect__option");
+			trigger(options[2], "mousedown");			
+			
+			vm.$nextTick( () => {
+				expect(model.city[0]).to.be.equal("Paris");
+				done();
+			});
+
 		});
 	});
 });
\ No newline at end of file

From a2665dde8bb8c42371380eb799657ec636118b82 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Wed, 24 Aug 2016 11:14:31 +0200
Subject: [PATCH 17/20] fix: lint error

---
 test/unit/specs/fields/fieldNoUiSlider.spec.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/test/unit/specs/fields/fieldNoUiSlider.spec.js b/test/unit/specs/fields/fieldNoUiSlider.spec.js
index 16066890..69169dab 100644
--- a/test/unit/specs/fields/fieldNoUiSlider.spec.js
+++ b/test/unit/specs/fields/fieldNoUiSlider.spec.js
@@ -53,6 +53,7 @@ describe("fieldNoUiSlider.vue", () => {
 					done();
 				});
 			} else {
+				// eslint-disable-next-line
 				throw new Exception("Library is not loaded");
 			}
 		});

From 9a6fc4beeaca5666e109c862200898775ede3a0e Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Wed, 24 Aug 2016 11:10:05 +0200
Subject: [PATCH 18/20] fix: handle disabled and max props of VueMultiSelect
 better

---
 src/fields/fieldVueMultiSelect.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/fields/fieldVueMultiSelect.vue b/src/fields/fieldVueMultiSelect.vue
index 1ecbb97e..c26e6b91 100644
--- a/src/fields/fieldVueMultiSelect.vue
+++ b/src/fields/fieldVueMultiSelect.vue
@@ -17,7 +17,7 @@
 		:custom-label="schema.selectOptions.customLabel || null",
 		:taggable="schema.selectOptions.taggable",
 		:tag-placeholder="schema.selectOptions.tagPlaceholder",
-		:max="schema.max",
+		:max="schema.max || null",
 		@update="updateSelected",
 		@tag="addTag",
 		@select="onSelect",
@@ -33,7 +33,7 @@
 		:limit="schema.selectOptions.limit",
 		:limit-text="schema.selectOptions.limitText",
 		:loading="schema.selectOptions.loading",
-		:disabled="schema.disabled",
+		:disabled="disabled",
 	)
 </template>
 <script>

From 1b2429308db2d60614679559d4df3abbec2dfeb9 Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Wed, 24 Aug 2016 11:11:59 +0200
Subject: [PATCH 19/20] test: improve unit testing of vueMultiSelect

---
 .../specs/fields/fieldVueMultiSelect.spec.js  | 61 +++++++++++++++++--
 1 file changed, 56 insertions(+), 5 deletions(-)

diff --git a/test/unit/specs/fields/fieldVueMultiSelect.spec.js b/test/unit/specs/fields/fieldVueMultiSelect.spec.js
index b38957df..dce5fca9 100644
--- a/test/unit/specs/fields/fieldVueMultiSelect.spec.js
+++ b/test/unit/specs/fields/fieldVueMultiSelect.spec.js
@@ -1,5 +1,5 @@
 import { expect } from "chai";
-import { createVueField } from "../util";
+import { createVueField, trigger } from "../util";
 
 import Vue from "vue";
 import fieldVueMultiSelect from "src/fields/fieldVueMultiSelect.vue";
@@ -20,7 +20,7 @@ describe("fieldVueMultiSelect.vue", () => {
 			type: "vueMultiSelect",
 			label: "Cities",
 			model: "city",
-			multiSelect: false,
+			multiSelect: true,
 			required: false,
 			values: [
 				"London",
@@ -35,7 +35,8 @@ describe("fieldVueMultiSelect.vue", () => {
 
 		before( () => {
 			createField(schema, model, false);
-			input = el.getElementsByTagName("select")[0];
+			vm.$appendTo(document.body);
+			input = el.querySelector(".multiselect");
 		});
 
 		it("should contain a select element", () => {
@@ -43,8 +44,58 @@ describe("fieldVueMultiSelect.vue", () => {
 			expect(field.$el).to.be.exist;
 
 			expect(input).to.be.defined;
-			// expect(input.classList.contains("form-control")).to.be.false;
-			// expect(input.disabled).to.be.false;	
+			expect(input.classList.contains("form-control")).to.be.false;
+			expect(input.classList.contains("multiselect--disabled")).to.be.false;
+		});
+
+		it("should contain option elements", () => {					
+			let options = input.querySelectorAll("li.multiselect__option");
+			console.log(options);
+			expect(options.length).to.be.equal(schema.values.length);
+			expect(options[1].querySelector("span").textContent).to.be.equal("Paris");
+			expect(options[1].classList.contains("multiselect__option--selected")).to.be.true;
+		});
+
+		it("should set disabled", (done) => {
+			field.disabled = true;
+			vm.$nextTick( () => {
+				expect(input.classList.contains("multiselect--disabled")).to.be.true;
+				field.disabled = false;
+				done();
+			});
+		});
+
+		it("input value should be the model value after changed", (done) => {
+			model.city = "Rome";
+			vm.$nextTick( () => {
+				let options = input.querySelectorAll("li.multiselect__option");			
+				expect(options[2].querySelector("span").textContent).to.be.equal("Rome");
+				expect(options[2].classList.contains("multiselect__option--selected")).to.be.true;	
+				done();
+			});
+		});
+
+		it("input value should be the model value after changed (multiselection)", (done) => {
+			model.city = ["Paris","Rome"];
+			vm.$nextTick( () => {
+				let options = input.querySelectorAll("li.multiselect__option");
+				expect(options[1].querySelector("span").textContent).to.be.equal("Paris");
+				expect(options[1].classList.contains("multiselect__option--selected")).to.be.true;	
+				expect(options[2].querySelector("span").textContent).to.be.equal("Rome");
+				expect(options[2].classList.contains("multiselect__option--selected")).to.be.true;	
+				done();
+			});
+		});
+
+		it("model value should be the input value if changed", (done) => {
+			let options = input.querySelectorAll("li.multiselect__option");
+			trigger(options[2], "mousedown");			
+			
+			vm.$nextTick( () => {
+				expect(model.city[0]).to.be.equal("Paris");
+				done();
+			});
+
 		});
 	});
 });
\ No newline at end of file

From 09a41f0ca519804262637a3962e7ab62b78dd55d Mon Sep 17 00:00:00 2001
From: Lionel Bijaoui <lionel.bijaoui@aviitam.com>
Date: Wed, 24 Aug 2016 14:35:01 +0200
Subject: [PATCH 20/20] test: improve testing of VueMultiSelect

---
 test/unit/specs/fields/fieldVueMultiSelect.spec.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/test/unit/specs/fields/fieldVueMultiSelect.spec.js b/test/unit/specs/fields/fieldVueMultiSelect.spec.js
index dce5fca9..8fa1a389 100644
--- a/test/unit/specs/fields/fieldVueMultiSelect.spec.js
+++ b/test/unit/specs/fields/fieldVueMultiSelect.spec.js
@@ -49,8 +49,7 @@ describe("fieldVueMultiSelect.vue", () => {
 		});
 
 		it("should contain option elements", () => {					
-			let options = input.querySelectorAll("li.multiselect__option");
-			console.log(options);
+			let options = input.querySelectorAll("li.multiselect__option");			
 			expect(options.length).to.be.equal(schema.values.length);
 			expect(options[1].querySelector("span").textContent).to.be.equal("Paris");
 			expect(options[1].classList.contains("multiselect__option--selected")).to.be.true;
@@ -68,6 +67,7 @@ describe("fieldVueMultiSelect.vue", () => {
 		it("input value should be the model value after changed", (done) => {
 			model.city = "Rome";
 			vm.$nextTick( () => {
+				expect(input.querySelectorAll("li.multiselect__option--selected").length).to.be.equal(1);
 				let options = input.querySelectorAll("li.multiselect__option");			
 				expect(options[2].querySelector("span").textContent).to.be.equal("Rome");
 				expect(options[2].classList.contains("multiselect__option--selected")).to.be.true;	
@@ -78,6 +78,7 @@ describe("fieldVueMultiSelect.vue", () => {
 		it("input value should be the model value after changed (multiselection)", (done) => {
 			model.city = ["Paris","Rome"];
 			vm.$nextTick( () => {
+				expect(input.querySelectorAll("li.multiselect__option--selected").length).to.be.equal(2);
 				let options = input.querySelectorAll("li.multiselect__option");
 				expect(options[1].querySelector("span").textContent).to.be.equal("Paris");
 				expect(options[1].classList.contains("multiselect__option--selected")).to.be.true;	
@@ -92,6 +93,7 @@ describe("fieldVueMultiSelect.vue", () => {
 			trigger(options[2], "mousedown");			
 			
 			vm.$nextTick( () => {
+				expect(model.city.length).to.be.equal(1);
 				expect(model.city[0]).to.be.equal("Paris");
 				done();
 			});