jquery-ias-es6/test/04-trigger-extension-test.js

A jQuery plugin that turns your server-side pagination into an infinite scrolling one using AJAX

describe("IAS", function () {
  before(function() {
    this.timeout = 10000;

    window.scrollTo(0, 0);

    jQuery.ias({
      container : '.listing',
      item: '.post',
      pagination: '.navigation',
      next: '.next-posts a'
    });
  });

  after(function() {
    jQuery.ias('destroy');
  });

  it("should display a trigger", function() {
    var deferred = when.defer();

    jQuery.ias().extension(new IASTriggerExtension({
      text: 'trigger text',
      html: '<div class="ias-trigger extra-trigger-class">{text}</div>'
    }));

    jQuery.ias().initialize();

    expect($('.ias-trigger:visible').length).toEqual(0); // ensure it isn't already there

    scrollDown().then(function() {
      wait(1000).then(function() {
        // expect the trigger to be visible
        expect($('.ias-trigger:visible').length).toEqual(1);

        // expect it not to have loaded the next page
        expect($('#post11').length).toEqual(0);

        // expect it to have the correct text, as given with the options
        expect($('.ias-trigger:visible').text()).toEqual('trigger text');

        // expect it to have the additional class as given with the options
        expect($('.ias-trigger:visible').get(0)).toHaveClassName('extra-trigger-class');
      });

      wait(1500).then(function() {
        deferred.resolve();
      });
    });

    return deferred.promise;
  });

  it("should load the next page when the trigger is clicked", function() {
    var deferred = when.defer();

    jQuery.ias().extension(new IASTriggerExtension({
      text: 'trigger text',
      html: '<div class="ias-trigger extra-trigger-class">{text}</div>'
    }));

    jQuery.ias().initialize();

    scrollDown().then(function() {
      wait(1000).then(function() {
        $('.ias-trigger:visible').trigger('click');

        wait(2000).then(function() {
          expect($('#post11').length).toEqual(1);
        });

        wait(2100).then(function() {
          deferred.resolve();
        });
      });
    });

    return deferred.promise;
  });

  it("should display a trigger after offset", function() {
    var deferred = when.defer();

    jQuery.ias().extension(new IASTriggerExtension({
      text: 'trigger text',
      html: '<div class="ias-trigger extra-trigger-class">{text}</div>',
      offset: 2
    }));

    jQuery.ias().initialize();

    expect($('.ias-trigger:visible').length).toEqual(0); // ensure it isn't already there

    // scroll to page 2
    scrollDown().then(function() {
      wait(1000).then(function() {
        // expect the trigger not to be visible

        // expect it to have loaded the next page
        expect($('#post11').length).toEqual(1);

        // scroll to page 3
        scrollDown().then(function() {
          wait(1000).then(function() {
            // expect the trigger to be visible
            expect($('.ias-trigger:visible').length).toEqual(1);

            // expect it not to have loaded the next page
            expect($('#post21').length).toEqual(0);
          });

          wait(1500).then(function() {
            deferred.resolve();
          });
        });
      });
    });

    return deferred.promise;
  });

  it("should display a prev trigger", function() {
    var deferred = when.defer();

    jQuery.ias('destroy');

    loadFixture("page2.html", function() {
      jQuery.ias({
        container : '.listing',
        item: '.post',
        pagination: '.navigation',
        next: '.next-posts a'
      });

      expect($('.ias-trigger-prev:visible').length).toEqual(0); // ensure it isn't already there

      jQuery.ias().extension(new IASPagingExtension());
      jQuery.ias().extension(new IASTriggerExtension({
        textPrev: 'trigger prev text'
      }));
      jQuery.ias().extension(new IASHistoryExtension({
        prev: '.prev-posts a'
      }));

      wait(1000).then(function() {
        expect($('.ias-trigger-prev:visible').length).toEqual(1);

        expect($('.ias-trigger-prev:visible').text()).toEqual('trigger prev text');

        deferred.resolve();
      })
    });

    return deferred.promise;
  });
});