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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 10170001: Find feature for tracing, at long last. (Closed) Base URL: git://localhost/home/nduca/Local/chrome/src@master
Patch Set: patch for landing 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 | « chrome/browser/resources/tracing/timeline_model_test.html ('k') | chrome/browser/resources/tracing/timeline_track.js » ('j') | no next file with comments »
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>Timeline tests</title>
10 <link rel="stylesheet" href="overlay.css">
11 <link rel="stylesheet" href="timeline_view.css">
10 <link rel="stylesheet" href="timeline.css"> 12 <link rel="stylesheet" href="timeline.css">
13 <link rel="stylesheet" href="../shared/css/tabs.css">
14 <script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/base.j s"></script>
11 <script src="../shared/js/cr.js"></script> 15 <script src="../shared/js/cr.js"></script>
12 <script src="../shared/js/cr/event_target.js"></script> 16 <script src="../shared/js/cr/event_target.js"></script>
13 <script src="../shared/js/cr/ui.js"></script> 17 <script src="../shared/js/cr/ui.js"></script>
14 <script src="../shared/js/util.js"></script> 18 <script src="../shared/js/cr/ui/tabs.js"></script>
19 <script src="overlay.js"></script>
20 <script src="measuring_stick.js"></script>
21 <script src="profiling_view.js"></script>
22 <script src="timeline_view.js"></script>
15 <script src="timeline_model.js"></script> 23 <script src="timeline_model.js"></script>
16 <script src="linux_perf_importer.js"></script> 24 <script src="linux_perf_importer.js"></script>
17 <script src="trace_event_importer.js"></script> 25 <script src="trace_event_importer.js"></script>
18 <script src="sorted_array_utils.js"></script>
19 <script src="measuring_stick.js"></script>
20 <script src="timeline.js"></script> 26 <script src="timeline.js"></script>
21 <script src="timeline_track.js"></script> 27 <script src="timeline_track.js"></script>
28 <script src="sorted_array_utils.js"></script>
22 <script src="fast_rect_renderer.js"></script> 29 <script src="fast_rect_renderer.js"></script>
23 <script src="test_utils.js"></script> 30 <script src="test_utils.js"></script>
31 <script>
32 goog.require('goog.testing.jsunit');
33 </script>
34 <style>
35 </style>
24 </head> 36 </head>
25 <body> 37 <body>
26 <div class="timeline-test" src="./tests/trivial_trace.json" create-detached=1> 38 <script>
27 </div> 39 'use strict';
28 40
29 <div class="timeline-test" src="./tests/trivial_trace.json"> 41 /*
30 </div> 42 * This test just instantiates a TimelineView and adds it to the DOM
43 * to help with non-unittest UI work.
44 */
45 function testInstantiateTimeline() {
46 var events = [
47 {name: 'a', args: {}, pid: 52, ts: 520, cat: 'foo', tid: 53, ph: 'B'},
48 {name: 'a', args: {}, pid: 52, ts: 560, cat: 'foo', tid: 53, ph: 'E'},
49 {name: 'b', args: {}, pid: 52, ts: 629, cat: 'foo', tid: 53, ph: 'B'},
50 {name: 'b', args: {}, pid: 52, ts: 631, cat: 'foo', tid: 53, ph: 'E'}
51 ];
52 var model = new tracing.TimelineModel();
53 model.importEvents(events);
54 var timeline = new tracing.Timeline();
55 timeline.model = model;
56 document.body.appendChild(timeline);
57 }
31 58
32 <div class="timeline-test" src="./tests/simple_trace.json"> 59 function testFindAllObjectsMatching() {
33 </div> 60 var model = new tracing.TimelineModel();
61 var p1 = model.getOrCreateProcess(1);
62 var t1 = p1.getOrCreateThread(1);
34 63
35 <div class="timeline-test" src="./tests/instance_counters.json"> 64 t1.subRows[0].push(new tracing.TimelineThreadSlice('a', 0, 1, {}, 3));
36 </div> 65 t1.subRows[0].push(new tracing.TimelineThreadSlice('b', 0, 1, {}, 3));
37 66
38 <div class="timeline-test" src="./tests/tall_trace.json"> 67 var t1asg = t1.asyncSlices;
39 </div> 68 t1asg.slices.push(test_utils.newAsyncSliceNamed('a', 0, 1, t1, t1));
69 t1asg.slices.push(test_utils.newAsyncSliceNamed('b', 1, 2, t1, t1));
40 70
41 <div class="timeline-test" src="./tests/big_trace.json">
42 </div>
43 71
44 <div class="timeline-test" src="./tests/huge_trace.json"> 72 var timeline = new tracing.Timeline();
45 </div> 73 timeline.model = model;
46 74
47 <div class="timeline-test" src="./tests/main_thread_has_unclosed_slices.json"> 75 var expected = [{slice: t1asg.slices[0].subSlices[0]},
48 </div> 76 {slice: t1.subRows[0][0]}];
77 var result = timeline.findAllObjectsMatchingFilter(new tracing.TimelineFil ter('a'));
78 assertEquals(2, result.length);
79 assertEquals(expected[0].slice, result[0].slice);
80 assertEquals(expected[1].slice, result[1].slice);
49 81
50 <div class="timeline-test" src="./tests/async_begin_end.json"> 82 var expected = [{slice: t1asg.slices[1].subSlices[0]},
51 </div> 83 {slice: t1.subRows[0][1]}];
84 var result = timeline.findAllObjectsMatchingFilter(new tracing.TimelineFil ter('b'));
85 assertEquals(2, result.length);
86 assertEquals(expected[0].slice, result[0].slice);
87 assertEquals(expected[1].slice, result[1].slice);
88 }
52 89
53 <script>
54 function load(parentEl) {
55 var src = parentEl.getAttribute('src');
56 if (document.location.hash && document.location.hash.substring(1) != src) {
57 parentEl.hidden = true;
58 return;
59 }
60 parentEl.hidden = false;
61 parentEl.textContent = '';
62 var titleEl = document.createElement('h3');
63 var linkEl = document.createElement('a');
64 linkEl.textContent = src;
65 linkEl.href = '#' + src;
66 titleEl.appendChild(linkEl);
67
68 var containerEl = document.createElement('div');
69 containerEl.tabIndex = 0;
70 containerEl.style.border = '1px solid red';
71
72 var timelineEl = document.createElement('div');
73 cr.ui.decorate(timelineEl, tracing.Timeline);
74 timelineEl.focusElement = containerEl;
75
76 parentEl.appendChild(titleEl);
77 parentEl.appendChild(containerEl);
78
79 // Creating attached vs detached stress tests the canvas- and viewport-
80 // setup code.
81 var create_detached = parentEl.getAttribute('create-attached') == 1;
82 function createModel(data) {
83 timelineEl.model = new tracing.TimelineModel(data);
84 if (!create_detached)
85 containerEl.appendChild(timelineEl);
86 }
87 if (create_detached)
88 containerEl.appendChild(timelineEl);
89 test_utils.getAsync(src, createModel);
90 }
91
92 function onLoad() {
93 Array.prototype.forEach.call(document.querySelectorAll('.timeline-test'),
94 load);
95 }
96
97 document.addEventListener('DOMContentLoaded', onLoad);
98 window.addEventListener('hashchange', onLoad);
99 </script> 90 </script>
100 </body> 91 </body>
101 </html> 92 </html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/tracing/timeline_model_test.html ('k') | chrome/browser/resources/tracing/timeline_track.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698