var _ = require('underscore');
var Backbone = require('backbone');
var ConfigModel = require('builder/data/config-model');
var LegendDefinitionModel = require('builder/data/legends/legend-torque-definition-model');
var StyleHelper = require('builder/helpers/style');

describe('data/legends/legend-torque-defintion-model', function () {
  beforeEach(function () {
    var configModel = new ConfigModel({
      base_url: '/u/pepe'
    });

    var layerDef1 = new Backbone.Model({
      id: 'fa6cf872-fffa-4301-9a60-849cedba7864',
      table_name: 'foo'
    });

    this.model = new LegendDefinitionModel({
      items: [
        {
          title: 'Carto',
          color: '#fabada'
        },
        {
          title: 'Foo',
          color: '#99cc66'
        },
        {
          title: null,
          color: '#996600'
        }
      ]
    }, {
      configModel: configModel,
      layerDefinitionModel: layerDef1,
      vizId: 'v-123'
    });
  });

  it('should toJSON properly', function () {
    var attrs = this.model.toJSON();
    expect(attrs.definition).toBeDefined();
    expect(_.isArray(attrs.definition.categories)).toBe(true);
    expect(attrs.definition.categories.length).toBe(3);
    expect(attrs.definition.categories[0].title).toBe('Carto');
    expect(attrs.definition.categories[1].title).toContain('Foo');
    expect(attrs.definition.categories[2].title).toBe('');
  });

  describe('inheritStyleCategories', function () {
    it('should return proper output when fixed provided', function () {
      var style = new Backbone.Model({
        fill: {
          color: {
            fixed: '#fabada',
            image: 'icon.svg'
          }
        }
      });

      var items = StyleHelper.getStyleCategories(style);

      expect(items.length).toBe(1);
      expect(items[0].color).toEqual('#fabada');
      expect(items[0].icon).toEqual('icon.svg');
      expect(items[0].title).toEqual('');
    });

    it('should return proper output when range provided', function () {
      var style = new Backbone.Model({
        fill: {
          color: {
            range: ['#fabada', '#c0ffee', '#0ff1ce'],
            domain: ['Asturias', 'Starbucks', ''],
            images: ['', 'starbucks.png', '']
          }
        }
      });

      var items = StyleHelper.getStyleCategories(style);

      expect(items.length).toBe(3);
      expect(items[0].color).toEqual('#fabada');
      expect(items[0].title).toEqual('Asturias');
      expect(items[0].icon).toEqual('');
      expect(items[1].color).toEqual('#c0ffee');
      expect(items[1].title).toEqual('Starbucks');
      expect(items[1].icon).toEqual('starbucks.png');
      expect(items[2].color).toEqual('#0ff1ce');
      expect(items[2].title).toEqual('editor.legend.legend-form.others');
      expect(items[2].icon).toEqual('');
    });
  });
});