Latest repo

node_modules/aos/test/aos.spec.js

@@ -0,0 +1,51 @@
+import $ from 'jquery';
+import AOS from '../src/js/aos';
+
+jasmine.getStyleFixtures().fixturesPath = 'base/dist';
+jasmine.getFixtures().fixturesPath = 'base/test/fixtures';
+
+describe('AOS -> ', function() {
+
+  beforeEach(function() {
+    jasmine.getStyleFixtures().load = 'aos.css';
+    jasmine.getFixtures().load('aos.fixture.html');
+  });
+
+  afterEach(function() {
+    jasmine.getStyleFixtures().cleanUp();
+    jasmine.getFixtures().cleanUp();
+  });
+
+  it('Should be defined', function() {
+    expect(AOS).toBeDefined();
+  });
+
+  it('Should have init method', function() {
+    expect(AOS.init).toBeDefined();
+  });
+
+  it('Should have refresh method', function() {
+    expect(AOS.refresh).toBeDefined();
+  });
+
+  it('Should have same number of elements after init', function() {
+    var elementsCount = $('.aos-item').length;
+    var elements = AOS.init();
+    expect(elementsCount).toEqual(elements.length);
+  });
+
+  it('Should have same number of elements after refresh', function() {
+    var elementsCount = $('.aos-item').length;
+    var elements = AOS.init();
+    elements = AOS.refresh(true);
+    expect(elements.length).toEqual(elementsCount);
+  });
+
+  it('Should add aos-init class on all elements', function() {
+    var elementsCount = $('.aos-item').length;
+    AOS.init();
+    var elementsWithClass = $('.aos-init');
+    expect(elementsCount).toEqual(elementsWithClass.length);
+  });
+
+});

node_modules/aos/test/calculateOffset.spec.js

