fix(test): make reload-on-resize tests more specific

Author: tomersimis

src/angular-masonry.js

@@ -131,10 +131,11 @@
               columnWidth: parseInt(attrs.columnWidth, 10) || attrs.columnWidth
             }, attrOptions || {});
             element.masonry(options);
+            scope.masonryContainer = element[0];
             var loadImages = scope.$eval(attrs.loadImages);
             ctrl.loadImages = loadImages !== false;
             var preserveOrder = scope.$eval(attrs.preserveOrder);
-            ctrl.preserveOrder = (preserveOrder !== false && attrs.preserveOrder !== undefined);
+            ctrl.preserveOrder = (preserveOrder !== false && attrs.preserveOrder !== undefined); 
             var reloadOnShow = scope.$eval(attrs.reloadOnShow);
             if (reloadOnShow !== false && attrs.reloadOnShow !== undefined) {
               scope.$watch(function () {
@@ -147,9 +148,7 @@
             }
             var reloadOnResize = scope.$eval(attrs.reloadOnResize);
             if (reloadOnResize !== false && attrs.reloadOnResize !== undefined) {
-              scope.$watch(function () {
-                return element.prop('offsetWidth');
-              }, function (newWidth, oldWidth) {
+              scope.$watch('masonryContainer.offsetWidth', function (newWidth, oldWidth) {
                 if (newWidth != oldWidth) {
                   ctrl.reload();
                 }

test/spec/directive.coffee

@@ -82,15 +82,15 @@ describe 'angular-masonry', ->
     element = angular.element '<masonry reload-on-resize></masonry>'
     element = $compile(element)(@scope)
 
-    expect(@scope.$watch).toHaveBeenCalled()
+    expect(@scope.$watch).toHaveBeenCalledWith('masonryContainer.offsetWidth', sinon.match.func );
   )
 
   it 'should not setup a $watch when the reload-on-resize is missing', inject(($compile) =>
     sinon.spy(@scope, '$watch')
     element = angular.element '<masonry></masonry>'
     element = $compile(element)(@scope)
 
-    expect(@scope.$watch).not.toHaveBeenCalled()
+    expect(@scope.$watch).not.toHaveBeenCalledWith('masonryContainer.offsetWidth', sinon.match.func );
   )
 
   describe 'MasonryCtrl', =>