var _ = require('underscore');
var CustomCarouselItemModel = require('builder/components/custom-carousel/custom-carousel-item-model');
var CustomCarouselItemView = require('builder/components/custom-carousel/custom-carousel-item-view');

describe('components/custom-carousel/custom-carousel-item-view', function () {
  beforeEach(function () {
    this.model = new CustomCarouselItemModel({
      val: 'hello'
    });

    this.view = new CustomCarouselItemView({
      model: this.model
    });

    this.view.render();
  });

  it('should render properly', function () {
    expect(this.view.$('button').length).toBe(1);
  });

  it('should allow to add a className', function () {
    var view = new CustomCarouselItemView({
      model: this.model,
      itemOptions: {
        className: 'MyFabolousClassName'
      }
    });

    view.render();

    expect(view.$('button').hasClass('MyFabolousClassName')).toBeTruthy();

    view.clean();
  });

  describe('hover', function () {
    beforeEach(function () {
      this.view.$el.trigger('mouseenter');
    });

    it('should add class when it is hovered', function () {
      expect(this.model.get('highlighted')).toBeTruthy();
    });

    it('should remove class when it is unhovered', function () {
      this.view.$el.trigger('mouseleave');
      expect(this.model.get('highlighted')).toBeFalsy();
    });
  });

  describe('with tooltip', function () {
    describe('.render', function () {
      it('should render properly', function () {
        expect(this.model.set('tooltip', 'help'));

        this.view.render();

        expect(_.size(this.view._subviews)).toBe(1);
      });
    });
  });

  it('should set selected when it is clicked', function () {
    expect(this.model.get('selected')).toBeFalsy();
    this.view.$el.trigger('click');
    expect(this.model.get('selected')).toBeTruthy();
    expect(this.view.$el.hasClass('is-selected')).toBeTruthy();
  });

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