auto_tests/tests/pathological_cases.js

   1 /**
   2  * @fileoverview Tests zero and one-point charts.
   3  * These don't have to render nicely, they just have to not crash.
   4  *
   5  * @author dan@dygraphs.com (Dan Vanderkam)
   6  */
   7
   8 import Dygraph from '../../src/dygraph';
   9 import Util from './Util';
  10
  11 describe("pathological-cases", function() {
  12
  13 cleanupAfterEach();
  14
  15 var restoreConsole;
  16 var logs = {};
  17 beforeEach(function() {
  18   restoreConsole = Util.captureConsole(logs);
  19 });
  20
  21 afterEach(function() {
  22   restoreConsole();
  23 });
  24
  25 var graph = document.getElementById("graph");
  26
  27 it('testZeroPoint', function() {
  28   var opts = {
  29     width: 480,
  30     height: 320
  31   };
  32   var data = "X,Y\n";
  33
  34   var g = new Dygraph(graph, data, opts);
  35 });
  36
  37 it('testOnePoint', function() {
  38   var opts = {
  39     width: 480,
  40     height: 320
  41   };
  42   var data = "X,Y\n" +
  43              "1,2\n";
  44
  45   var g = new Dygraph(graph, data, opts);
  46 });
  47
  48 it('testCombinations', function() {
  49   var dataSets = {
  50     empty: [],
  51     onePoint: [[10, 2]],
  52     nanPoint: [[10, NaN]],
  53     nanPoints: [[10, NaN], [20, NaN]],
  54     multiNan1: [[10, NaN, 2], [20, 3, NaN]],
  55     multiNan2: [[10, NaN, 2], [20, NaN, 4]],
  56     multiNan3: [[10, NaN, NaN], [20, 3, 4], [30, NaN, NaN]],
  57     atZero: [[0, 0]],
  58     atZero2: [[0, 0, 0]],
  59     negative: [[-10, -1]],
  60     acrossZero: [[-10, 1], [10, 2]],
  61     normal: [[0,1,9], [10,3,5], [20,2,7], [30,4,3]]
  62   };
  63
  64   var baseOpts = {
  65     lines: {},
  66     stacked: {
  67       stackedGraph: true
  68     }
  69   };
  70
  71   var variantOpts = {
  72     none: {},
  73     avoidMinZero: {
  74       avoidMinZero: true,
  75       includeZero: true
  76     },
  77     padded: {
  78       includeZero: true,
  79       drawAxesAtZero: true,
  80       xRangePad: 2,
  81       yRangePad: 4
  82     }
  83   };
  84
  85   for (var baseName in baseOpts) {
  86     var base = baseOpts[baseName];
  87     for (var variantName in variantOpts) {
  88       var variant = variantOpts[variantName];
  89
  90       var opts = {
  91         width: 300,
  92         height: 150,
  93         labelsDivWidth: 100,
  94         pointSize: 10
  95       };
  96       for (var key in base) {
  97         if (base.hasOwnProperty(key)) opts[key] = base[key];
  98       }
  99       for (var key in variant) {
 100         if (variant.hasOwnProperty(key)) opts[key] = variant[key];
 101       }
 102
 103       var h = document.createElement('h3');
 104       h.appendChild(document.createTextNode(baseName + ' ' + variantName));
 105       graph.appendChild(h);
 106       for (var dataName in dataSets) {
 107         var data = dataSets[dataName];
 108
 109         var box = document.createElement('fieldset');
 110         box.style.display = 'inline-block';
 111         var legend = document.createElement('legend');
 112         legend.appendChild(document.createTextNode(dataName));
 113         box.appendChild(legend);
 114         var gdiv = document.createElement('div');
 115         gdiv.style.display = 'inline-block';
 116         box.appendChild(gdiv);
 117         graph.appendChild(box);
 118
 119         var cols = data && data[0] ? data[0].length : 0;
 120         opts.labels = ['X', 'A', 'B', 'C'].slice(0, cols);
 121
 122         var g = new Dygraph(gdiv, data, opts);
 123
 124         if (dataName == 'empty') {
 125           assert.deepEqual(logs, {
 126             log: [], warn: [],
 127             error: ["Can't plot empty data set"]
 128           });
 129           logs.error = [];  // reset
 130         } else {
 131           assert.deepEqual(logs, {log: [], warn: [], error: []});
 132         }
 133       }
 134     }
 135   }
 136 });
 137
 138 it('testNullLegend', function() {
 139   var opts = {
 140     width: 480,
 141     height: 320,
 142     labelsDiv: null
 143   };
 144   var data = "X,Y\n" +
 145              "1,2\n";
 146
 147   var g = new Dygraph(graph, data, opts);
 148 });
 149
 150 it('testDivAsString', function() {
 151   var data = "X,Y\n" +
 152              "1,2\n";
 153
 154   var g = new Dygraph('graph', data, {});
 155 });
 156
 157
 158 it('testConstantSeriesNegative', function() {
 159   var data = "X,Y\n" +
 160              "1,-1\n" +
 161              "2,-1\n";
 162
 163   var g = new Dygraph('graph', data, {});
 164   // This check could be loosened to
 165   // g.yAxisRange()[0] < g.yAxisRange()[1] if it breaks in the future.
 166   assert.deepEqual([-1.1, -0.9], g.yAxisRange());
 167 });
 168
 169
 170 it('testConstantSeriesNegativeIncludeZero', function() {
 171   var data = "X,Y\n" +
 172              "1,-1\n" +
 173              "2,-1\n";
 174
 175   var g = new Dygraph('graph', data, {includeZero: true});
 176   // This check could be loosened to
 177   // g.yAxisRange()[0] < g.yAxisRange()[1] if it breaks in the future.
 178   assert.deepEqual([-1.1, 0], g.yAxisRange());
 179 });
 180
 181 it('should throw with non-existent divs', function() {
 182   var data = "X,Y\n" +
 183              "1,-1\n" +
 184              "2,1\n";
 185
 186   assert.throws(function() {
 187     new Dygraph(null, data);
 188   }, /non-existent div/);
 189
 190   assert.throws(function() {
 191     new Dygraph('non-existent-div-id', data);
 192   }, /non-existent div/);
 193 });
 194
 195 });