describe('Charts', function () {

  var
    width = 480,
    height = 320,
    a, b, options, defaults;

  defaults = {
    width : 480,
    height : 320,
    color : "rgb(192,216,0)",
    context : null,
    data : null,
    fill : false,
    fillColor : null,
    fillOpacity : 0.4,
    fillStyle : "rgba(192,216,0,0.4)",
    fontColor : "#545454",
    fontSize : 7.5,
    htmlText : true,
    lineWidth : 2,
    shadowSize : 4,
    show : false,
    stacked : false,
    textEnabled : true,
    xScale : function (x) { return x; },
    yScale : function (y) { return height - y; }
  };

  /**
   * @param skip bool  Skip test against development version (use this when developing test)
   */
  function drawTest (data, o, skip) {
    options.data = data;
    if (o) _.extend(options, o);

    if (!skip) TestFlotr.graphTypes.lines.draw(options);
    options.context = b.getContext('2d');
    StableFlotr.graphTypes.lines.draw(options);

    expect(b).toImageDiffEqual(a);
  }

  describe('Lines', function () {

    beforeEach(function () {
      options = _.clone(defaults);
    });

    /*
    describe('Data', function () {
      it('gets a range', function () {
        options.stacked = true;
        options.data = [[0, 0], [240, 160], [480, 320]];
        range = TestFlotr.graphTypes.lines.range(options);
        expect(range.min).toEqual(0);
        expect(range.max).toEqual(320);
      });
    });
    */

    describe('Draw', function () {

      beforeEach(function () {
        this.addMatchers(imagediff.jasmine);
        a = imagediff.createCanvas(width, height);
        b = imagediff.createCanvas(width, height);
        options.context = a.getContext('2d');
      });

      it('draws a line chart', function () {
        drawTest([
          [0, 0],
          [240, 300],
          [480, 0]
        ]);
      });

      it('skips null values', function () {
        drawTest([
          [0, 0],
          [100, 50],
          [200, null],
          [300, 150],
          [400, 200],
          [480, 240]
        ]);
      });

      it('draws two lines', function () {
        // First line
        drawTest([[0, 0], [240, 160], [480, 320]]);

        // Second Line
        options.context = a.getContext('2d');
        drawTest([[0, 320], [240, 160], [480, 0]]);
      });

      it('fills a line', function () {
        drawTest([
          [0, 0],
          [240, 300],
          [480, 0]
        ], {
          fill : true
        });
      });

      it('draws no shadow', function () {
        drawTest([
          [0, 0],
          [240, 300],
          [480, 0]
        ], {
          shadowSize : 0
        });
      });
    });
  });
});