growstuff/spec/javascripts/graphs/bar_group_spec.js

(function() {
  'use strict';

  /*
  These tests are for the BarGroup object.
   */

  describe('when drawing the group of bars', function() {
    var BarGroup; var subject; var bars; var data;

    beforeEach(function() {
      BarGroup = growstuff.BarGroup;

      bars = [
        {name: 'Shade', value: 0.2},
        {name: 'Half Shade', value: 0.5},
      ];

      data = {
        bars: bars,
        bar_color: 'steelblue',
        width: {size: 300, scale: 'linear'},
        height: {size: 400, scale: 'ordinal'},
      };

      subject = new BarGroup(data);
      subject.render(d3.select('#jasmine_content').append('svg'));
    });

    it('draws a group', function() {
      expect($('g.bar')).toExist();
    });

    it('draws 2 bars', function() {
      expect($('g.bar rect')).toHaveLength(2);
    });

    it('fills the bars with color', function() {
      expect($('g.bar rect')).toHaveAttr('fill', 'steelblue');
    });

    it('shows a tooltip on hover', function() {
      var i;

      // get all of the title nodes for the bars
      var barNodes = $('g.bar rect title');

      for (i = 0; i < bars.length; i++) {
        expect(barNodes[i].textContent)
            .toBe('This value is ' + bars[i].value + '' + '.');
      }
    });
  });
}());