Convert tests from jstd to Mocha.
[dygraphs.git] / auto_tests / tests / simple_drawing.js
1 // Copyright (c) 2011 Google, Inc.
2 //
3 // Permission is hereby granted, free of charge, to any person obtaining a copy
4 // of this software and associated documentation files (the "Software"), to deal
5 // in the Software without restriction, including without limitation the rights
6 // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
7 // copies of the Software, and to permit persons to whom the Software is
8 // furnished to do so, subject to the following conditions:
9 //
10 // The above copyright notice and this permission notice shall be included in
11 // all copies or substantial portions of the Software.
12 //
13 // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14 // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15 // FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16 // AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17 // LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
19 // THE SOFTWARE.
20
21 /**
22 * @fileoverview Test cases for drawing simple lines.
23 *
24 * @author konigsberg@google.com (Robert Konigsberg)
25 */
26 var ZERO_TO_FIFTY = [[ 10, 0 ] , [ 20, 50 ]];
27
28 describe("simple-drawing", function() {
29
30 var _origFunc = Dygraph.getContext;
31 beforeEach(function() {
32 document.body.innerHTML = "<div id='graph'></div>";
33 Dygraph.getContext = function(canvas) {
34 return new Proxy(_origFunc(canvas));
35 }
36 });
37
38 afterEach(function() {
39 Dygraph.getContext = _origFunc;
40 });
41
42 it('testDrawSimpleRangePlusOne', function() {
43 var opts = {
44 axes : {
45 x : {
46 drawGrid: false,
47 drawAxis: false,
48 },
49 y : {
50 drawGrid: false,
51 drawAxis: false,
52 }
53 },
54 valueRange: [0,51] }
55
56 var graph = document.getElementById("graph");
57 var g = new Dygraph(graph, ZERO_TO_FIFTY, opts);
58 var htx = g.hidden_ctx_;
59
60 CanvasAssertions.assertLineDrawn(htx, [0,320], [475,6.2745], {
61 strokeStyle: "#008080",
62 lineWidth: 1
63 });
64 g.destroy(); // to balance context saves and destroys.
65 CanvasAssertions.assertBalancedSaveRestore(htx);
66 });
67
68 // See http://code.google.com/p/dygraphs/issues/detail?id=185
69 it('testDrawSimpleRangeZeroToFifty', function() {
70 var opts = {
71 axes : {
72 x : {
73 drawGrid: false,
74 drawAxis: false,
75 },
76 y : {
77 drawGrid: false,
78 drawAxis: false,
79 }
80 },
81 valueRange: [0,50] }
82
83 var graph = document.getElementById("graph");
84 var g = new Dygraph(graph, ZERO_TO_FIFTY, opts);
85 var htx = g.hidden_ctx_;
86
87 var lines = CanvasAssertions.getLinesDrawn(htx, {
88 strokeStyle: "#008080",
89 lineWidth: 1
90 });
91 assert.equal(1, lines.length);
92 g.destroy(); // to balance context saves and destroys.
93 CanvasAssertions.assertBalancedSaveRestore(htx);
94 });
95
96 it('testDrawWithAxis', function() {
97 var graph = document.getElementById("graph");
98 var g = new Dygraph(graph, ZERO_TO_FIFTY);
99
100 var htx = g.hidden_ctx_;
101 g.destroy(); // to balance context saves and destroys.
102 CanvasAssertions.assertBalancedSaveRestore(htx);
103 });
104
105 /**
106 * Tests that it is drawing dashes, and it remember the dash history between
107 * points.
108 */
109 it('testDrawSimpleDash', function() {
110 var opts = {
111 axes: {
112 x: {
113 drawGrid: false,
114 drawAxis: false
115 },
116 y: {
117 drawGrid: false,
118 drawAxis: false
119 }
120 },
121 series: {
122 'Y1': {strokePattern: [25, 7, 7, 7]},
123 },
124 colors: ['#ff0000']
125 };
126
127 var graph = document.getElementById("graph");
128 // Set the dims so we pass if default changes.
129 graph.style.width='480px';
130 graph.style.height='320px';
131 var g = new Dygraph(graph, [[1, 4], [2, 5], [3, 3], [4, 7], [5, 9]], opts);
132 var htx = g.hidden_ctx_;
133
134 // TODO(danvk): figure out a good way to restore this test.
135 // assert.equal(29, CanvasAssertions.numLinesDrawn(htx, "#ff0000"));
136 g.destroy(); // to balance context saves and destroys.
137 CanvasAssertions.assertBalancedSaveRestore(htx);
138 });
139
140 /**
141 * Tests that thick lines are drawn continuously.
142 * Regression test for http://code.google.com/p/dygraphs/issues/detail?id=328
143 */
144 it('testDrawThickLine', function() {
145 var opts = {
146 axes : {
147 x : {
148 drawGrid: false,
149 drawAxis: false,
150 },
151 y : {
152 drawGrid: false,
153 drawAxis: false,
154 }
155 },
156 strokeWidth: 15,
157 colors: ['#ff0000']
158 };
159
160 var graph = document.getElementById("graph");
161 // Set the dims so we pass if default changes.
162 graph.style.width='480px';
163 graph.style.height='320px';
164 var g = new Dygraph(graph, [[1, 2], [2, 5], [3, 2], [4, 7], [5, 0]], opts);
165 var htx = g.hidden_ctx_;
166
167 // There's a big gap in the line at (2, 5)
168 // If the bug is fixed, then there should be some red going up from here.
169 var xy = g.toDomCoords(2, 5);
170 var x = Math.round(xy[0]), y = Math.round(xy[1]);
171
172 var sampler = new PixelSampler(g);
173 assert.deepEqual([255,0,0,255], sampler.colorAtPixel(x, y));
174 assert.deepEqual([255,0,0,255], sampler.colorAtPixel(x, y - 1));
175 assert.deepEqual([255,0,0,255], sampler.colorAtPixel(x, y - 2));
176
177 // TODO(danvk): figure out a good way to restore this test.
178 // assert.equal(29, CanvasAssertions.numLinesDrawn(htx, "#ff0000"));
179 g.destroy(); // to balance context saves and destroys.
180 CanvasAssertions.assertBalancedSaveRestore(htx);
181 });
182
183 });