chrome/browser/resources/tracing/timeline_test.html - Issue 8513009: Add TRACE_COUNTER support to about:tracing

Side by Side Diff: chrome/browser/resources/tracing/timeline_test.html

Issue 8513009: Add TRACE_COUNTER support to about:tracing (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src

Patch Set: . Created 9 years, 1 month 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 | Annotate | Revision Log

« chrome/browser/resources/tracing/timeline_model.js ('K') | « chrome/browser/resources/tracing/timeline_model_test.html ('k') | chrome/browser/resources/tracing/timeline_track.js » ('j') | chrome/browser/resources/tracing/timeline_track_test.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE HTML>

	2 <html>

	3 <!--

	4 Copyright (c) 2011 The Chromium Authors. All rights reserved.

	5 Use of this source code is governed by a BSD-style license that can be

	6 found in the LICENSE file.

	7 -->

	8 <head i18n-values="dir:textdirection;">

	9 <title>Interactive Timeline Tests</title>

	10 <link rel="stylesheet" href="timeline.css">

	11 <script src="../shared/js/cr.js"></script>

	12 <script src="../shared/js/cr/event_target.js"></script>

	13 <script src="../shared/js/cr/ui.js"></script>

	14 <script src="../shared/js/util.js"></script>

	15 <script src="timeline_model.js"></script>

	16 <script src="sorted_array_utils.js"></script>

	17 <script src="measuring_stick.js"></script>

	18 <script src="timeline.js"></script>

	19 <script src="timeline_track.js"></script>

	20 <script src="fast_rect_renderer.js"></script>

	21 <script src="test_utils.js"></script>

	22 </head>

	23 <body>

	24 <div class="timeline-test" src="./tests/trivial_trace.json" create-detached=1>

	25 </div>

	26

	27 <div class="timeline-test" src="./tests/trivial_trace.json">

	28 </div>

	29

	30 <div class="timeline-test" src="./tests/simple_trace.json">

	31 </div>

	32

	33 <div class="timeline-test" src="./tests/nonnested_trace.json">

	34 </div>

	35

	36 <div class="timeline-test" src="./tests/tall_trace.json">

	37 </div>

	38

	39 <div class="timeline-test" src="./tests/big_trace.json">

	40 </div>

	41

	42 <div class="timeline-test" src="./tests/huge_trace.json">

	43 </div>

	44

	45 <script>

	46 function load(parentEl) {

	47 var src = parentEl.getAttribute('src');

	48 if (document.location.hash && document.location.hash.substring(1) != src) {

	49 parentEl.hidden = true;

	50 return;

	51 }

	52 parentEl.hidden = false;

	53 parentEl.textContent = '';

	54 var titleEl = document.createElement('h3');

	55 var linkEl = document.createElement('a');

	56 linkEl.textContent = src;

	57 linkEl.href = '#' + src;

	58 titleEl.appendChild(linkEl);

	59

	60 var containerEl = document.createElement('div');

	61 containerEl.tabIndex = 0;

	62 containerEl.style.border = '1px solid red';

	63

	64 var timelineEl = document.createElement('div');

	65 cr.ui.decorate(timelineEl, tracing.Timeline);

	66 timelineEl.focusElement = containerEl;

	67

	68 parentEl.appendChild(titleEl);

	69 parentEl.appendChild(containerEl);

	70

	71 // Creating attached vs detached stress tests the canvas- and viewport-

	72 // setup code.

	73 var create_detached = parentEl.getAttribute('create-attached') == 1;

	74 if (create_detached) {

	75 containerEl.appendChild(timelineEl);

	76 test_utils.getJSON(src, function(events) {

	77 var model = new tracing.TimelineModel(events);

	78 timelineEl.model = model;

	79 });

	80 } else {

	81 test_utils.getJSON(src, function(events) {

	82 var model = new tracing.TimelineModel(events);

	83 timelineEl.model = model;

	84 containerEl.appendChild(timelineEl);

	85 });

	86 }

	87 }

	88 function onLoad() {

	89 Array.prototype.forEach.call(document.querySelectorAll('.timeline-test'),

	90 load);

	91 }

	92

	93 document.addEventListener('DOMContentLoaded', onLoad);

	94 window.addEventListener('hashchange', onLoad);

	95 </script>

	96 </body>

	97 </html>

OLD	NEW