X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=auto_tests%2Ftests%2Fcallback.js;h=a727fa5b16b06f0230a8b9324c4e340dfd971223;hb=b59d8eebfd61f9a249b4390a6c6ca171188a5282;hp=9643da50caa56af079103c35b4d65d1143da0508;hpb=857a693198b506e516a541848491a0c160953b8e;p=dygraphs.git
diff --git a/auto_tests/tests/callback.js b/auto_tests/tests/callback.js
index 9643da5..a727fa5 100644
--- a/auto_tests/tests/callback.js
+++ b/auto_tests/tests/callback.js
@@ -1,4 +1,4 @@
-/**
+/**
* @fileoverview Test cases for the callbacks.
*
* @author uemit.seren@gmail.com (Ãmit Seren)
@@ -8,54 +8,194 @@ var CallbackTestCase = TestCase("callback");
CallbackTestCase.prototype.setUp = function() {
document.body.innerHTML = "";
+ this.xhr = XMLHttpRequest;
this.styleSheet = document.createElement("style");
this.styleSheet.type = "text/css";
document.getElementsByTagName("head")[0].appendChild(this.styleSheet);
};
CallbackTestCase.prototype.tearDown = function() {
+ XMLHttpRequest = this.xhr;
};
-
- var data = "X,a\,b,c\n" +
+
+var data = "X,a\,b,c\n" +
"10,-1,1,2\n" +
"11,0,3,1\n" +
"12,1,4,2\n" +
"13,0,2,3\n";
-
-
- /**
- * This tests that when the function idxToRow_ returns the proper row and the onHiglightCallback
- * is properly called when the first series is hidden (setVisibility = false)
- *
- */
- CallbackTestCase.prototype.testHighlightCallbackIsCalled = function() {
- var h_row;
- var h_pts;
-
- var highlightCallback = function(e, x, pts, row) {
- h_row = row;
- h_pts = pts;
- };
-
-
-
- var graph = document.getElementById("graph");
- var g = new Dygraph(graph, data,
- {
- width: 100,
- height : 100,
- visibility: [false, true, true],
- highlightCallback : highlightCallback
- });
-
- DygraphOps.dispatchMouseMove(g, 13, 10);
-
- //check correct row is returned
- assertEquals(3, h_row);
- //check there are only two points (because first series is hidden)
- assertEquals(2, h_pts.length);
- };
+
+/**
+ * This tests that when the function idxToRow_ returns the proper row and the onHiglightCallback
+ * is properly called when the first series is hidden (setVisibility = false)
+ *
+ */
+CallbackTestCase.prototype.testHighlightCallbackIsCalled = function() {
+ var h_row;
+ var h_pts;
+
+ var highlightCallback = function(e, x, pts, row) {
+ h_row = row;
+ h_pts = pts;
+ };
+
+ var graph = document.getElementById("graph");
+ var g = new Dygraph(graph, data,
+ {
+ width: 100,
+ height: 100,
+ visibility: [false, true, true],
+ highlightCallback: highlightCallback
+ });
+
+ DygraphOps.dispatchMouseMove(g, 13, 10);
+
+ //check correct row is returned
+ assertEquals(3, h_row);
+ //check there are only two points (because first series is hidden)
+ assertEquals(2, h_pts.length);
+};
+
+
+/**
+ * Test that drawPointCallback isn't called when drawPoints is false
+ */
+CallbackTestCase.prototype.testDrawPointCallback_disabled = function() {
+ var called = false;
+
+ var callback = function() {
+ called = true;
+ };
+
+ var graph = document.getElementById("graph");
+ var g = new Dygraph(graph, data, {
+ drawPointCallback : callback,
+ });
+
+ assertFalse(called);
+};
+
+/**
+ * Test that drawPointCallback is called when drawPoints is true
+ */
+CallbackTestCase.prototype.testDrawPointCallback_enabled = function() {
+ var called = false;
+
+ var callback = function() {
+ called = true;
+ };
+
+ var graph = document.getElementById("graph");
+ var g = new Dygraph(graph, data, {
+ drawPoints : true,
+ drawPointCallback : callback
+ });
+
+ assertTrue(called);
+};
+
+/**
+ * Test that drawPointCallback is called when drawPoints is true
+ */
+CallbackTestCase.prototype.testDrawPointCallback_pointSize = function() {
+ var pointSize = 0;
+ var count = 0;
+
+ var callback = function(g, seriesName, canvasContext, cx, cy, color, pointSizeParam) {
+ pointSize = pointSizeParam;
+ count++;
+ };
+
+ var graph = document.getElementById("graph");
+ var g = new Dygraph(graph, data, {
+ drawPoints : true,
+ drawPointCallback : callback
+ });
+
+ assertEquals(1.5, pointSize);
+ assertEquals(12, count); // one call per data point.
+
+ var g = new Dygraph(graph, data, {
+ drawPoints : true,
+ drawPointCallback : callback,
+ pointSize : 8
+ });
+
+ assertEquals(8, pointSize);
+};
+
+/**
+ * Test that drawPointCallback is called for isolated points when
+ * drawPoints is false, and also for gap points if that's enabled.
+ */
+CallbackTestCase.prototype.testDrawPointCallback_isolated = function() {
+ var xvalues = [];
+
+ var g;
+ var callback = function(g, seriesName, canvasContext, cx, cy, color, pointSizeParam) {
+ var dx = g.toDataXCoord(cx);
+ xvalues.push(dx);
+ Dygraph.Circles.DEFAULT.apply(this, arguments);
+ };
+
+ var graph = document.getElementById("graph");
+ var testdata = [[10, 2], [11, 3], [12, NaN], [13, 2], [14, NaN], [15, 3]];
+ var graphOpts = {
+ labels: ['X', 'Y'],
+ valueRange: [0, 4],
+ drawPoints : false,
+ drawPointCallback : callback,
+ pointSize : 8
+ };
+
+ // Test that isolated points get drawn
+ g = new Dygraph(graph, testdata, graphOpts);
+ assertEquals(2, xvalues.length);
+ assertEquals(13, xvalues[0]);
+ assertEquals(15, xvalues[1]);
+
+ // Test that isolated points + gap points get drawn when
+ // drawGapEdgePoints is set. This should add one point at the right
+ // edge of the segment at x=11, but not at the graph edge at x=10.
+ xvalues = []; // Reset for new test
+ graphOpts.drawGapEdgePoints = true;
+ g = new Dygraph(graph, testdata, graphOpts);
+ assertEquals(3, xvalues.length);
+ assertEquals(11, xvalues[0]);
+ assertEquals(13, xvalues[1]);
+ assertEquals(15, xvalues[2]);
+};
+
+/**
+ * This tests that when the function idxToRow_ returns the proper row and the onHiglightCallback
+ * is properly called when the first series is hidden (setVisibility = false)
+ *
+ */
+CallbackTestCase.prototype.testDrawHighlightPointCallbackIsCalled = function() {
+ var called = false;
+
+ var drawHighlightPointCallback = function() {
+ called = true;
+ };
+
+ var graph = document.getElementById("graph");
+ var g = new Dygraph(graph, data,
+ {
+ width: 100,
+ height : 100,
+ drawHighlightPointCallback : drawHighlightPointCallback
+ });
+
+ assertFalse(called);
+ DygraphOps.dispatchMouseMove(g, 13, 10);
+ assertTrue(called);
+};
+
+/**
+ * Test the closest-series highlighting methods for normal and stacked modes.
+ * Also pass in line widths for plain and highlighted lines for easier visual
+ * confirmation that the highlighted line is drawn on top of the others.
+ */
var runClosestTest = function(isStacked, widthNormal, widthHighlighted) {
var h_row;
var h_pts;
@@ -65,14 +205,13 @@ var runClosestTest = function(isStacked, widthNormal, widthHighlighted) {
var g = new Dygraph(graph, data,
{
width: 600,
- height : 400,
+ height: 400,
visibility: [false, true, true],
stackedGraph: isStacked,
strokeWidth: widthNormal,
strokeBorderWidth: 2,
highlightCircleSize: widthNormal * 2,
- highlightSeriesBackgroundFade: 0.7,
- highlightSeriesAnimate: true,
+ highlightSeriesBackgroundAlpha: 0.3,
highlightSeriesOpts: {
strokeWidth: widthHighlighted,
@@ -149,6 +288,7 @@ CallbackTestCase.prototype.testClosestPointCallbackCss1 = function() {
"div.dygraph-legend > span.highlight { border: 1px solid grey; }\n";
this.styleSheet.innerHTML = css;
runClosestTest(false, 2, 4);
+ this.styleSheet.innerHTML = '';
}
/**
@@ -159,5 +299,315 @@ CallbackTestCase.prototype.testClosestPointCallbackCss2 = function() {
"div.dygraph-legend > span.highlight { display: inline; }\n";
this.styleSheet.innerHTML = css;
runClosestTest(false, 10, 15);
+ this.styleSheet.innerHTML = '';
// TODO(klausw): verify that the highlighted line is drawn on top?
}
+
+/**
+ * Closest-point highlighting with locked series.
+ */
+CallbackTestCase.prototype.testSetSelectionLocking = function() {
+ var g = runClosestTest(false, 2, 4);
+
+ // Default behavior, 'b' is closest
+ DygraphOps.dispatchMouseMove(g, 11, 4);
+ assertEquals('b', g.getHighlightSeries());
+
+ // Now lock selection to 'c'
+ g.setSelection(false, 'c', true);
+ DygraphOps.dispatchMouseMove(g, 11, 4);
+ assertEquals('c', g.getHighlightSeries());
+
+ // Unlock, should be back to 'b'
+ g.clearSelection();
+ DygraphOps.dispatchMouseMove(g, 11, 4);
+ assertEquals('b', g.getHighlightSeries());
+}
+
+/**
+ * This tests that closest point searches work for data containing NaNs.
+ *
+ * It's intended to catch a regression where a NaN Y value confuses the
+ * closest-point algorithm, treating it as closer as any previous point.
+ */
+CallbackTestCase.prototype.testNaNData = function() {
+ var dataNaN = [
+ [9, -1, NaN, NaN],
+ [10, -1, 1, 2],
+ [11, 0, 3, 1],
+ [12, 1, 4, NaN],
+ [13, 0, 2, 3],
+ [14, -1, 1, 4]];
+
+ var h_row;
+ var h_pts;
+
+ var highlightCallback = function(e, x, pts, row) {
+ h_row = row;
+ h_pts = pts;
+ };
+
+ var graph = document.getElementById("graph");
+ var g = new Dygraph(graph, dataNaN,
+ {
+ width: 600,
+ height: 400,
+ labels: ['x', 'a', 'b', 'c'],
+ visibility: [false, true, true],
+ highlightCallback: highlightCallback
+ });
+
+ DygraphOps.dispatchMouseMove(g, 10.1, 0.9);
+ //check correct row is returned
+ assertEquals(1, h_row);
+
+ // Explicitly test closest point algorithms
+ var dom = g.toDomCoords(10.1, 0.9);
+ assertEquals(1, g.findClosestRow(dom[0]));
+
+ var res = g.findClosestPoint(dom[0], dom[1]);
+ assertEquals(1, res.row);
+ assertEquals('b', res.seriesName);
+
+ res = g.findStackedPoint(dom[0], dom[1]);
+ assertEquals(1, res.row);
+ assertEquals('c', res.seriesName);
+};
+
+/**
+ * This tests that stacked point searches work for data containing NaNs.
+ */
+CallbackTestCase.prototype.testNaNDataStack = function() {
+ var dataNaN = [
+ [9, -1, NaN, NaN],
+ [10, -1, 1, 2],
+ [11, 0, 3, 1],
+ [12, 1, NaN, 2],
+ [13, 0, 2, 3],
+ [14, -1, 1, 4],
+ [15, 0, 2, NaN],
+ [16, 1, 1, 3],
+ [17, 1, NaN, 3],
+ [18, 0, 2, 5],
+ [19, 0, 1, 4]];
+
+ var h_row;
+ var h_pts;
+
+ var highlightCallback = function(e, x, pts, row) {
+ h_row = row;
+ h_pts = pts;
+ };
+
+ var graph = document.getElementById("graph");
+ var g = new Dygraph(graph, dataNaN,
+ {
+ width: 600,
+ height: 400,
+ labels: ['x', 'a', 'b', 'c'],
+ visibility: [false, true, true],
+ stackedGraph: true,
+ highlightCallback: highlightCallback
+ });
+
+ DygraphOps.dispatchMouseMove(g, 10.1, 0.9);
+ //check correct row is returned
+ assertEquals(1, h_row);
+
+ // Explicitly test stacked point algorithm.
+ var dom = g.toDomCoords(10.1, 0.9);
+ var res = g.findStackedPoint(dom[0], dom[1]);
+ assertEquals(1, res.row);
+ assertEquals('c', res.seriesName);
+
+ // First gap, no data due to NaN contagion.
+ dom = g.toDomCoords(12.1, 0.9);
+ res = g.findStackedPoint(dom[0], dom[1]);
+ assertEquals(3, res.row);
+ assertEquals(undefined, res.seriesName);
+
+ // Second gap, no data due to NaN contagion.
+ dom = g.toDomCoords(15.1, 0.9);
+ res = g.findStackedPoint(dom[0], dom[1]);
+ assertEquals(6, res.row);
+ assertEquals(undefined, res.seriesName);
+
+ // Isolated points should work, finding series b in this case.
+ dom = g.toDomCoords(15.9, 3.1);
+ res = g.findStackedPoint(dom[0], dom[1]);
+ assertEquals(7, res.row);
+ assertEquals('b', res.seriesName);
+};
+
+CallbackTestCase.prototype.testGapHighlight = function() {
+ var dataGap = [
+ [1, null, 3],
+ [2, 2, null],
+ [3, null, 5],
+ [4, 4, null],
+ [5, null, 7],
+ [6, NaN, null],
+ [8, 8, null],
+ [10, 10, null]];
+
+ var h_row;
+ var h_pts;
+
+ var highlightCallback = function(e, x, pts, row) {
+ h_row = row;
+ h_pts = pts;
+ };
+
+ var graph = document.getElementById("graph");
+ var g = new Dygraph(graph, dataGap, {
+ width: 400,
+ height: 300,
+ //stackedGraph: true,
+ connectSeparatedPoints: true,
+ drawPoints: true,
+ labels: ['x', 'A', 'B'],
+ highlightCallback : highlightCallback
+ });
+
+ DygraphOps.dispatchMouseMove(g, 1.1, 10);
+ //point from series B
+ assertEquals(0, h_row);
+ assertEquals(1, h_pts.length);
+ assertEquals(3, h_pts[0].yval);
+ assertEquals('B', h_pts[0].name);
+
+ DygraphOps.dispatchMouseMove(g, 6.1, 10);
+ // A is NaN at x=6
+ assertEquals(1, h_pts.length);
+ assert(isNaN(h_pts[0].yval));
+ assertEquals('A', h_pts[0].name);
+
+ DygraphOps.dispatchMouseMove(g, 8.1, 10);
+ //point from series A
+ assertEquals(6, h_row);
+ assertEquals(1, h_pts.length);
+ assertEquals(8, h_pts[0].yval);
+ assertEquals('A', h_pts[0].name);
+};
+
+CallbackTestCase.prototype.testFailedResponse = function() {
+
+ // Fake out the XMLHttpRequest so it doesn't do anything.
+ XMLHttpRequest = function () {};
+ XMLHttpRequest.prototype.open = function () {};
+ XMLHttpRequest.prototype.send = function () {};
+
+ var highlightCallback = function(e, x, pts, row) {
+ fail("should not reach here");
+ };
+
+ var graph = document.getElementById("graph");
+ graph.style.border = "2px solid black";
+ var g = new Dygraph(graph, "data.csv", { // fake name
+ width: 400,
+ height: 300,
+ highlightCallback : highlightCallback
+ });
+
+ DygraphOps.dispatchMouseOver_Point(g, 800, 800);
+ DygraphOps.dispatchMouseMove_Point(g, 100, 100);
+ DygraphOps.dispatchMouseMove_Point(g, 800, 800);
+
+ var oldOnerror = window.onerror;
+ var failed = false;
+ window.onerror = function() { failed = true; return false; }
+
+ DygraphOps.dispatchMouseOut_Point(g, 800, 800); // This call should not throw an exception.
+
+ assertFalse("exception thrown during mouseout", failed);
+};
+
+
+// Regression test for http://code.google.com/p/dygraphs/issues/detail?id=355
+CallbackTestCase.prototype.testHighlightCallbackRow = function() {
+ var highlightRow;
+ var highlightCallback = function(e, x, pts, row) {
+ highlightRow = row;
+ };
+
+ var graph = document.getElementById("graph");
+ var g = new Dygraph(graph,
+ "X,Y,Z\n" +
+ "0,1,2\n" + // 0
+ "1,2,3\n" + // 100
+ "2,3,4\n" + // 200
+ "3,4,5\n" + // 300
+ "4,5,6\n", // 400
+ { // fake name
+ width: 400,
+ height: 300,
+ highlightCallback : highlightCallback
+ });
+
+ // Mouse over each of the points
+ DygraphOps.dispatchMouseOver_Point(g, 0, 0);
+ DygraphOps.dispatchMouseMove_Point(g, 0, 0);
+ assertEquals(0, highlightRow);
+ DygraphOps.dispatchMouseMove_Point(g, 100, 0);
+ assertEquals(1, highlightRow);
+ DygraphOps.dispatchMouseMove_Point(g, 200, 0);
+ assertEquals(2, highlightRow);
+ DygraphOps.dispatchMouseMove_Point(g, 300, 0);
+ assertEquals(3, highlightRow);
+ DygraphOps.dispatchMouseMove_Point(g, 400, 0);
+ assertEquals(4, highlightRow);
+
+ // Now zoom and verify that the row numbers still refer to rows in the data
+ // array.
+ g.updateOptions({dateWindow: [2, 4]});
+ DygraphOps.dispatchMouseOver_Point(g, 0, 0);
+ DygraphOps.dispatchMouseMove_Point(g, 0, 0);
+ assertEquals(2, highlightRow);
+ assertEquals('2: Y: 3 Z: 4', Util.getLegend());
+};
+
+/**
+ * Test that underlay callback is called even when there are no series,
+ * and that the y axis ranges are not NaN.
+ */
+CallbackTestCase.prototype.underlayCallback_noSeries = function() {
+ var called = false;
+ var yMin, yMax;
+
+ var callback = function(canvas, area, g) {
+ called = true;
+ yMin = g.yAxisRange(0)[0];
+ yMax = g.yAxisRange(0)[1];
+ };
+
+ var graph = document.getElementById("graph");
+ var g = new Dygraph(graph, "\n", {
+ underlayCallback: callback
+ });
+
+ assertTrue(called);
+ assertFalse(isNaN(yMin));
+ assertFalse(isNaN(yMax));
+};
+
+/**
+ * Test that underlay callback receives the correct y-axis range.
+ */
+CallbackTestCase.prototype.underlayCallback_yAxisRange = function() {
+ var called = false;
+ var yMin, yMax;
+
+ var callback = function(canvas, area, g) {
+ yMin = g.yAxisRange(0)[0];
+ yMax = g.yAxisRange(0)[1];
+ };
+
+ var graph = document.getElementById("graph");
+ var g = new Dygraph(graph, "\n", {
+ valueRange: [0,10],
+ underlayCallback: callback
+ });
+
+ assertEquals(0, yMin);
+ assertEquals(10, yMax);
+};