Merge pull request #44 from kellyselden/load-more-til-out-of-view

keep loading until you are out of view, closes #10

addon/components/infinity-loader.js

@@ -69,5 +69,9 @@ export default Ember.Component.extend({
     if (this.get('infinityModel.reachedInfinity') && this.get('destroyOnInfinity')) {
       this.destroy();
     }
+  }),
+
+  infinityModelPushed: Ember.observer('infinityModel.length', function() {
+    Ember.run.scheduleOnce('afterRender', this, this._checkIfInView);
   })
 });

tests/unit/components/infinity-loader-test.js

@@ -25,8 +25,7 @@ test('it will not destroy on load unless set', function(assert) {
     {id: 2, name: 'Potato'}
   ];
 
-  var component = this.subject();
-  component.set('infinityModel', infinityModelStub);
+  var component = this.subject({ infinityModel: infinityModelStub });
   this.render();
 
   assert.equal(component.get('destroyOnInfinity'), false);
@@ -53,8 +52,7 @@ test('it changes text property', function(assert) {
   ];
 
   var componentText;
-  var component = this.subject();
-  component.set('infinityModel', infinityModelStub);
+  var component = this.subject({ infinityModel: infinityModelStub });
   this.render();
 
   componentText = $.trim(component.$().text());
@@ -101,3 +99,30 @@ test('it throws error when multiple scrollable elements are found', function(ass
     this.render();
   }, Error, "Should raise error");
 });
+
+test('it checks if in view after model is pushed', function(assert) {
+  assert.expect(4);
+
+  var infinityModelStub = Ember.A();
+  function pushModel() {
+    infinityModelStub.pushObject({});
+  }
+  pushModel();
+
+  var component = this.subject({ infinityModel: infinityModelStub });
+  component.set('_checkIfInView', function() {
+    assert.ok(true);
+  });
+  this.render();
+
+  var done = assert.async();
+  var count = 3;
+  for (var i = 0; i < 3; i++) {
+    setTimeout(() => {
+      Ember.run(pushModel);
+      if (!--count) {
+        done();
+      }
+    });
+  }
+});