adding more tests for the igCombo

for model binding and changes from
99d6538

Author: damyanpetev

test/app/index.html

@@ -91,7 +91,8 @@ <h1>igCombo</h1>
 		<input type="text" ng-model="combo.value1"/>
 		<ig-combo id="combo1" allow-custom-value="true" data-source="northwind" value-key-type="number" value-key="ProductID" text-key-type="string" text-Key="ProductName" ng-model="combo.value1">
 		</ig-combo>
-		<ig-combo id="combo2" data-source="northwind" value-key-type="number" value-key="ProductID" text-key-type="string" text-Key="ProductName" ng-model="combo.value1">
+		<ig-combo id="combo2" data-source="northwind" value-key-type="number" value-key="ProductID" text-key-type="string" text-Key="ProductName" ng-model="combo.value2">
+            <multi-selection enabled="true"></multi-selection>
 		</ig-combo>
 		<br/>
 		<ul id="combomodel">
@@ -162,6 +163,7 @@ <h1>igEditors</h1>
 		<script type="text/javascript" src="//cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.ui.combo.js"></script>
 		<script type="text/javascript" src="//cdn-na.infragistics.com/igniteui/latest/js/modules/infragistics.ui.validator.js"></script>
 		<script type="text/javascript" src="../../src/igniteui-angular.js"></script>
+		<script type="text/javascript" src="js/my-app-utils.js"></script>
 		<script type="text/javascript" src="js/my-app.js"></script>
 	</body>
 </html>

test/app/js/my-app-utils.js

@@ -0,0 +1,70 @@
+function testEventListener(widget, elementId, event) {
+	return $("#" + elementId).data(widget).options[event] != undefined;
+}
+
+function typeInInput(characters, element, callback) {
+    var keyDown = jQuery.Event("keydown"),
+       keyPress = jQuery.Event("keypress"),
+       keyUp = jQuery.Event("keyup"),
+       value = "";
+
+    characters.split('').forEach(function (ch) {
+        keyDown.keyCode = keyUp.keyCode = keyPress.keyCode = ch.charCodeAt(0);
+        keyDown.charCode = keyUp.charCode = keyPress.charCode = ch.charCodeAt(0);
+        element.trigger(keyDown);
+        element.trigger(keyPress);
+        value = value + ch;
+        element.val(value);
+        element.trigger(keyUp);
+        element.trigger("input"); // also throw input for Angular, ngModel only listens for that when supported
+        if (callback) {
+            callback();
+        }
+    });
+}
+
+function typeInInputWrap(characters, element, scopeEval) {
+    var editUpdateFlag = false,
+        scope = element.scope(),
+        originalValue = scope.$eval(scopeEval);
+    typeInInput(characters, element, function () {
+        //check scope value remains unchanged during search entry
+        if (scope.$eval(scopeEval) != originalValue) {
+            editUpdateFlag = true;
+        }
+    });
+    return editUpdateFlag;
+}
+
+function keyInteraction(key, target, special) {
+    keyDownChar(key, target, special);
+    keyPressChar(key, target, special);
+    keyUpChar(key, target, special);
+}
+function keyDownChar(key, target, special) {
+    var evt = $.Event("keydown");
+    evt.keyCode = key;
+    evt.charCode = key;
+    if (special) {
+        evt[special] = true;
+    }
+    target.trigger(evt);
+}
+function keyPressChar(key, target, special) {
+    var evt = $.Event("keypress");
+    evt.keyCode = key;
+    evt.charCode = key;
+    if (special) {
+        evt[special] = true;
+    }
+    target.trigger(evt);
+}
+function keyUpChar(key, target, special) {
+    var evt = $.Event("keyup");
+    evt.keyCode = key;
+    evt.charCode = key;
+    if (special) {
+        evt[special] = true;
+    }
+    target.trigger(evt);
+}

test/app/js/my-app.js

@@ -1256,7 +1256,7 @@ var NorthwindCtrl = function ($scope, $element, $compile) {
 	};
 	$scope.combo = {
 		value1: 20,
-		value2: "Chang"
+		value2: []
 	};
 	$scope.deleteDo = function (ix) {
 		$scope.dataObject.splice(ix, 1);

test/e2e/scenarios.js

@@ -559,15 +559,54 @@ describe('my app', function() {
 	});
 
 	describe("Combo", function() {
+		var scope = 'angular.element("#combo1").scope()',
+		combo = '$("#combo1")',
+		combo2 = '$("#combo2")';
+
 		it("should be initialized", function () {
 			util.resetNorthwindScope();
 			util.isInitialized('combo1', 'igCombo');
 			util.isInitialized('combo2', 'igCombo');
 		});
 
-		it("should update its view when model is changed", function() {
+		it("should be initialized with a value from the scope", function() {
+			expect(util.getResult(combo + '.igCombo("value")')).toBe(20);
+			expect(util.getResult(combo2 + '.igCombo("value").length')).toBe(0);
+		});
+
+		it("should update its value when model is changed", function() {
+			util.executeScript(scope + '.combo.value1 = 2;');
+			util.executeScript(scope + '.$apply();');
+			expect(util.getResult(combo + '.igCombo("value")')).toBe(2);
+            expect(util.getResult('$("#combo1").val()')).toBe("Chang");
 			util.executeScript('$("input[ng-model=\'combo.value1\']:eq(0)").val("5").trigger("input");');
 			expect(util.getResult('$("#combo1").val()')).toBe("Chef Anton's Gumbo Mix");
+
+			util.executeScript(scope + '.combo.value2 = [1];');
+            util.executeScript(scope + '.$apply();');
+            expect(util.getResult(combo2 + '.igCombo("value")[0]')).toBe(1);
+            expect(util.getResult('$("#combo2").val()')).toBe('Chai');
+		});
+
+		it("should set model on clear", function() {
+			util.executeScript(combo2 + ".igCombo('comboWrapper').find('.ui-igcombo-clear').click();");
+        	expect(util.getResult(scope + '.combo.value2.length')).toBe(0);
+		});
+
+		it("should update model on change with multi selection", function() {
+			util.executeScript(combo2 + ".igCombo('comboWrapper').find('.ui-igcombo-button').click();");
+			util.executeScript(combo2 + ".igCombo('dropDown').find('li').not('.ui-helper-hidden').eq(0).trigger($.Event('mousedown', { which: 1 })).trigger($.Event('mouseup', { which: 1 }));");
+			util.executeScript(combo2 + ".igCombo('dropDown').find('li').not('.ui-helper-hidden').eq(1).trigger($.Event('mousedown', { which: 1 })).trigger($.Event('mouseup', { which: 1 }));");
+        	expect(util.getResult(scope + '.combo.value2.toString()')).toBe('1,2');
+		});
+
+		it("should update model on change of combo input", function() {
+			util.executeScript(combo + ".focus();");
+			//check scope value remains unchanged during search entry
+			expect(util.getResult('typeInInputWrap("Chang", ' + combo + ', "combo.value1");')).toBe(false);
+			// wait for sleep resolve:
+			expect(browser.driver.sleep(250)).toBe(undefined); //util.getResult(combo + '.igCombo("option", "delayInputChangeProcessing");')
+        	expect(util.getResult(scope + '.combo.value1')).toBe(2);
 		});
 	});