mirror of
https://github.com/Growstuff/growstuff.git
synced 2026-01-25 17:57:49 -05:00
fbc203ca0d
One test relied on reading the innerHTML attribute of an SVGElement object; this worked in the browser, but not when run with `rake jasmine:ci`. I've changed the test to use the `textContent` attribute instead, which works in both places.
61 lines
1.3 KiB
JavaScript
61 lines
1.3 KiB
JavaScript
(function(){
|
|
'use strict';
|
|
|
|
/*
|
|
These tests are for the BarGroup object.
|
|
*/
|
|
|
|
describe('when drawing the group of bars', function() {
|
|
var BarGroup, subject, widthScale, bars, data;
|
|
|
|
beforeEach(function() {
|
|
|
|
var WidthScale = growstuff.WidthScale;
|
|
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'}
|
|
};
|
|
|
|
widthScale = new WidthScale(data);
|
|
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 + '' + '.');
|
|
}
|
|
});
|
|
|
|
|
|
});
|
|
|
|
}());
|