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 RK |
27 | |
28 | var SimpleDrawingTestCase = TestCase("simple-drawing"); | |
29 | ||
30 | var _origFunc = Dygraph.getContext; | |
31 | SimpleDrawingTestCase.prototype.setUp = function() { | |
32 | document.body.innerHTML = "<div id='graph'></div>"; | |
063e83ba DV |
33 | Dygraph.getContext = function(canvas) { |
34 | return new Proxy(_origFunc(canvas)); | |
35 | } | |
644eff8b RK |
36 | }; |
37 | ||
38 | SimpleDrawingTestCase.prototype.tearDown = function() { | |
39 | Dygraph.getContext = _origFunc; | |
40 | }; | |
41 | ||
644eff8b RK |
42 | SimpleDrawingTestCase.prototype.testDrawSimpleRangePlusOne = function() { |
43 | var opts = { | |
44 | drawXGrid: false, | |
45 | drawYGrid: false, | |
46 | drawXAxis: false, | |
47 | drawYAxis: false, | |
48 | valueRange: [0,51] } | |
49 | ||
50 | var graph = document.getElementById("graph"); | |
51 | var g = new Dygraph(graph, ZERO_TO_FIFTY, opts); | |
c20eabd3 | 52 | var htx = g.hidden_ctx_; |
644eff8b | 53 | |
124e8d98 | 54 | CanvasAssertions.assertLineDrawn(htx, [0,320], [475,6.2745], { |
063e83ba DV |
55 | strokeStyle: "#008080", |
56 | lineWidth: 1 | |
57 | }); | |
6278f6fe DV |
58 | CanvasAssertions.assertBalancedSaveRestore(htx); |
59 | }; | |
60 | ||
61 | SimpleDrawingTestCase.prototype.testDrawWithAxis = function() { | |
62 | var graph = document.getElementById("graph"); | |
63 | var g = new Dygraph(graph, ZERO_TO_FIFTY); | |
64 | ||
65 | var htx = g.hidden_ctx_; | |
66 | CanvasAssertions.assertBalancedSaveRestore(htx); | |
67 | }; | |
79253bd0 | 68 | |
69 | /** | |
70 | * Tests that it is drawing dashes, and it remember the dash history between | |
71 | * points. | |
72 | */ | |
73 | SimpleDrawingTestCase.prototype.testDrawSimpleDash = function() { | |
74 | var opts = { | |
75 | drawXGrid: false, | |
76 | drawYGrid: false, | |
77 | drawXAxis: false, | |
78 | drawYAxis: false, | |
79 | 'Y1': {strokePattern: [25, 7, 7, 7]}, | |
80 | colors: ['#ff0000'] | |
81 | }; | |
82 | ||
83 | var graph = document.getElementById("graph"); | |
84 | // Set the dims so we pass if default changes. | |
85 | graph.style.width='480px'; | |
86 | graph.style.height='320px'; | |
87 | var g = new Dygraph(graph, [[1, 4], [2, 5], [3, 3], [4, 7], [5, 9]], opts); | |
88 | htx = g.hidden_ctx_; | |
89 | ||
00b21593 DV |
90 | // TODO(danvk): figure out a good way to restore this test. |
91 | // assertEquals(29, CanvasAssertions.numLinesDrawn(htx, "#ff0000")); | |
6278f6fe | 92 | CanvasAssertions.assertBalancedSaveRestore(htx); |
79253bd0 | 93 | }; |
9f636500 DV |
94 | |
95 | /** | |
96 | * Tests that thick lines are drawn continuously. | |
97 | * Regression test for http://code.google.com/p/dygraphs/issues/detail?id=328 | |
98 | */ | |
99 | SimpleDrawingTestCase.prototype.testDrawThickLine = function() { | |
100 | var opts = { | |
101 | drawXGrid: false, | |
102 | drawYGrid: false, | |
103 | drawXAxis: false, | |
104 | drawYAxis: false, | |
105 | strokeWidth: 15, | |
106 | colors: ['#ff0000'] | |
107 | }; | |
108 | ||
109 | var graph = document.getElementById("graph"); | |
110 | // Set the dims so we pass if default changes. | |
111 | graph.style.width='480px'; | |
112 | graph.style.height='320px'; | |
113 | var g = new Dygraph(graph, [[1, 2], [2, 5], [3, 2], [4, 7], [5, 0]], opts); | |
114 | htx = g.hidden_ctx_; | |
115 | ||
116 | // There's a big gap in the line at (2, 5) | |
117 | // If the bug is fixed, then there should be some red going up from here. | |
118 | var xy = g.toDomCoords(2, 5); | |
119 | var x = Math.round(xy[0]), y = Math.round(xy[1]); | |
120 | ||
121 | var sampler = new PixelSampler(g); | |
122 | assertEquals([255,0,0,255], sampler.colorAtPixel(x, y)); | |
123 | assertEquals([255,0,0,255], sampler.colorAtPixel(x, y - 1)); | |
124 | assertEquals([255,0,0,255], sampler.colorAtPixel(x, y - 2)); | |
125 | ||
126 | // TODO(danvk): figure out a good way to restore this test. | |
127 | // assertEquals(29, CanvasAssertions.numLinesDrawn(htx, "#ff0000")); | |
128 | CanvasAssertions.assertBalancedSaveRestore(htx); | |
129 | }; |