topVisible tests

Author: dhilt

test/BasicTestsSpec.js

@@ -713,4 +713,100 @@ describe('uiScroll', function () {
 
     });
 
+	describe('topVisible property: deep access and sync', function () {
+
+		it('should get topVisible as an adapter property', function () {
+			runTest({datasource: 'myMultipageDatasource', adapter: 'adapterContainer.innerContainer.adapter'},
+				function (viewport, scope) {
+					expect(!!scope.adapterContainer && !!scope.adapterContainer.innerContainer && !!scope.adapterContainer.innerContainer.adapter).toBe(true);
+					expect(angular.isString(scope.adapterContainer.innerContainer.adapter.topVisible)).toBe(true);
+				}
+			);
+		});
+
+		it('should get topVisible as a scope property', function () {
+			runTest({datasource: 'myMultipageDatasource', topVisible: 'scopeContainer.innerContainer.topVisible'},
+				function (viewport, scope) {
+					expect(!!scope.scopeContainer && !!scope.scopeContainer.innerContainer).toBe(true);
+					expect(angular.isString(scope.scopeContainer.innerContainer.topVisible)).toBe(true);
+				}
+			);
+		});
+
+		it('should sync scope-topVisible with adapter-topVisible', function () {
+			runTest({
+					datasource: 'myMultipageDatasource',
+					itemHeight: 40,
+					bufferSize: 3,
+					adapter: 'container1.adapter',
+					topVisible: 'container2.topVisible'
+				},
+				function (viewport, scope, $timeout) {
+					var topVisibleChangeCount = 0;
+
+					scope.$watch('container1.adapter.topVisible', function(newValue) {
+						topVisibleChangeCount++;
+
+						expect(scope.container1.adapter.topVisible).toBe(newValue);
+						expect(scope.container2.topVisible).toBe(newValue);
+
+						if(topVisibleChangeCount === 1) {
+							expect(newValue).toBe('item3');
+						}
+						else if(topVisibleChangeCount === 2) {
+							expect(newValue).toBe('item8');
+						}
+					});
+
+					viewport.scrollTop(100); // 100 : 40 = 2.5 --> item3
+					viewport.trigger('scroll');
+					$timeout.flush();
+
+					viewport.scrollTop(300); // 300 : 40 = 7.5 --> item8
+					viewport.trigger('scroll');
+					$timeout.flush();
+
+					expect(topVisibleChangeCount).toBe(2);
+				}
+			);
+		});
+
+		it('should sync scope-topVisible with adapter-topVisible in case of single fetch', function () {
+			runTest({
+					datasource: 'myOneBigPageDatasource',
+					itemHeight: 40,
+					bufferSize: 3,
+					adapter: 'container1.adapter',
+					topVisible: 'container2.topVisible'
+				},
+				function (viewport, scope) {
+					var topVisibleChangeCount = 0;
+
+					scope.$watch('container1.adapter.topVisible', function(newValue) {
+						topVisibleChangeCount++;
+
+						expect(scope.container1.adapter.topVisible).toBe(newValue);
+						expect(scope.container2.topVisible).toBe(newValue);
+
+						if(topVisibleChangeCount === 1) {
+							expect(newValue).toBe('item3');
+						}
+						else if(topVisibleChangeCount === 2) {
+							expect(newValue).toBe('item8');
+						}
+					});
+
+					viewport.scrollTop(100); // 100 : 40 = 2.5 --> item3
+					viewport.trigger('scroll');
+
+					viewport.scrollTop(300); // 300 : 40 = 7.5 --> item8
+					viewport.trigger('scroll');
+
+					expect(topVisibleChangeCount).toBe(2);
+				}
+			);
+		});
+
+	});
+
 });

test/datasources.js

@@ -15,7 +15,7 @@ angular.module('ui.scroll.test.datasources', [])
 
             // another layer of indirection introduced by the actualGet
             // is a workaround for the jasmine issue #1007 https://github.com/jasmine/jasmine/issues/1007
-            result = {
+            var result = {
                 get: function (descriptor, success) {
                     result.actualGet(descriptor, success);
                 },
@@ -43,12 +43,30 @@ angular.module('ui.scroll.test.datasources', [])
         }
     ])
 
+    .factory('myOneBigPageDatasource', [
+        '$log', '$timeout', '$rootScope', function () {
+            return {
+                get: function (index, count, success) {
+                    if (index === 1) {
+                      var resultList = [];
+                      for(var i = 1; i < 100; i++) {
+                        resultList.push('item' + i);
+                      }
+                      success(resultList);
+                    } else {
+                        success([]);
+                    }
+                }
+            };
+        }
+    ])
+
     .factory('myNewOnePageDatasource', [
         '$log', '$timeout', '$rootScope', function () {
 
             // another layer of indirection introduced by the actualGet
             // is a workaround for the jasmine issue #1007 https://github.com/jasmine/jasmine/issues/1007
-            result = {
+            var result = {
                 get: function (descriptor, success) {
                     result.actualGet(descriptor, success);
                 },

test/scaffolding.js

@@ -3,12 +3,13 @@ var createHtml = function (settings) {
     var itemStyle = settings.itemHeight ? ' style="height:' + settings.itemHeight + 'px"' : '';
     var bufferSize = settings.bufferSize ? ' buffer-size="' + settings.bufferSize + '"' : '';
     var isLoading = settings.isLoading ? ' is-loading="' + settings.isLoading + '"' : '';
+    var topVisible = settings.topVisible ? ' top-visible="' + settings.topVisible + '"' : '';
     var adapter = settings.adapter ? ' adapter="' + settings.adapter + '"' : '';
     var template = settings.template ? settings.template : '{{$index}}: {{item}}';
     return '<div ui-scroll-viewport' + viewportStyle + '>' +
         '<div ui-scroll="item in ' + settings.datasource + '"' +
         adapter +
-        itemStyle + bufferSize + isLoading + '>' +
+        itemStyle + bufferSize + isLoading + topVisible + '>' +
         template +
         '</div>' +
         '</div>';