document.body.innerHTML = "<div id='graph'></div>";
};
-var _origFunc = Dygraph.getContext;
+errorBarsTestCase._origFunc = Dygraph.getContext;
errorBarsTestCase.prototype.setUp = function() {
document.body.innerHTML = "<div id='graph'></div>";
Dygraph.getContext = function(canvas) {
- return new Proxy(_origFunc(canvas));
+ return new Proxy(errorBarsTestCase._origFunc(canvas));
}
};
errorBarsTestCase.prototype.tearDown = function() {
- Dygraph.getContext = _origFunc;
+ Dygraph.getContext = errorBarsTestCase._origFunc;
};
-errorBarsTestCase.prototype.testNameGoesHere = function() {
+errorBarsTestCase.prototype.testErrorBarsDrawn = function() {
var opts = {
width: 480,
height: 320,
xy2 = g.toDomCoords(data[i + 1][0], data[i + 1][1][1]);
CanvasAssertions.assertLineDrawn(htx, xy1, xy2, attrs);
}
+ CanvasAssertions.assertBalancedSaveRestore(htx);
};
+errorBarsTestCase.prototype.testErrorBarsCorrectColors = function() {
+ // Two constant series with constant error.
+ var data = [
+ [0, [100, 50], [200, 50]],
+ [1, [100, 50], [200, 50]]
+ ];
+
+ var opts = {
+ errorBars: true,
+ sigma: 1.0,
+ fillAlpha: 0.15,
+ colors: ['#00ff00', '#0000ff'],
+ drawXGrid: false,
+ drawYGrid: false,
+ drawXAxis: false,
+ drawYAxis: false,
+ width: 400,
+ height: 300,
+ valueRange: [0, 300],
+ labels: ['X', 'Y1', 'Y2']
+ };
+ var graph = document.getElementById("graph");
+ var g = new Dygraph(graph, data, opts);
+
+ // y-pixels (0=top, 299=bottom)
+ // 0- 48: empty (white)
+ // 49- 98: Y2 error bar
+ // 99: Y2 center line
+ // 100-148: Y2 error bar
+ // 149-198: Y1 error bar
+ // 199: Y1 center line
+ // 200-248: Y1 error bar
+ // 249-299: empty (white)
+ // TODO(danvk): test the edges of these regions.
+
+ assertEquals([0, 0, 255, 38], Util.samplePixel(g.hidden_, 200, 75));
+ assertEquals([0, 0, 255, 38], Util.samplePixel(g.hidden_, 200, 125));
+ assertEquals([0, 255, 0, 38], Util.samplePixel(g.hidden_, 200, 175));
+ assertEquals([0, 255, 0, 38], Util.samplePixel(g.hidden_, 200, 225));
+}