Adds tests for active class

Author: fender

tests/unit/Sticky-test.js

@@ -137,10 +137,12 @@ describe('Sticky', function () {
         // Scroll down to 10px, and Sticky should fix
         window.scrollTo(0, 10);
         shouldBeFixedAt(inner, 0);
+        expect(outer.className).to.contain('active');
 
         // Scroll up to 0px, and Sticky should reset
         window.scrollTo(0, 0);
         shouldBeReset(inner);
+        expect(outer.className).to.not.contain('active');
     });
 
     it('should work as expected (long Sticky)', function () {
@@ -158,26 +160,32 @@ describe('Sticky', function () {
         // Scroll down to 10px, and Sticky should stay as it was
         window.scrollTo(0, 10);
         shouldBeReleasedAt(inner, 0);
+        expect(outer.className).to.not.contain('active');
 
         // Scroll down to 1500px, and Sticky should fix to the bottom
         window.scrollTo(0, 1500);
         shouldBeFixedAt(inner, -432);
+        expect(outer.className).to.contain('active');
 
         // Scroll up to 1300px, and Sticky should release
         window.scrollTo(0, 1300);
         shouldBeReleasedAt(inner, 1068);
+        expect(outer.className).to.not.contain('active');
 
         // Scroll down to 1350px, and Sticky should release as it was
         window.scrollTo(0, 1350);
         shouldBeReleasedAt(inner, 1068);
+        expect(outer.className).to.not.contain('active');
 
         // Scroll up to 10px, and Sticky should fix
         window.scrollTo(0, 10);
         shouldBeFixedAt(inner, 0);
+        expect(outer.className).to.contain('active');
 
         // Scroll down to 20px, and Sticky should release
         window.scrollTo(0, 20);
         shouldBeReleasedAt(inner, 10);
+        expect(outer.className).to.not.contain('active');
     });
 
     it('should work as expected with original postion 20px from top (short Sticky)', function () {
@@ -195,10 +203,12 @@ describe('Sticky', function () {
         // Scroll down to 10px, and Sticky should stay
         window.scrollTo(0, 10);
         shouldBeReset(inner);
+        expect(outer.className).to.not.contain('active');
 
         // Scroll down to 50px, and Sticky should fix
         window.scrollTo(0, 50);
         shouldBeFixedAt(inner, 0);
+        expect(outer.className).to.contain('active');
     });
 
     it('should work as expected with original top 20px and 400px bottom boundary (short Sticky)', function () {
@@ -218,14 +228,17 @@ describe('Sticky', function () {
         // Scroll down to 10px, and Sticky should stay
         window.scrollTo(0, 10);
         shouldBeReset(inner);
+        expect(outer.className).to.not.contain('active');
 
         // Scroll down to 50px, and Sticky should fix
         window.scrollTo(0, 50);
         shouldBeFixedAt(inner, 0);
+        expect(outer.className).to.contain('active');
 
         // Scroll down to 150px, and Sticky should release
         window.scrollTo(0, 150);
         shouldBeReleasedAt(inner, 80);
+        expect(outer.className).to.not.contain('active');
     });
 
     it('should not be sticky if bottom boundary is shorter then its height (short Sticky)', function () {
@@ -244,11 +257,13 @@ describe('Sticky', function () {
         // Scroll down to 10px, and Sticky should stay
         window.scrollTo(0, 10);
         shouldBeReset(inner);
+        expect(outer.className).to.not.contain('active');
 
         // Micic status was not 0 (STATUS_ORIGINAL), scroll down to 20px, and Sticky should stay
         sticky.state.status = 2; // STATUS_FIXED;
         window.scrollTo(0, 20);
         shouldBeReset(inner);
+        expect(outer.className).to.not.contain('active');
     });
 
     it('should work as expected with selector bottom boundary (short Sticky)', function () {
@@ -268,14 +283,17 @@ describe('Sticky', function () {
         // Scroll down to 10px, and Sticky should fix
         window.scrollTo(0, 10);
         shouldBeFixedAt(inner, 20);
+        expect(outer.className).to.contain('active');
 
         // Scroll down to 50px, and Sticky should fix
         window.scrollTo(0, 50);
         shouldBeFixedAt(inner, 20);
+        expect(outer.className).to.contain('active');
 
         // Scroll down to 150px, and Sticky should release
         window.scrollTo(0, 150);
         shouldBeReleasedAt(inner, 100);
+        expect(outer.className).to.not.contain('active');
     });
 
     it('should stick to the top when window resizes larger then Sticky (long Sticky)', function () {
@@ -293,8 +311,10 @@ describe('Sticky', function () {
         // Scroll down to 10px, and Sticky should fix
         window.scrollTo(0, 10);
         shouldBeReleasedAt(inner, 0);
+        expect(outer.className).to.not.contain('active');
 
         window.resizeTo(0, 900);
         shouldBeFixedAt(inner, 0);
+        expect(outer.className).to.contain('active');
     });
 });