Allow '.' in ngModel names. Closes #7.

Author: juliemr

protractor.js

@@ -197,7 +197,7 @@ clientSideScripts.findInput = function() {
   var model = arguments[0];
   var prefixes = ['ng-', 'ng_', 'data-ng-', 'x-ng-', 'ng\\:'];
   for (var p = 0; p < prefixes.length; ++p) {
-    var selector = 'input[' + prefixes[p] + 'model=' + model + ']';
+    var selector = 'input[' + prefixes[p] + 'model="' + model + '"]';
     var inputs = document.querySelectorAll(selector);
     if (inputs.length) {
       return inputs[0];
@@ -216,7 +216,7 @@ clientSideScripts.findSelect = function() {
   var model = arguments[0];
   var prefixes = ['ng-', 'ng_', 'data-ng-', 'x-ng-', 'ng\\:'];
   for (var p = 0; p < prefixes.length; ++p) {
-    var selector = 'select[' + prefixes[p] + 'model=' + model + ']';
+    var selector = 'select[' + prefixes[p] + 'model="' + model + '"]';
     var inputs = document.querySelectorAll(selector);
     if (inputs.length) {
       return inputs[0];
@@ -236,7 +236,7 @@ clientSideScripts.findSelectedOption = function() {
   var prefixes = ['ng-', 'ng_', 'data-ng-', 'x-ng-', 'ng\\:'];
   for (var p = 0; p < prefixes.length; ++p) {
     var selector =
-        'select[' + prefixes[p] + 'model=' + model + '] option:checked';
+        'select[' + prefixes[p] + 'model="' + model + '"] option:checked';
     var inputs = document.querySelectorAll(selector);
     if (inputs.length) {
       return inputs[0];

spec/testAppSpec.js

@@ -95,22 +95,22 @@ describe('test application', function() {
         expect(text).toBe('');
       });
 
-      ptor.findElement(protractor.By.input('xcheck')).click();
+      ptor.findElement(protractor.By.input('check.w')).click();
       letterList.getText().then(function(text) {
-        expect(text).toBe('x');
+        expect(text).toBe('w');
       });
 
-      ptor.findElement(protractor.By.input('ycheck')).click();
+      ptor.findElement(protractor.By.input('check.x')).click();
       letterList.getText().then(function(text) {
-        expect(text).toBe('xy');
+        expect(text).toBe('wx');
       });
 
-      ptor.findElement(protractor.By.input('wcheck')).click();
+      ptor.findElement(protractor.By.input('check.y')).click();
       letterList.getText().then(function(text) {
         expect(text).toBe('wxy');
       });
 
-      ptor.findElement(protractor.By.input('zcheck')).click();
+      ptor.findElement(protractor.By.input('check.z')).click();
       letterList.getText().then(function(text) {
         expect(text).toBe('wxyz');
         done();

testapp/app/partials/form.html

@@ -12,11 +12,11 @@
 <span id="shower" ng-show="show">Shown!!</span>
 </div>
 
-<input data-ng-model="wcheck" ng-true-value="w" type="checkbox"/> W
-<input data-ng-model="xcheck" ng-true-value="x" type="checkbox"/> X
-<input x-ng-model="ycheck" ng-true-value="y" type="checkbox"/> Y
-<input ng_model="zcheck" ng-true-value="z" type="checkbox"/> Z
-<span id="letterlist">{{wcheck}}{{xcheck}}{{ycheck}}{{zcheck}}</span>
+<input ng:model="check.w" ng-true-value="w" type="checkbox"/> W
+<input data-ng-model="check.x" ng-true-value="x" type="checkbox"/> X
+<input x-ng-model="check.y" ng-true-value="y" type="checkbox"/> Y
+<input ng_model="check.z" ng-true-value="z" type="checkbox"/> Z
+<span id="letterlist">{{check.w}}{{check.x}}{{check.y}}{{check.z}}</span>
 
 <ul><li ng-repeat="baz in days | filter:'T'">{{baz}}</li></ul>
 <ul><li data-ng-repeat="day in days">{{day}}</li></ul>