cartodb/lib/assets/test/spec/builder/components/pagination/pagination-view.spec.js

var PaginationModel = require('builder/components/pagination/pagination-model');
var PaginationView = require('builder/components/pagination/pagination-view');

describe('components/pagination/pagination-view', function () {
  beforeEach(function () {
    this.model = new PaginationModel({
      total_count: 9000,
      per_page: 50,
      current_page: 42,
      url_to: function (page) {
        return 'hello';
      }
    });
    spyOn(this.model, 'bind').and.callThrough();

    this.routerModel = jasmine.createSpyObj('routerModel', ['navigate', 'hasUrl']);

    this.createView = function () {
      this.view = new PaginationView({
        model: this.model,
        routerModel: this.routerModel
      });
    };

    this.createView();
    this.view.render();
  });

  it('should have no leaks', function () {
    expect(this.view).toHaveNoLeaks();
  });

  it('should render current page and the total count', function () {
    expect(this.innerHTML()).toContain('Page 42 of 180');
  });

  // TBD!
  // it('should render URLs by provided url_to function', function () {
  //   expect(this.innerHTML()).toContain('http://pepe.carto.com/dashboard/datasets/40'); // first
  //   expect(this.innerHTML()).toContain('http://pepe.carto.com/dashboard/datasets/44'); // last
  // });

  it('should re-render on model change', function () {
    expect(this.model.bind).toHaveBeenCalledWith('change', this.view.render, this.view);
  });

  describe('given there are no items', function () {
    beforeEach(function () {
      // Effectively tests model event listener and re-rendering too
      this.model.set({
        total_count: 0,
        current_page: 1
      });
    });

    it('should not render pagination items at all', function () {
      expect(this.innerHTML()).not.toContain('Page ');
      expect(this.innerHTML()).not.toContain('Pagination-label');
      expect(this.innerHTML()).not.toContain('Pagination-list');
    });
  });

  describe('given there is only one page', function () {
    beforeEach(function () {
      this.model.set({
        total_count: this.model.get('per_page'),
        current_page: 1
      });
    });

    it('should not render pagination label', function () {
      expect(this.innerHTML()).not.toContain('Page 1 of 1');
    });

    it('should not render pagination list', function () {
      expect(this.innerHTML()).not.toContain('Pagination-list');
    });
  });

  describe('given current page is larger than available page', function () {
    beforeEach(function () {
      this.model.set({
        total_count: this.model.get('per_page'),
        current_page: 9000
      });
    });

    it('should not render pagination list', function () {
      expect(this.innerHTML()).not.toContain('Pagination-list');
    });
  });

  describe('click a link', function () {
    beforeEach(function () {
      this.clickLink = function () {
        this.view.$('a').click();
      };
      this.model.bind('change', function () {
        this.called = true;
      }, this);
    });

    describe('when view is created with a router', function () {
      beforeEach(function () {
        this.clickLink();
      });

      it('should navigate through router', function () {
        expect(this.routerModel.navigate).toHaveBeenCalled();
      });

      it('should update the current page', function () {
        expect(this.called).toBeTruthy();
      });
    });

    describe('when view is not created with a router', function () {
      beforeEach(function () {
        this.router = undefined;
        this.createView();
        this.view.render();
        this.clickLink();
      });

      it('should update the current page', function () {
        expect(this.called).toBeTruthy();
      });

      describe("when model doesn't have any url method", function () {
        beforeEach(function () {
          this.model.set('url_to', undefined);
          spyOn(this.view, 'killEvent').and.callThrough();
          spyOn(this.model, 'set');
          this.view.$('a').click();
        });

        it('should prevent default click behaviour', function () {
          expect(this.view.killEvent).toHaveBeenCalled();
          expect(this.model.set).toHaveBeenCalled();
        });

        it('should update the model with new current page', function () {
          expect(this.model.set).toHaveBeenCalled();
          expect(this.model.set).toHaveBeenCalledWith('current_page', jasmine.any(Number));
        });
      });
    });
  });
});