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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: tracing/tracing/ui/base/bar_chart_test.html

Issue 2334973002: Rename BarChart to ColumnChart (Closed)
Patch Set: Created 4 years, 3 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « tracing/tracing/ui/base/bar_chart.html ('k') | tracing/tracing/ui/base/column_chart.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: tracing/tracing/ui/base/bar_chart_test.html
diff --git a/tracing/tracing/ui/base/bar_chart_test.html b/tracing/tracing/ui/base/bar_chart_test.html
deleted file mode 100644
index bd07696c4a5a3815f915181e35489e0209520e8f..0000000000000000000000000000000000000000
--- a/tracing/tracing/ui/base/bar_chart_test.html
+++ /dev/null
@@ -1,293 +0,0 @@
-<!DOCTYPE html>
-<!--
-Copyright (c) 2014 The Chromium Authors. All rights reserved.
-Use of this source code is governed by a BSD-style license that can be
-found in the LICENSE file.
--->
-
-<link rel="import" href="/tracing/ui/base/bar_chart.html">
-<link rel="import" href="/tracing/ui/base/deep_utils.html">
-
-<script>
-'use strict';
-
-tr.b.unittest.testSuite(function() {
- test('chartLegendKey', function() {
- var key = document.createElement('tr-ui-b-chart-legend-key');
- key.textContent = 'Lorem ipsum dolor sit amet';
- key.color = 'red';
- this.addHTMLOutput(key);
-
- key = document.createElement('tr-ui-b-chart-legend-key');
- key.textContent = 'ipsum dolor sit amet';
- key.target = 'orange ipsum';
- key.color = 'orange';
- this.addHTMLOutput(key);
- key.addEventListener('requestSelectionChange', function(e) {
- console.debug(e);
- });
-
- key = document.createElement('tr-ui-b-chart-legend-key');
- key.target = 'brown dolor';
- key.color = 'brown';
- key.textContent = 'dolor sit amet';
- this.addHTMLOutput(key);
- key.addEventListener('requestSelectionChange', function(e) {
- console.debug(e);
- });
- });
-
- test('instantiation_legendTargets', function() {
- var chart = new tr.ui.b.BarChart();
- chart.getDataSeries('lorem_ipsum').target = 'lorem_ipsumTarget';
- chart.getDataSeries('qux').target = 'quxTarget';
- chart.getDataSeries('lorem_ipsum').optional = true;
- chart.getDataSeries('bar').optional = true;
- chart.isStacked = true;
- chart.hideXAxis = true;
- chart.width = 140;
- chart.height = 200;
- chart.chartTitle = 'title';
- chart.data = [{x: 0, foo: 3, lorem_ipsum: 5, bar: 1, qux: 2}];
- this.addHTMLOutput(chart);
- chart.addEventListener('requestSelectionChange', function(e) {
- console.debug(e);
- });
-
- assert.isDefined(tr.b.findDeepElementMatchingPredicate(
- chart, function(element) {
- return element.tagName === 'TR-UI-B-CHART-LEGEND-KEY' &&
- element.textContent === 'lorem_ipsum' &&
- element.target === 'lorem_ipsumTarget';
- }));
- });
-
- test('instantiation_singleSeries', function() {
- var chart = new tr.ui.b.BarChart();
- chart.width = 400;
- chart.height = 200;
- chart.chartTitle = 'Chart title';
- var data = [
- {x: 10, value: 100},
- {x: 20, value: 110},
- {x: 30, value: 100},
- {x: 40, value: 50}
- ];
- chart.data = data;
- this.addHTMLOutput(chart);
- });
-
- test('instantiation_singleDatum', function() {
- var chart = new tr.ui.b.BarChart();
- chart.width = 400;
- chart.height = 200;
- chart.chartTitle = 'Chart title';
- var data = [
- {x: 0, value: 100},
- ];
- chart.data = data;
- this.addHTMLOutput(chart);
- });
-
- test('instantiation_stacked', function() {
- var chart = new tr.ui.b.BarChart();
- chart.isStacked = true;
- chart.width = 400;
- chart.height = 200;
- chart.chartTitle = 'title';
- var data = [
- {x: 10, foo: 10, bar: 5, qux: 7},
- {x: 20, foo: 11, bar: 6, qux: 3},
- {x: 30, foo: 10, bar: 4, qux: 8},
- {x: 40, foo: 5, bar: 1, qux: 2}
- ];
- chart.data = data;
- this.addHTMLOutput(chart);
- });
-
- test('instantiation_singleSeries_yLogScale', function() {
- var chart = new tr.ui.b.BarChart();
- chart.isYLogScale = true;
- chart.width = 400;
- chart.height = 200;
- chart.chartTitle = 'Chart title';
- var data = [
- {x: 10, value: 100},
- {x: 20, value: 10},
- {x: 30, value: 1},
- {x: 40, value: 0.1},
- {x: 50, value: 0.01},
- {x: 60, value: 0.001}
- ];
- chart.data = data;
- this.addHTMLOutput(chart);
- });
-
- test('undefined', function() {
- var chart = new tr.ui.b.BarChart();
- assert.throws(function() {
- chart.data = undefined;
- });
- });
-
- test('instantiation_twoSeries', function() {
- var chart = new tr.ui.b.BarChart();
-
- chart.width = 400;
- chart.height = 200;
- chart.chartTitle = 'Chart title';
- var data = [
- {x: 10, alpha: 100, beta: 50},
- {x: 20, alpha: 110, beta: 75},
- {x: 30, alpha: 100, beta: 125},
- {x: 40, alpha: 50, beta: 125}
- ];
- chart.data = data;
-
- var r = new tr.b.Range();
- r.addValue(20);
- r.addValue(40);
- chart.brushedRange = r;
-
- this.addHTMLOutput(chart);
- });
-
- test('instantiation_twoSeries_yLogScale', function() {
- var chart = new tr.ui.b.BarChart();
- chart.isYLogScale = true;
- chart.width = 400;
- chart.height = 200;
- chart.chartTitle = 'Chart title';
- var data = [
- {x: 10, alpha: 100, beta: 50},
- {x: 20, alpha: 110, beta: 75},
- {x: 30, alpha: 100, beta: 125},
- {x: 40, alpha: 50, beta: 125}
- ];
- chart.data = data;
-
- var r = new tr.b.Range();
- r.addValue(20);
- r.addValue(40);
- chart.brushedRange = r;
-
- this.addHTMLOutput(chart);
- });
-
- test('instantiation_twoSparseSeriesWithFirstValueSparse', function() {
- var chart = new tr.ui.b.BarChart();
-
- chart.width = 400;
- chart.height = 200;
- chart.chartTitle = 'Chart title';
- var data = [
- {x: 10, alpha: 20, beta: undefined},
- {x: 20, alpha: undefined, beta: 10},
- {x: 30, alpha: 10, beta: undefined},
- {x: 45, alpha: undefined, beta: 20},
- {x: 50, alpha: 25, beta: 30}
- ];
- chart.data = data;
-
- this.addHTMLOutput(chart);
- });
-
- test('instantiation_twoSparseSeriesWithFirstValueNotSparse', function() {
- var chart = new tr.ui.b.BarChart();
-
- chart.width = 400;
- chart.height = 200;
- chart.chartTitle = 'Chart title';
- var data = [
- {x: 10, alpha: 20, beta: 40},
- {x: 20, alpha: undefined, beta: 10},
- {x: 30, alpha: 10, beta: undefined},
- {x: 45, alpha: undefined, beta: 20},
- {x: 50, alpha: 30, beta: undefined}
- ];
- chart.data = data;
-
- this.addHTMLOutput(chart);
- });
-
- test('brushRangeFromIndices', function() {
- var chart = new tr.ui.b.BarChart();
- var data = [
- {x: 10, value: 50},
- {x: 30, value: 60},
- {x: 70, value: 70},
- {x: 80, value: 80},
- {x: 120, value: 90}
- ];
- chart.data = data;
- var r = new tr.b.Range();
-
- // Range min should be 10.
- r = chart.computeBrushRangeFromIndices(-2, 1);
- assert.equal(r.min, 10);
-
- // Range max should be 120.
- r = chart.computeBrushRangeFromIndices(3, 10);
- assert.equal(r.max, 120);
-
- // Range should be [10, 120]
- r = chart.computeBrushRangeFromIndices(-2, 10);
- assert.equal(r.min, 10);
- assert.equal(r.max, 120);
-
- // Range should be [20, 100]
- r = chart.computeBrushRangeFromIndices(1, 3);
- assert.equal(r.min, 20);
- assert.equal(r.max, 100);
- });
-
- test('instantiation_interactiveBrushing', function() {
- var chart = new tr.ui.b.BarChart();
- chart.width = 400;
- chart.height = 200;
- chart.chartTitle = 'Chart title';
- var data = [
- {x: 10, value: 50},
- {x: 20, value: 60},
- {x: 30, value: 80},
- {x: 40, value: 20},
- {x: 50, value: 30},
- {x: 60, value: 20},
- {x: 70, value: 15},
- {x: 80, value: 20}
- ];
- chart.data = data;
-
- var mouseDownX = undefined;
- var curMouseX = undefined;
-
- function updateBrushedRange() {
- if (mouseDownX === undefined || (mouseDownX === curMouseX)) {
- chart.brushedRange = new tr.b.Range();
- return;
- }
- var r = new tr.b.Range();
- r.min = Math.min(mouseDownX, curMouseX);
- r.max = Math.max(mouseDownX, curMouseX);
- chart.brushedRange = r;
- }
-
- chart.addEventListener('item-mousedown', function(e) {
- mouseDownX = e.x;
- curMouseX = e.x;
- updateBrushedRange();
- });
- chart.addEventListener('item-mousemove', function(e) {
- if (e.button == undefined)
- return;
- curMouseX = e.x;
- updateBrushedRange();
- });
- chart.addEventListener('item-mouseup', function(e) {
- curMouseX = e.x;
- updateBrushedRange();
- });
- this.addHTMLOutput(chart);
- });
-});
-</script>
« no previous file with comments | « tracing/tracing/ui/base/bar_chart.html ('k') | tracing/tracing/ui/base/column_chart.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698