1 // Copyright (c) 2011 Google, Inc.
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:
10 // The above copyright notice and this permission notice shall be included in
11 // all copies or substantial portions of the Software.
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
22 * @fileoverview Test cases for drawing simple lines.
24 * @author konigsberg@google.com (Robert Konigsberg)
26 var ZERO_TO_FIFTY
= [[ 10, 0 ] , [ 20, 50 ]];
28 var SimpleDrawingTestCase
= TestCase("simple-drawing");
30 var _origFunc
= Dygraph
.getContext
;
31 SimpleDrawingTestCase
.prototype.setUp
= function() {
32 document
.body
.innerHTML
= "<div id='graph'></div>";
33 Dygraph
.getContext
= function(canvas
) {
34 return new Proxy(_origFunc(canvas
));
38 SimpleDrawingTestCase
.prototype.tearDown
= function() {
39 Dygraph
.getContext
= _origFunc
;
42 SimpleDrawingTestCase
.prototype.testDrawSimpleRangePlusOne
= function() {
50 var graph
= document
.getElementById("graph");
51 var g
= new Dygraph(graph
, ZERO_TO_FIFTY
, opts
);
52 var htx
= g
.hidden_ctx_
;
54 CanvasAssertions
.assertLineDrawn(htx
, [0,320], [475,6.2745], {
55 strokeStyle
: "#008080",
58 CanvasAssertions
.assertBalancedSaveRestore(htx
);
61 SimpleDrawingTestCase
.prototype.testDrawWithAxis
= function() {
62 var graph
= document
.getElementById("graph");
63 var g
= new Dygraph(graph
, ZERO_TO_FIFTY
);
65 var htx
= g
.hidden_ctx_
;
66 CanvasAssertions
.assertBalancedSaveRestore(htx
);
70 * Tests that it is drawing dashes, and it remember the dash history between
73 SimpleDrawingTestCase
.prototype.testDrawSimpleDash
= function() {
79 'Y1': {strokePattern
: [25, 7, 7, 7]},
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
);
90 assertEquals(29, CanvasAssertions
.numLinesDrawn(htx
, "#ff0000"));
91 CanvasAssertions
.assertBalancedSaveRestore(htx
);
94 SimpleDrawingTestCase
.prototype.testSeparatedPointsDontDraw
= function() {
95 var graph
= document
.getElementById("graph");
101 { colors
: ['red', 'blue']});
102 var htx
= g
.hidden_ctx_
;
103 assertEquals(2, CanvasAssertions
.numLinesDrawn(htx
, '#ff0000'));
104 assertEquals(0, CanvasAssertions
.numLinesDrawn(htx
, '#0000ff'));
107 SimpleDrawingTestCase
.prototype.testSeparatedPointsDontDraw_expanded
= function() {
108 var graph
= document
.getElementById("graph");
116 { colors
: ['blue']});
117 var htx
= g
.hidden_ctx_
;
120 var lines = CanvasAssertions.getLinesDrawn(htx);
121 for (var idx = 0; idx < lines.length; idx++) {
122 var line = lines[idx];
123 var color = line[1].properties.strokeStyle;
124 if (color === "#ff0000" || color === "#0000ff") {
125 console.log(line[0].args, line[1].args, color);
130 assertEquals(2, CanvasAssertions
.numLinesDrawn(htx
, '#0000ff'));
131 CanvasAssertions
.assertLineDrawn(htx
, [56, 275], [161, 212],
132 { strokeStyle
: '#0000ff', });
133 CanvasAssertions
.assertLineDrawn(htx
, [370, 87], [475, 25],
134 { strokeStyle
: '#0000ff', });
137 SimpleDrawingTestCase
.prototype.testSeparatedPointsDontDraw_expanded_connected
= function() {
138 var graph
= document
.getElementById("graph");
146 { colors
: ['blue'], connectSeparatedPoints
: true});
147 var htx
= g
.hidden_ctx_
;
149 var lines
= CanvasAssertions
.getLinesDrawn(htx
);
150 for (var idx
= 0; idx
< lines
.length
; idx
++) {
151 var line
= lines
[idx
];
152 var color
= line
[1].properties
.strokeStyle
;
153 if (color
=== "#ff0000" || color
=== "#0000ff") {
154 console
.log(line
[0].args
, line
[1].args
, color
);
158 assertEquals(3, CanvasAssertions
.numLinesDrawn(htx
, '#0000ff'));
159 CanvasAssertions
.assertLineDrawn(htx
, [56, 275], [161, 212],
160 { strokeStyle
: '#0000ff', });
161 CanvasAssertions
.assertLineDrawn(htx
, [161, 212], [370, 87],
162 { strokeStyle
: '#0000ff', });
163 CanvasAssertions
.assertLineDrawn(htx
, [370, 87], [475, 25],
164 { strokeStyle
: '#0000ff', });