Test wrapper false sticky addition

Author: imakewebthings

test/sticky-spec.js

@@ -12,81 +12,106 @@ describe('Waypoint Sticky Shortcut', function() {
   beforeEach(function() {
     loadFixtures('sticky.html')
     $sticky = $('.sticky')
-    handlerSpy = jasmine.createSpy('on handler')
-    waypoint = new Waypoint.Sticky({
-      element: $sticky[0],
-      handler: handlerSpy
-    })
   })
 
-  afterEach(function() {
-    if (waypoint) {
-      waypoint.destroy()
-    }
-    $scroller.scrollTop(0)
-  })
+  describe('with default options', function() {
+    beforeEach(function() {
+      handlerSpy = jasmine.createSpy('on handler')
+      waypoint = new Waypoint.Sticky({
+        element: $sticky[0],
+        handler: handlerSpy
+      })
+    })
 
-  describe('on init', function() {
     afterEach(function() {
-      waypoint.destroy()
+      if (waypoint) {
+        waypoint.destroy()
+      }
+      $scroller.scrollTop(0)
     })
 
-    it('returns an instance of the Waypoint.Sticky class', function() {
-      expect(waypoint instanceof Waypoint.Sticky).toBeTruthy()
-    })
+    describe('on init', function() {
+      afterEach(function() {
+        waypoint.destroy()
+      })
+
+      it('returns an instance of the Waypoint.Sticky class', function() {
+        expect(waypoint instanceof Waypoint.Sticky).toBeTruthy()
+      })
+
+      it('wraps the sticky element on init', function() {
+        expect($sticky.parent()).toHaveClass('sticky-wrapper')
+      })
+
+      describe('when sticky element is scrolled to', function() {
+        beforeEach(function() {
+          runs(function() {
+            $scroller.scrollTop($sticky.offset().top)
+          })
+          waitsFor(function() {
+            return $sticky.hasClass('stuck')
+          }, 'stuck class to apply')
+        })
+
+        it('adds/removes stuck class', function() {
+          runs(function() {
+            $scroller.scrollTop($scroller.scrollTop() - 1)
+          })
+          waitsFor(function() {
+            return !$sticky.hasClass('stuck')
+          })
+        })
+
+        it('gives the wrapper the same height as the sticky element', function() {
+          expect($sticky.parent().height()).toEqual($sticky.outerHeight())
+        })
 
-    it('wraps the sticky element on init', function() {
-      expect($sticky.parent()).toHaveClass('sticky-wrapper')
+        it('executes handler option after stuck class applied', function() {
+          expect(handlerSpy).toHaveBeenCalled()
+        })
+      })
     })
 
-    describe('when sticky element is scrolled to', function() {
+    describe('#destroy', function() {
       beforeEach(function() {
         runs(function() {
           $scroller.scrollTop($sticky.offset().top)
         })
         waitsFor(function() {
-          return $sticky.hasClass('stuck')
-        }, 'stuck class to apply')
-      })
-
-      it('adds/removes stuck class', function() {
-        runs(function() {
-          $scroller.scrollTop($scroller.scrollTop() - 1)
+          return handlerSpy.callCount
         })
-        waitsFor(function() {
-          return !$sticky.hasClass('stuck')
+        runs(function() {
+          waypoint.destroy()
         })
       })
 
-      it('gives the wrapper the same height as the sticky element', function() {
-        expect($sticky.parent().height()).toEqual($sticky.outerHeight())
+      it('unwraps the sticky element', function() {
+        expect($sticky.parent()).not.toHaveClass('sticky-wrapper')
       })
 
-      it('executes handler option after stuck class applied', function() {
-        expect(handlerSpy).toHaveBeenCalled()
+      it('removes the stuck class', function() {
+        expect($sticky).not.toHaveClass('stuck')
       })
     })
   })
 
-  describe('#destroy', function() {
+  describe('with wrapper false', function() {
     beforeEach(function() {
-      runs(function() {
-        $scroller.scrollTop($sticky.offset().top)
-      })
-      waitsFor(function() {
-        return handlerSpy.callCount
-      })
-      runs(function() {
-        waypoint.destroy()
+      waypoint = new Waypoint.Sticky({
+        element: $sticky[0],
+        handler: handlerSpy,
+        wrapper: false
       })
     })
 
-    it('unwraps the sticky element', function() {
+    it('does not wrap the sticky element', function() {
       expect($sticky.parent()).not.toHaveClass('sticky-wrapper')
     })
 
-    it('removes the stuck class', function() {
-      expect($sticky).not.toHaveClass('stuck')
+    it('does not unwrap on destroy', function() {
+      var parent = waypoint.wrapper
+      waypoint.destroy()
+      expect(parent).toBe(waypoint.wrapper)
     })
   })
 })