Adding waitForAngular calls before WebElement functions. Closes #37.

Author: juliemr

lib/protractor.js

@@ -346,7 +346,23 @@ Protractor.prototype.waitForAngular = function() {
  *
  * @param {webdriver.WebElement} element
  */
-var wrapWebElement = function(element) {
+Protractor.prototype.wrapWebElement = function(element) {
+  var thisPtor = this;
+  // Before any of these WebElement functions, Protractor will wait to make sure
+  // Angular is synched up.
+  var functionsToSync = [
+    'click', 'sendKeys', 'getTagName', 'getCssValue', 'getAttribute', 'getText',
+    'getSize', 'getLocation', 'isEnabled', 'isSelected', 'submit', 'clear',
+    'isDisplayed', 'getOuterHtml', 'getInnerHtml'];
+  var originalFns = {};
+  functionsToSync.forEach(function(name) {
+    originalFns[name] = element[name];
+    element[name] = function() {
+      thisPtor.waitForAngular();
+      return originalFns[name].apply(element, arguments);
+    }
+  });
+
   var originalFindElement = element.findElement;
   var originalFindElements = element.findElements;
 
@@ -355,6 +371,7 @@ var wrapWebElement = function(element) {
    * @return {!webdriver.WebElement}
    */
   element.findElement = function(locator, varArgs) {
+    thisPtor.waitForAngular();
     if (locator.findOverride) {
       return locator.findOverride(element.getDriver(), element);
     }
@@ -367,6 +384,7 @@ var wrapWebElement = function(element) {
    *     array of the located {@link webdriver.WebElement}s.
    */
   element.findElements = function(locator, varArgs) {
+    thisPtor.waitForAngular();
     if (locator.findArrayOverride) {
       return locator.findArrayOverride(element.getDriver(), element);
     }
@@ -384,8 +402,8 @@ var wrapWebElement = function(element) {
    *     will be returned as a WebElement.
    */
   element.evaluate = function(expression) {
-    // put into clientSideScripts
-    // Should this be a function of WebElement? (yes)
+    // TODO: put into clientSideScripts
+    thisPtor.waitForAngular();
     return element.getDriver().executeScript(function() {
       var element = arguments[0];
       var expression = arguments[1];
@@ -405,9 +423,9 @@ var wrapWebElement = function(element) {
 Protractor.prototype.findElement = function(locator, varArgs) {
   this.waitForAngular();
   if (locator.findOverride) {
-    return wrapWebElement(locator.findOverride(this.driver));
+    return this.wrapWebElement(locator.findOverride(this.driver));
   }
-  return wrapWebElement(this.driver.findElement(locator, varArgs));
+  return this.wrapWebElement(this.driver.findElement(locator, varArgs));
 };
 
 /**
@@ -417,11 +435,12 @@ Protractor.prototype.findElement = function(locator, varArgs) {
  *     array of the located {@link webdriver.WebElement}s.
  */
 Protractor.prototype.findElements = function(locator, varArgs) {
+  var self = this;
   this.waitForAngular();
   if (locator.findArrayOverride) {
     return locator.findArrayOverride(this.driver).then(function(elems) {
       for (var i = 0; i < elems.length; ++i) {
-        wrapWebElement(elems[i]);
+        self.wrapWebElement(elems[i]);
       }
       return elems;
     });

spec/synchronize_spec.js

@@ -15,7 +15,6 @@ describe('synchronizing with slow pages', function() {
     expect(status.getText()).toEqual('not started');
 
     button.click();
-    ptor.waitForAngular();
 
     expect(status.getText()).toEqual('done');
   });
@@ -29,7 +28,6 @@ describe('synchronizing with slow pages', function() {
     expect(status.getText()).toEqual('not started');
 
     button.click();
-    ptor.waitForAngular();
 
     expect(status.getText()).toEqual('done');
   });
@@ -43,7 +41,6 @@ describe('synchronizing with slow pages', function() {
     expect(status.getText()).toEqual('not started');
 
     button.click();
-    ptor.waitForAngular();
 
     expect(status.getText()).toEqual('pending...');
   });
@@ -57,7 +54,6 @@ describe('synchronizing with slow pages', function() {
     expect(status.getText()).toEqual('not started');
 
     button.click();
-    ptor.waitForAngular();
 
     expect(status.getText()).toEqual('done');
   });
@@ -73,7 +69,6 @@ describe('synchronizing with slow pages', function() {
     expect(status.getText()).toEqual('not started');
 
     button.click();
-    ptor.waitForAngular();
 
     expect(status.getText()).toEqual('done');
   });
@@ -87,7 +82,6 @@ describe('synchronizing with slow pages', function() {
     expect(status.getText()).toEqual('not started');
 
     button.click();
-    ptor.waitForAngular();
 
     expect(status.getText()).toEqual('done');
   });