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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 10170001: Find feature for tracing, at long last. (Closed) Base URL: git://localhost/home/nduca/Local/chrome/src@master
Patch Set: Tweak zoom level on focus Created 8 years, 8 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
« no previous file with comments | « no previous file | chrome/browser/resources/tracing/kernel_trace_viewer.html » ('j') | chrome/browser/resources/tracing/timeline_track_test.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE HTML> 1 <!DOCTYPE HTML>
2 <html> 2 <html>
3 <!-- 3 <!--
4 Copyright (c) 2012 The Chromium Authors. All rights reserved. 4 Copyright (c) 2012 The Chromium Authors. All rights reserved.
5 Use of this source code is governed by a BSD-style license that can be 5 Use of this source code is governed by a BSD-style license that can be
6 found in the LICENSE file. 6 found in the LICENSE file.
7 --> 7 -->
8 <head i18n-values="dir:textdirection;"> 8 <head i18n-values="dir:textdirection;">
9 <title>Interactive Timeline Tests</title> 9 <title>Interactive Timeline Tests</title>
10 <link rel="stylesheet" href="timeline.css"> 10 <link rel="stylesheet" href="timeline.css">
11 <link rel="stylesheet" href="timeline_view.css">
12 <link rel="stylesheet" href="overlay.css">
11 <script src="../shared/js/cr.js"></script> 13 <script src="../shared/js/cr.js"></script>
12 <script src="../shared/js/cr/event_target.js"></script> 14 <script src="../shared/js/cr/event_target.js"></script>
13 <script src="../shared/js/cr/ui.js"></script> 15 <script src="../shared/js/cr/ui.js"></script>
14 <script src="../shared/js/util.js"></script> 16 <script src="../shared/js/util.js"></script>
15 <script src="timeline_model.js"></script> 17 <script src="timeline_model.js"></script>
16 <script src="linux_perf_importer.js"></script> 18 <script src="linux_perf_importer.js"></script>
17 <script src="trace_event_importer.js"></script> 19 <script src="trace_event_importer.js"></script>
18 <script src="sorted_array_utils.js"></script> 20 <script src="sorted_array_utils.js"></script>
19 <script src="measuring_stick.js"></script> 21 <script src="measuring_stick.js"></script>
22 <script src="overlay.js"></script>
20 <script src="timeline.js"></script> 23 <script src="timeline.js"></script>
24 <script src="timeline_view.js"></script>
21 <script src="timeline_track.js"></script> 25 <script src="timeline_track.js"></script>
22 <script src="fast_rect_renderer.js"></script> 26 <script src="fast_rect_renderer.js"></script>
23 <script src="test_utils.js"></script> 27 <script src="test_utils.js"></script>
24 </head> 28 </head>
25 <body> 29 <body>
26 <div class="timeline-test" src="./tests/trivial_trace.json" create-detached=1> 30 <div class="timeline-test" src="./tests/trivial_trace.json" create-detached=1>
27 </div> 31 </div>
28 32
29 <div class="timeline-test" src="./tests/trivial_trace.json"> 33 <div class="timeline-test" src="./tests/trivial_trace.json">
30 </div> 34 </div>
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
62 var titleEl = document.createElement('h3'); 66 var titleEl = document.createElement('h3');
63 var linkEl = document.createElement('a'); 67 var linkEl = document.createElement('a');
64 linkEl.textContent = src; 68 linkEl.textContent = src;
65 linkEl.href = '#' + src; 69 linkEl.href = '#' + src;
66 titleEl.appendChild(linkEl); 70 titleEl.appendChild(linkEl);
67 71
68 var containerEl = document.createElement('div'); 72 var containerEl = document.createElement('div');
69 containerEl.tabIndex = 0; 73 containerEl.tabIndex = 0;
70 containerEl.style.border = '1px solid red'; 74 containerEl.style.border = '1px solid red';
71 75
72 var timelineEl = document.createElement('div'); 76 var timelineViewEl = document.createElement('div');
73 cr.ui.decorate(timelineEl, tracing.Timeline); 77 cr.ui.decorate(timelineViewEl, tracing.TimelineView);
74 timelineEl.focusElement = containerEl; 78 timelineViewEl.focusElement = containerEl;
75 79
76 parentEl.appendChild(titleEl); 80 parentEl.appendChild(titleEl);
77 parentEl.appendChild(containerEl); 81 parentEl.appendChild(containerEl);
78 82
79 // Creating attached vs detached stress tests the canvas- and viewport- 83 // Creating attached vs detached stress tests the canvas- and viewport-
80 // setup code. 84 // setup code.
81 var create_detached = parentEl.getAttribute('create-attached') == 1; 85 var create_detached = parentEl.getAttribute('create-attached') == 1;
82 function createModel(data) { 86 function createModel(data) {
83 timelineEl.model = new tracing.TimelineModel(data); 87 timelineViewEl.model = new tracing.TimelineModel(data);
84 if (!create_detached) 88 if (!create_detached)
85 containerEl.appendChild(timelineEl); 89 containerEl.appendChild(timelineViewEl);
86 } 90 }
87 if (create_detached) 91 if (create_detached)
88 containerEl.appendChild(timelineEl); 92 containerEl.appendChild(timelineViewEl);
89 test_utils.getAsync(src, createModel); 93 test_utils.getAsync(src, createModel);
90 } 94 }
91 95
92 function onLoad() { 96 function onLoad() {
93 Array.prototype.forEach.call(document.querySelectorAll('.timeline-test'), 97 Array.prototype.forEach.call(document.querySelectorAll('.timeline-test'),
94 load); 98 load);
95 } 99 }
96 100
97 document.addEventListener('DOMContentLoaded', onLoad); 101 document.addEventListener('DOMContentLoaded', onLoad);
98 window.addEventListener('hashchange', onLoad); 102 window.addEventListener('hashchange', onLoad);
99 </script> 103 </script>
100 </body> 104 </body>
101 </html> 105 </html>
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/tracing/kernel_trace_viewer.html » ('j') | chrome/browser/resources/tracing/timeline_track_test.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698