const _ = require('underscore');
const DataLibraryView = require('dashboard/views/data-library/data-library-view');
const VisualizationModel = require('dashboard/data/visualization-model');

const configModel = require('fixtures/dashboard/config-model.fixture');
configModel.getMapsResourceName = () => 'wadus';

describe('data-library/data-library-view', function () {
  beforeEach(function () {
    this.ownerAttrs = {
      base_url: 'http://paco.carto.com',
      username: 'paco'
    };

    this.vis = new VisualizationModel({
      account_host: 'carto.com',
      date: '2014-09-08T09:51:33+00:00',
      id: 'b718d53c-373d-11e4-add2-0e8d2b608a14',
      permission: {
        owner: this.ownerAttrs
      },
      table: {
        size: 49152,
        geometry_types: ['point']
      }
    }, { configModel });

    this.view = new DataLibraryView({
      el: this.$map,
      configModel
    });

    this.collection = this.view.collection;
  });

  describe('render', function () {
    it('should render properly', function () {
      this.view.render();
      expect(_.size(this.view._subviews)).toBe(7);
    });

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

  describe('collection changes', function () {
    it('should show list when collection fetch works', function () {
      this.collection.reset([ this.vis ]);
      expect(this.view._isBlockEnabled('list')).toBeTruthy();
      expect(this.view._isBlockEnabled('main_loader')).toBeFalsy();
      expect(_.size(this.view.enabledViews)).toBe(1);
    });

    it('should show error block when collection fetch fails', function () {
      this.collection.trigger('loading');
      expect(this.view._isBlockEnabled('error')).toBeFalsy();
      this.collection.trigger('error');
      expect(this.view._isBlockEnabled('error')).toBeTruthy();
      expect(this.view._isBlockEnabled('list')).toBeFalsy();
      expect(_.size(this.view.enabledViews)).toBe(1);
    });

    it('should show empty datasets when user didn\'t have any dataset', function () {
      this.collection.total_user_entries = 0;
      this.collection.reset([]);
      expect(this.view._isBlockEnabled('no_results')).toBeTruthy();
    });
  });

  it('should hide the load more button when the limit is reached', function () {
    var c = [];

    for (var i = 0; i <= 12; i++) {
      c.push(this.vis);
    }

    this.collection.reset(c);

    this.view.$el.find('.js-more').click();
    expect(this.view.model.get('show_more')).toBeFalsy();
    expect(this.view.$('.js-more').hasClass('is-hidden')).toBeTruthy();
  });

  it('should define a model', function () {
    expect(this.view.model).toBeDefined();
    expect(this.view.model.get('vis_count')).toBeDefined();
  });

  afterEach(function () {
    this.view.clean();
  });
});