@@ -0,0 +1,241 @@
+import $ from 'jquery';
+import calculateOffset from '../src/js/helpers/calculateOffset';
+
+const delay = 50;
+
+jasmine.getStyleFixtures().fixturesPath = 'base/dist';
+jasmine.getFixtures().fixturesPath = 'base/test/fixtures';
+
+describe('Offset -> ', function() {
+
+  beforeEach(function() {
+    jasmine.getStyleFixtures().load = 'aos.css';
+    jasmine.getFixtures().load('aos.fixture.html');
+  });
+
+  afterEach(function() {
+    jasmine.getStyleFixtures().cleanUp();
+    jasmine.getFixtures().cleanUp();
+  });
+
+  describe('with default option set to "0" -> ', function() {
+    var offset = 0;
+
+    it('on aos-item--1 should equal 0', function(done) {
+      var node = document.querySelector('.aos-item--1');
+
+      setTimeout(function() {
+        expect(calculateOffset(node, offset)).toBe(0);
+        done();
+      }, delay);
+    });
+
+    it('on aos-item--2 should equal 150', function(done) {
+      var node = document.querySelector('.aos-item--2');
+
+      setTimeout(function() {
+        expect(calculateOffset(node, offset)).toBe(150);
+        done();
+      }, delay);
+    });
+
+    it('on aos-item--6 should equal 750', function(done) {
+      var node = document.querySelector('.aos-item--6');
+
+      setTimeout(function() {
+        expect(calculateOffset(node, offset)).toBe(750);
+        done();
+      }, delay);
+    });
+
+  });
+
+  describe('with default option set to "50" => ', function() {
+    var offset = 50;
+
+    it('on aos-item--1 should equal 50', function(done) {
+      var node = document.querySelector('.aos-item--1');
+
+      setTimeout(function() {
+        expect(calculateOffset(node, offset)).toBe(50);
+        done();
+      }, delay);
+    });
+
+    it('on aos-item--2 should equal 200', function(done) {
+      var node = document.querySelector('.aos-item--2');
+
+      setTimeout(function() {
+        expect(calculateOffset(node, offset)).toBe(200);
+        done();
+      }, delay);
+    });
+
+    it('on aos-item--6 should equal 800', function(done) {
+      var node = document.querySelector('.aos-item--6');
+
+      setTimeout(function() {
+        expect(calculateOffset(node, offset)).toBe(800);
+        done();
+      }, delay);
+    });
+
+  });
+
+  describe('after AOS init -> ', function() {
+
+    beforeEach(function() {
+      $('.aos-item').addClass('aos-init');
+    });
+
+    describe('with option "offset" set to "50" => ', function() {
+      var offset = 50;
+
+      it('on aos-item--1 should equal 50', function(done) {
+        var node = document.querySelector('.aos-item--1');
+
+        setTimeout(function() {
+          expect(calculateOffset(node, offset)).toBe(50);
+          done();
+        }, delay);
+      });
+
+      it('on aos-item--2 should equal 200', function(done) {
+        var node = document.querySelector('.aos-item--2');
+
+        setTimeout(function() {
+          expect(calculateOffset(node, offset)).toBe(200);
+          done();
+        }, delay);
+      });
+
+      it('on aos-item--6 should equal 800', function(done) {
+        var node = document.querySelector('.aos-item--6');
+
+        setTimeout(function() {
+          expect(calculateOffset(node, offset)).toBe(800);
+          done();
+        }, delay);
+      });
+
+    });
+
+    describe('with option "offset" set to "0" => ', function() {
+      var offset = 0;
+
+      it('on aos-item--1 should equal 0', function(done) {
+        var node = document.querySelector('.aos-item--1');
+
+        setTimeout(function() {
+          expect(calculateOffset(node, offset)).toBe(0);
+          done();
+        }, delay);
+      });
+
+      it('on aos-item--2 should equal 150', function(done) {
+        var node = document.querySelector('.aos-item--2');
+
+        setTimeout(function() {
+          expect(calculateOffset(node, offset)).toBe(150);
+          done();
+        }, delay);
+      });
+
+      it('on aos-item--6 should equal 750', function(done) {
+        var node = document.querySelector('.aos-item--6');
+
+        setTimeout(function() {
+          expect(calculateOffset(node, offset)).toBe(750);
+          done();
+        }, delay);
+      });
+
+    });
+
+  });
+
+});
+
+
+describe('Offset on element with attr [aos-offset] -> set to "50" ', function() {
+
+  beforeEach(function() {
+    jasmine.getStyleFixtures().load = 'aos.css';
+    jasmine.getFixtures().load('aos-offset.fixture.html');
+  });
+
+  afterEach(function() {
+    jasmine.getStyleFixtures().cleanUp();
+    jasmine.getFixtures().cleanUp();
+  });
+
+  it('on aos-item--1 should equal 50', function(done) {
+    var node = document.querySelector('.aos-item--1');
+
+    setTimeout(function() {
+      expect(calculateOffset(node)).toBe(50);
+      done();
+    }, delay);
+  });
+
+  it('on aos-item--2 should equal 200', function(done) {
+    var node = document.querySelector('.aos-item--2');
+
+    setTimeout(function() {
+      expect(calculateOffset(node)).toBe(200);
+      done();
+    }, delay);
+  });
+
+  it('on aos-item--6 should equal 800', function(done) {
+    var node = document.querySelector('.aos-item--6');
+
+    setTimeout(function() {
+      expect(calculateOffset(node)).toBe(800);
+      done();
+    }, delay);
+  });
+
+});
+
+describe('Offset on element with attr [aos-offset] after AOS init -> set to "50" ', function() {
+
+  beforeEach(function() {
+    jasmine.getStyleFixtures().load = 'aos.css';
+    jasmine.getFixtures().load('aos-offset.fixture.html');
+    $('.aos-item').addClass('aos-init');
+  });
+
+  afterEach(function() {
+    jasmine.getStyleFixtures().cleanUp();
+    jasmine.getFixtures().cleanUp();
+  });
+
+  it('on aos-item--1 should equal 50', function(done) {
+    var node = document.querySelector('.aos-item--1');
+
+    setTimeout(function() {
+      expect(calculateOffset(node)).toBe(50);
+      done();
+    }, delay);
+  });
+
+  it('on aos-item--2 should equal 200', function(done) {
+    var node = document.querySelector('.aos-item--2');
+
+    setTimeout(function() {
+      expect(calculateOffset(node)).toBe(200);
+      done();
+    }, delay);
+  });
+
+  it('on aos-item--6 should equal 800', function(done) {
+    var node = document.querySelector('.aos-item--6');
+
+    setTimeout(function() {
+      expect(calculateOffset(node)).toBe(800);
+      done();
+    }, delay);
+  });
+
+});

node_modules/aos/test/elements.spec.js

@@ -0,0 +1,56 @@
+import $ from 'jquery';
+import elements from '../src/js/helpers/elements';
+
+jasmine.getStyleFixtures().fixturesPath = 'base/dist';
+jasmine.getFixtures().fixturesPath = 'base/test/fixtures';
+
+describe('Elements helper (elements.js) -> ', function() {
+
+  beforeEach(function() {
+    jasmine.getStyleFixtures().load = 'aos.css';
+    jasmine.getFixtures().load('aos.fixture.html');
+  });
+
+  afterEach(function() {
+    jasmine.getStyleFixtures().cleanUp();
+    jasmine.getFixtures().cleanUp();
+  });
+
+  it('Should return array with objects that coresponds to elements in aos.fixture.html', function() {
+    var aosElements = elements();
+    expect(aosElements.length).toBe($('[data-aos]').length);
+  });
+
+  it('Should return array of objects', function() {
+    var aosElements = elements();
+
+    for (var i = 0; i < aosElements.length; i++) {
+      if (aosElements[i].node) {
+        expect(typeof aosElements[i]).toEqual('object');
+      }
+    }
+  });
+
+  it('Each object in returned array should have "node" attribute', function() {
+    var aosElements = elements();
+
+    for (var i = 0; i < aosElements.length; i++) {
+      expect(aosElements[i].hasOwnProperty('node')).toBe(true);
+    }
+  });
+
+  it('Each objects node in returned array should be a DOMNode', function() {
+    var aosElements = elements();
+
+    function isNode(obj) {
+      return (typeof obj === "object") && (obj.nodeType === 1) && (typeof obj.style === "object") && (typeof obj.ownerDocument === "object");
+    }
+
+    for (var i = 0; i < aosElements.length; i++) {
+      if (aosElements[i].node) {
+        expect(isNode(aosElements[i].node)).toBe(true);
+      }
+    }
+  });
+
+});

