Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(14)

Side by Side Diff: tracing/tracing/ui/base/column_chart_test.html

Issue 2771723003: [tracing] Move math utilities from base into their own subdirectory (attempt 2) (Closed)
Patch Set: rebase Created 3 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <!-- 2 <!--
3 Copyright (c) 2014 The Chromium Authors. All rights reserved. 3 Copyright (c) 2014 The Chromium Authors. All rights reserved.
4 Use of this source code is governed by a BSD-style license that can be 4 Use of this source code is governed by a BSD-style license that can be
5 found in the LICENSE file. 5 found in the LICENSE file.
6 --> 6 -->
7 7
8 <link rel="import" href="/tracing/ui/base/column_chart.html"> 8 <link rel="import" href="/tracing/ui/base/column_chart.html">
9 <link rel="import" href="/tracing/ui/base/deep_utils.html"> 9 <link rel="import" href="/tracing/ui/base/deep_utils.html">
10 10
(...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after
108 test('instantiation_twoSeries', function() { 108 test('instantiation_twoSeries', function() {
109 var chart = new tr.ui.b.ColumnChart(); 109 var chart = new tr.ui.b.ColumnChart();
110 this.addHTMLOutput(chart); 110 this.addHTMLOutput(chart);
111 chart.data = [ 111 chart.data = [
112 {x: 10, alpha: 100, beta: 50}, 112 {x: 10, alpha: 100, beta: 50},
113 {x: 20, alpha: 110, beta: 75}, 113 {x: 20, alpha: 110, beta: 75},
114 {x: 30, alpha: 100, beta: 125}, 114 {x: 30, alpha: 100, beta: 125},
115 {x: 40, alpha: 50, beta: 125} 115 {x: 40, alpha: 50, beta: 125}
116 ]; 116 ];
117 117
118 var r = new tr.b.Range(); 118 var r = new tr.b.math.Range();
119 r.addValue(20); 119 r.addValue(20);
120 r.addValue(40); 120 r.addValue(40);
121 chart.brushedRange = r; 121 chart.brushedRange = r;
122 }); 122 });
123 123
124 test('instantiation_twoSeries_yLogScale', function() { 124 test('instantiation_twoSeries_yLogScale', function() {
125 var chart = new tr.ui.b.ColumnChart(); 125 var chart = new tr.ui.b.ColumnChart();
126 chart.isYLogScale = true; 126 chart.isYLogScale = true;
127 this.addHTMLOutput(chart); 127 this.addHTMLOutput(chart);
128 chart.data = [ 128 chart.data = [
129 {x: 10, alpha: 100, beta: 50}, 129 {x: 10, alpha: 100, beta: 50},
130 {x: 20, alpha: 110, beta: 75}, 130 {x: 20, alpha: 110, beta: 75},
131 {x: 30, alpha: 100, beta: 125}, 131 {x: 30, alpha: 100, beta: 125},
132 {x: 40, alpha: 50, beta: 125} 132 {x: 40, alpha: 50, beta: 125}
133 ]; 133 ];
134 134
135 var r = new tr.b.Range(); 135 var r = new tr.b.math.Range();
136 r.addValue(20); 136 r.addValue(20);
137 r.addValue(40); 137 r.addValue(40);
138 chart.brushedRange = r; 138 chart.brushedRange = r;
139 }); 139 });
140 140
141 test('instantiation_twoSparseSeriesWithFirstValueSparse', function() { 141 test('instantiation_twoSparseSeriesWithFirstValueSparse', function() {
142 var chart = new tr.ui.b.ColumnChart(); 142 var chart = new tr.ui.b.ColumnChart();
143 this.addHTMLOutput(chart); 143 this.addHTMLOutput(chart);
144 chart.data = [ 144 chart.data = [
145 {x: 10, alpha: 20, beta: undefined}, 145 {x: 10, alpha: 20, beta: undefined},
(...skipping 19 matching lines...) Expand all
165 test('brushRangeFromIndices', function() { 165 test('brushRangeFromIndices', function() {
166 var chart = new tr.ui.b.ColumnChart(); 166 var chart = new tr.ui.b.ColumnChart();
167 var data = [ 167 var data = [
168 {x: 10, value: 50}, 168 {x: 10, value: 50},
169 {x: 30, value: 60}, 169 {x: 30, value: 60},
170 {x: 70, value: 70}, 170 {x: 70, value: 70},
171 {x: 80, value: 80}, 171 {x: 80, value: 80},
172 {x: 120, value: 90} 172 {x: 120, value: 90}
173 ]; 173 ];
174 chart.data = data; 174 chart.data = data;
175 var r = new tr.b.Range(); 175 var r = new tr.b.math.Range();
176 176
177 // Range min should be 10. 177 // Range min should be 10.
178 r = chart.computeBrushRangeFromIndices(-2, 1); 178 r = chart.computeBrushRangeFromIndices(-2, 1);
179 assert.equal(r.min, 10); 179 assert.equal(r.min, 10);
180 180
181 // Range max should be 120. 181 // Range max should be 120.
182 r = chart.computeBrushRangeFromIndices(3, 10); 182 r = chart.computeBrushRangeFromIndices(3, 10);
183 assert.equal(r.max, 120); 183 assert.equal(r.max, 120);
184 184
185 // Range should be [10, 120] 185 // Range should be [10, 120]
(...skipping 19 matching lines...) Expand all
205 {x: 60, value: 20}, 205 {x: 60, value: 20},
206 {x: 70, value: 15}, 206 {x: 70, value: 15},
207 {x: 80, value: 20} 207 {x: 80, value: 20}
208 ]; 208 ];
209 209
210 var mouseDownX = undefined; 210 var mouseDownX = undefined;
211 var curMouseX = undefined; 211 var curMouseX = undefined;
212 212
213 function updateBrushedRange() { 213 function updateBrushedRange() {
214 if (mouseDownX === undefined || (mouseDownX === curMouseX)) { 214 if (mouseDownX === undefined || (mouseDownX === curMouseX)) {
215 chart.brushedRange = new tr.b.Range(); 215 chart.brushedRange = new tr.b.math.Range();
216 return; 216 return;
217 } 217 }
218 var r = new tr.b.Range(); 218 var r = new tr.b.math.Range();
219 r.min = Math.min(mouseDownX, curMouseX); 219 r.min = Math.min(mouseDownX, curMouseX);
220 r.max = Math.max(mouseDownX, curMouseX); 220 r.max = Math.max(mouseDownX, curMouseX);
221 chart.brushedRange = r; 221 chart.brushedRange = r;
222 } 222 }
223 223
224 chart.addEventListener('item-mousedown', function(e) { 224 chart.addEventListener('item-mousedown', function(e) {
225 mouseDownX = e.x; 225 mouseDownX = e.x;
226 curMouseX = e.x; 226 curMouseX = e.x;
227 updateBrushedRange(); 227 updateBrushedRange();
228 }); 228 });
229 chart.addEventListener('item-mousemove', function(e) { 229 chart.addEventListener('item-mousemove', function(e) {
230 if (e.button === undefined) 230 if (e.button === undefined)
231 return; 231 return;
232 curMouseX = e.x; 232 curMouseX = e.x;
233 updateBrushedRange(); 233 updateBrushedRange();
234 }); 234 });
235 chart.addEventListener('item-mouseup', function(e) { 235 chart.addEventListener('item-mouseup', function(e) {
236 curMouseX = e.x; 236 curMouseX = e.x;
237 updateBrushedRange(); 237 updateBrushedRange();
238 }); 238 });
239 }); 239 });
240 240
241 test('overrideDataRange', function() { 241 test('overrideDataRange', function() {
242 var chart = new tr.ui.b.ColumnChart(); 242 var chart = new tr.ui.b.ColumnChart();
243 chart.overrideDataRange = tr.b.Range.fromExplicitRange(10, 90); 243 chart.overrideDataRange = tr.b.math.Range.fromExplicitRange(10, 90);
244 this.addHTMLOutput(chart); 244 this.addHTMLOutput(chart);
245 chart.data = [ 245 chart.data = [
246 {x: 0, value: 0}, 246 {x: 0, value: 0},
247 {x: 1, value: 100}, 247 {x: 1, value: 100},
248 ]; 248 ];
249 249
250 chart = new tr.ui.b.ColumnChart(); 250 chart = new tr.ui.b.ColumnChart();
251 chart.overrideDataRange = tr.b.Range.fromExplicitRange(-10, 100); 251 chart.overrideDataRange = tr.b.math.Range.fromExplicitRange(-10, 100);
252 this.addHTMLOutput(chart); 252 this.addHTMLOutput(chart);
253 chart.data = [ 253 chart.data = [
254 {x: 0, value: 0}, 254 {x: 0, value: 0},
255 {x: 1, value: 50}, 255 {x: 1, value: 50},
256 ]; 256 ];
257 }); 257 });
258 }); 258 });
259 </script> 259 </script>
OLDNEW
« no previous file with comments | « tracing/tracing/ui/base/chart_base_2d_brushable_x.html ('k') | tracing/tracing/ui/base/draw_helpers.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698