Adding a test case which shows the problem with polling sites.

Author: juliemr

Diff for: spec/polling_spec.js

@@ -0,0 +1,23 @@
+var util = require('util');
+
+describe('synchronizing with pages that poll', function() {
+  var ptor = protractor.getInstance();
+
+  beforeEach(function() {
+    ptor.get('app/index.html#/polling');
+  });
+
+  it('times out :(', function() {
+    var startButton =
+      ptor.findElement(protractor.By.id('pollstarter'));
+
+    var count = ptor.findElement(protractor.By.binding('count'));
+    expect(count.getText()).toEqual('0');
+
+    startButton.click();
+
+    count.getText().then(function(text) {
+      expect(text).toBeGreaterThan(2);
+    });
+  });
+});

Diff for: testapp/app/index.html

@@ -13,6 +13,7 @@
     <li><a href="#/form">form</a></li>
     <li><a href="#/async">async</a></li>
     <li><a href="#/conflict">conflict</a></li>
+    <li><a href="#/polling">polling</a></li>
   </ul>
 
   <div ng-view></div>

Diff for: testapp/app/js/app.js

@@ -10,5 +10,6 @@ angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives'])
     $routeProvider.when('/form', {templateUrl: 'partials/form.html', controller: FormCtrl});
     $routeProvider.when('/async', {templateUrl: 'partials/async.html', controller: AsyncCtrl});
     $routeProvider.when('/conflict', {templateUrl: 'partials/conflict.html', controller: ConflictCtrl});
+    $routeProvider.when('/polling', {templateUrl: 'partials/polling.html', controller: PollingCtrl});
     $routeProvider.otherwise({redirectTo: '/http'});
   }]);

Diff for: testapp/app/js/controllers.js

@@ -178,3 +178,19 @@ function ConflictCtrl($scope) {
   }]
 };
 ConflictCtrl.$inject = ['$scope'];
+
+function PollingCtrl($scope, $timeout) {
+  $scope.count = 0;
+
+  $scope.startPolling = function() {
+    function poll() {
+      $timeout(function() {
+        $scope.count++;
+        poll();
+      }, 1000);
+    };
+
+    poll();
+  };
+};
+PollingCtrl.$inject = ['$scope', '$timeout'];

Diff for: testapp/app/partials/polling.html

@@ -0,0 +1,4 @@
+<div>This view shows a controller which uses a polling mechanism to
+  contact the server. It is constantly using angular's $timeout.</div>
+<button id="pollstarter" ng-click="startPolling()">Start Polling</button>
+<div>{{count}}</div>