* @fileoverview Regression test based on some strange customBars data.
* @author danvk@google.com (Dan Vanderkam)
*/
-var CustomBarsTestCase = TestCase("custom-bars");
+describe("custom-bars", function() {
-CustomBarsTestCase.prototype.setUp = function() {
+var _origFunc = Dygraph.getContext;
+beforeEach(function() {
document.body.innerHTML = "<div id='graph'></div>";
-};
+ Dygraph.getContext = function(canvas) {
+ return new Proxy(_origFunc(canvas));
+ }
+});
-CustomBarsTestCase.prototype.tearDown = function() {
-};
+afterEach(function() {
+ Dygraph.getContext = _origFunc;
+});
// This test used to reliably produce an infinite loop.
-CustomBarsTestCase.prototype.testCustomBarsNoHang = function() {
+it('testCustomBarsNoHang', function() {
var opts = {
width: 480,
height: 320,
"35,,0;22437620;0\n";
var graph = document.getElementById("graph");
var g = new Dygraph(graph, data, opts);
-};
+});
// Regression test for http://code.google.com/p/dygraphs/issues/detail?id=201
-CustomBarsTestCase.prototype.testCustomBarsZero = function() {
+it('testCustomBarsZero', function() {
var opts = {
customBars: true
};
var g = new Dygraph(graph, data, opts);
var range = g.yAxisRange();
- assertTrue('y-axis must include 0', range[0] <= 0);
- assertTrue('y-axis must include 5', range[1] >= 5);
-};
+ assert.isTrue(range[0] <= 0, 'y-axis must include 0');
+ assert.isTrue(range[1] >= 5, 'y-axis must include 5');
+});
+
+// Regression test for http://code.google.com/p/dygraphs/issues/detail?id=229
+it('testCustomBarsAtTop', function() {
+ var g = new Dygraph(document.getElementById("graph"),
+ [
+ [1, [10, 10, 100]],
+ [1, [10, 10, 100]],
+ [2, [15, 20, 110]],
+ [3, [10, 30, 100]],
+ [4, [15, 40, 110]],
+ [5, [10,120, 100]],
+ [6, [15, 50, 110]],
+ [7, [10, 70, 100]],
+ [8, [15, 90, 110]],
+ [9, [10, 50, 100]]
+ ], {
+ width: 500, height: 350,
+ customBars: true,
+ errorBars: true,
+ axes : {
+ x : {
+ drawGrid: false,
+ drawAxis: false,
+ },
+ y : {
+ drawGrid: false,
+ drawAxis: false,
+ }
+ },
+ valueRange: [0, 120],
+ fillAlpha: 0.15,
+ colors: [ '#00FF00' ]
+ });
+
+ var sampler = new PixelSampler(g);
+ assert.deepEqual([0, 255, 0, 38], sampler.colorAtCoordinate(5, 60));
+});
+
+// Tests that custom bars work with log scale.
+it('testCustomBarsLogScale', function() {
+ var g = new Dygraph(document.getElementById("graph"),
+ [
+ [1, [10, 10, 100]],
+ [5, [15,120, 80]],
+ [9, [10, 50, 100]]
+ ], {
+ width: 500, height: 350,
+ customBars: true,
+ errorBars: true,
+ valueRange: [1, 120],
+ axes : {
+ x : {
+ drawGrid: false,
+ drawAxis: false,
+ },
+ y : {
+ drawGrid: false,
+ drawAxis: false,
+ }
+ },
+ fillAlpha: 1.0,
+ logscale: true,
+ colors: [ '#00FF00' ]
+ });
+
+ // The following assertions describe the sides of the custom bars, which are
+ // drawn in two halves.
+ CanvasAssertions.assertConsecutiveLinesDrawn(
+ g.hidden_ctx_,
+ [[0, 13.329014086362069],
+ [247.5, 29.64240889852502],
+ [247.5, 152.02209814465604],
+ [0, 181.66450704318103]],
+ { fillStyle: "#00ff00" });
+
+ CanvasAssertions.assertConsecutiveLinesDrawn(
+ g.hidden_ctx_,
+ [[247.5, 29.64240889852502],
+ [495, 13.329014086362069],
+ [495, 181.66450704318103],
+ [247.5, 152.02209814465604]],
+ { fillStyle: "#00ff00" });
+});
+
+it('testCustomBarsWithNegativeValuesInLogScale', function() {
+ var graph = document.getElementById("graph");
+
+ var count = 0;
+ var drawPointCallback = function() {
+ count++;
+ };
+
+ var g = new Dygraph(graph,
+ [
+ [1, [10, 20,30]],
+ [2, [5, 10, 15]],
+ [3, [-1, 5, 10]]
+ ],
+ {
+ drawPoints: true,
+ drawPointCallback : drawPointCallback,
+ customBars: true
+ });
+
+ // Normally all three points would be drawn.
+ assert.equal(3, count);
+ count = 0;
+
+ // In log scale, the third point shouldn't be shown.
+ g.updateOptions({ logscale : true });
+ assert.equal(2, count);
+});
+
+});