node_modules/aos/test/fixtures/aos-offset.fixture.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title></title>
+    <style type="text/css">
+      * {box-sizing: border-box;}
+      body {
+        margin: 0; padding: 0 20px; text-align: center;
+      }
+      .aos-item {
+        width: 100%; height: 130px; margin: 0 0 20px 0; background: #ccc;
+      }
+    </style>
+  </head>
+  <body class="body">
+    <div class="aos-item aos-item--1" data-aos-offset="50" data-aos="fade"></div>
+    <div class="aos-item aos-item--2" data-aos-offset="50" data-aos="fade-up"></div>
+    <div class="aos-item aos-item--3" data-aos-offset="50" data-aos="fade-down"></div>
+    <div class="aos-item aos-item--4" data-aos-offset="50" data-aos="fade-left"></div>
+    <div class="aos-item aos-item--5" data-aos-offset="50" data-aos="fade-right"></div>
+    <div class="aos-item aos-item--6" data-aos-offset="50" data-aos="flip-up"></div>
+    <div class="aos-item aos-item--7" data-aos-offset="50" data-aos="flip-down"></div>
+    <div class="aos-item aos-item--8" data-aos-offset="50" data-aos="flip-left"></div>
+    <div class="aos-item aos-item--9" data-aos-offset="50" data-aos="flip-right"></div>
+    <div class="aos-item aos-item--10" data-aos-offset="50" data-aos="zoom-in"></div>
+    <div class="aos-item aos-item--11" data-aos-offset="50" data-aos="zoom-in-up"></div>
+    <div class="aos-item aos-item--12" data-aos-offset="50" data-aos="zoom-in-down"></div>
+    <div class="aos-item aos-item--13" data-aos-offset="50" data-aos="zoom-in-left"></div>
+    <div class="aos-item aos-item--14" data-aos-offset="50" data-aos="zoom-in-right"></div>
+    <div class="aos-item aos-item--15" data-aos-offset="50" data-aos="slide-up"></div>
+    <div class="aos-item aos-item--16" data-aos-offset="50" data-aos="slide-down"></div>
+    <div class="aos-item aos-item--17" data-aos-offset="50" data-aos="slide-left"></div>
+    <div class="aos-item aos-item--18" data-aos-offset="50" data-aos="slide-right"></div>
+  </body>
+</html>

node_modules/aos/test/fixtures/aos.fixture.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title></title>
+    <style type="text/css">
+      * {box-sizing: border-box;}
+      body {
+        margin: 0; padding: 0 20px; text-align: center;
+      }
+      .aos-item {
+        width: 100%; height: 130px; margin: 0 0 20px 0; background: #ccc;
+      }
+    </style>
+  </head>
+  <body class="body">
+    <div class="aos-item aos-item--1" data-aos="fade"></div>
+    <div class="aos-item aos-item--2" data-aos="fade-up"></div>
+    <div class="aos-item aos-item--3" data-aos="fade-down"></div>
+    <div class="aos-item aos-item--4" data-aos="fade-left"></div>
+    <div class="aos-item aos-item--5" data-aos="fade-right"></div>
+    <div class="aos-item aos-item--6" data-aos="flip-up"></div>
+    <div class="aos-item aos-item--7" data-aos="flip-down"></div>
+    <div class="aos-item aos-item--8" data-aos="flip-left"></div>
+    <div class="aos-item aos-item--9" data-aos="flip-right"></div>
+    <div class="aos-item aos-item--10" data-aos="zoom-in"></div>
+    <div class="aos-item aos-item--11" data-aos="zoom-in-up"></div>
+    <div class="aos-item aos-item--12" data-aos="zoom-in-down"></div>
+    <div class="aos-item aos-item--13" data-aos="zoom-in-left"></div>
+    <div class="aos-item aos-item--14" data-aos="zoom-in-right"></div>
+    <div class="aos-item aos-item--15" data-aos="slide-up"></div>
+    <div class="aos-item aos-item--16" data-aos="slide-down"></div>
+    <div class="aos-item aos-item--17" data-aos="slide-left"></div>
+    <div class="aos-item aos-item--18" data-aos="slide-right"></div>
+  </body>
+</html>

node_modules/aos/test/index.js

@@ -0,0 +1,3 @@
+import './aos.spec.js';
+import './elements.spec.js';
+import './calculateOffset.spec.js';