Commit | Line | Data |
---|---|---|
718ad8e2 | 1 | // Copyright (c) 2011 Google, Inc. |
644eff8b RK |
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 | */ | |
7165f97b | 26 | var ZERO_TO_FIFTY = [[ 10, 0 ] , [ 20, 50 ]]; |
644eff8b | 27 | |
89fdcedb | 28 | describe("simple-drawing", function() { |
644eff8b | 29 | |
319d0361 | 30 | var _origFunc = Dygraph.getContext; |
89fdcedb | 31 | beforeEach(function() { |
644eff8b | 32 | document.body.innerHTML = "<div id='graph'></div>"; |
063e83ba | 33 | Dygraph.getContext = function(canvas) { |
319d0361 | 34 | return new Proxy(_origFunc(canvas)); |
063e83ba | 35 | } |
89fdcedb | 36 | }); |
644eff8b | 37 | |
89fdcedb | 38 | afterEach(function() { |
319d0361 | 39 | Dygraph.getContext = _origFunc; |
89fdcedb | 40 | }); |
644eff8b | 41 | |
89fdcedb | 42 | it('testDrawSimpleRangePlusOne', function() { |
644eff8b | 43 | var opts = { |
bfb3e0a4 RK |
44 | axes : { |
45 | x : { | |
46 | drawGrid: false, | |
47 | drawAxis: false, | |
48 | }, | |
49 | y : { | |
50 | drawGrid: false, | |
51 | drawAxis: false, | |
52 | } | |
53 | }, | |
644eff8b RK |
54 | valueRange: [0,51] } |
55 | ||
56 | var graph = document.getElementById("graph"); | |
57 | var g = new Dygraph(graph, ZERO_TO_FIFTY, opts); | |
c20eabd3 | 58 | var htx = g.hidden_ctx_; |
644eff8b | 59 | |
124e8d98 | 60 | CanvasAssertions.assertLineDrawn(htx, [0,320], [475,6.2745], { |
063e83ba DV |
61 | strokeStyle: "#008080", |
62 | lineWidth: 1 | |
63 | }); | |
b941564d | 64 | g.destroy(); // to balance context saves and destroys. |
6278f6fe | 65 | CanvasAssertions.assertBalancedSaveRestore(htx); |
89fdcedb | 66 | }); |
6278f6fe | 67 | |
7aabde96 | 68 | // See http://code.google.com/p/dygraphs/issues/detail?id=185 |
89fdcedb | 69 | it('testDrawSimpleRangeZeroToFifty', function() { |
7aabde96 | 70 | var opts = { |
bfb3e0a4 RK |
71 | axes : { |
72 | x : { | |
73 | drawGrid: false, | |
74 | drawAxis: false, | |
75 | }, | |
76 | y : { | |
77 | drawGrid: false, | |
78 | drawAxis: false, | |
79 | } | |
80 | }, | |
7aabde96 DV |
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 | }); | |
89fdcedb | 91 | assert.equal(1, lines.length); |
b941564d | 92 | g.destroy(); // to balance context saves and destroys. |
7aabde96 | 93 | CanvasAssertions.assertBalancedSaveRestore(htx); |
89fdcedb | 94 | }); |
7aabde96 | 95 | |
89fdcedb | 96 | it('testDrawWithAxis', function() { |
6278f6fe DV |
97 | var graph = document.getElementById("graph"); |
98 | var g = new Dygraph(graph, ZERO_TO_FIFTY); | |
99 | ||
100 | var htx = g.hidden_ctx_; | |
b941564d | 101 | g.destroy(); // to balance context saves and destroys. |
6278f6fe | 102 | CanvasAssertions.assertBalancedSaveRestore(htx); |
89fdcedb | 103 | }); |
79253bd0 | 104 | |
105 | /** | |
106 | * Tests that it is drawing dashes, and it remember the dash history between | |
107 | * points. | |
108 | */ | |
89fdcedb | 109 | it('testDrawSimpleDash', function() { |
79253bd0 | 110 | var opts = { |
c715be42 DV |
111 | axes: { |
112 | x: { | |
113 | drawGrid: false, | |
114 | drawAxis: false | |
115 | }, | |
116 | y: { | |
117 | drawGrid: false, | |
118 | drawAxis: false | |
119 | } | |
120 | }, | |
8887663f | 121 | series: { |
79253bd0 | 122 | 'Y1': {strokePattern: [25, 7, 7, 7]}, |
8887663f DV |
123 | }, |
124 | colors: ['#ff0000'] | |
79253bd0 | 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); | |
89fdcedb | 132 | var htx = g.hidden_ctx_; |
79253bd0 | 133 | |
00b21593 | 134 | // TODO(danvk): figure out a good way to restore this test. |
89fdcedb | 135 | // assert.equal(29, CanvasAssertions.numLinesDrawn(htx, "#ff0000")); |
b941564d | 136 | g.destroy(); // to balance context saves and destroys. |
6278f6fe | 137 | CanvasAssertions.assertBalancedSaveRestore(htx); |
89fdcedb | 138 | }); |
9f636500 DV |
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 | */ | |
89fdcedb | 144 | it('testDrawThickLine', function() { |
9f636500 | 145 | var opts = { |
bfb3e0a4 RK |
146 | axes : { |
147 | x : { | |
148 | drawGrid: false, | |
149 | drawAxis: false, | |
150 | }, | |
151 | y : { | |
152 | drawGrid: false, | |
153 | drawAxis: false, | |
154 | } | |
155 | }, | |
9f636500 DV |
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); | |
89fdcedb | 165 | var htx = g.hidden_ctx_; |
9f636500 DV |
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); | |
89fdcedb DV |
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)); | |
9f636500 DV |
176 | |
177 | // TODO(danvk): figure out a good way to restore this test. | |
89fdcedb | 178 | // assert.equal(29, CanvasAssertions.numLinesDrawn(htx, "#ff0000")); |
b941564d | 179 | g.destroy(); // to balance context saves and destroys. |
9f636500 | 180 | CanvasAssertions.assertBalancedSaveRestore(htx); |
89fdcedb DV |
181 | }); |
182 | ||
183 | }); |