| <!DOCTYPE HTML> |
| <html> |
| <!-- |
| Copyright (c) 2011 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. |
| --> |
| <head i18n-values="dir:textdirection;"> |
| <title>Interactive Timeline Tests</title> |
| <link rel="stylesheet" href="timeline.css"> |
| <link rel="stylesheet" href="timeline_view.css"> |
| <script src="../shared/js/cr.js"></script> |
| <script src="../shared/js/cr/event_target.js"></script> |
| <script src="../shared/js/cr/ui.js"></script> |
| <script src="../shared/js/util.js"></script> |
| <script src="timeline_model.js"></script> |
| <script src="linux_perf_importer.js"></script> |
| <script src="trace_event_importer.js"></script> |
| <script src="sorted_array_utils.js"></script> |
| <script src="measuring_stick.js"></script> |
| <script src="timeline.js"></script> |
| <script src="timeline_track.js"></script> |
| <script src="timeline_view.js"></script> |
| <script src="fast_rect_renderer.js"></script> |
| <script src="test_utils.js"></script> |
| <style> |
| .view { |
| overflow: hidden; |
| position: absolute; |
| top: 0; |
| bottom: 0; |
| left: 0; |
| right: 0; |
| } |
| |
| </style> |
| </head> |
| <body> |
| <div class="view"> |
| </div> |
| <script> |
| var linuxPerfData; |
| var traceEventData; |
| var timelineViewEl; |
| function onLoad() { |
| var dirname; |
| if (window.location.search) { |
| var q = {}; |
| window.location.search.slice(1).split("&").forEach(function(x) { |
| var t = x.split('='); |
| q[t[0]] = t[1]; |
| }); |
| if (q.dirname) |
| dirname = q.dirname; |
| else |
| dirname = "./cur_trace"; |
| } else { |
| dirname = "./cur_trace"; |
| } |
| // Creating attached vs detached stress tests the canvas- and viewport- |
| // setup code. |
| test_utils.getAsync(dirname + '/kernel.trace', function(data) { |
| linuxPerfData = data; |
| reload(); |
| }); |
| test_utils.getAsync(dirname + '/chrome.json', function(data) { |
| traceEventData = data; |
| reload(); |
| }); |
| } |
| function reload() { |
| if (!linuxPerfData || !traceEventData) |
| return; |
| |
| var m = new tracing.TimelineModel(); |
| m.importEvents(traceEventData, true, [linuxPerfData]); |
| |
| timelineViewEl = document.querySelector('.view'); |
| cr.ui.decorate(timelineViewEl, tracing.TimelineView); |
| timelineViewEl.model = m; |
| timelineViewEl.tabIndex = 1; |
| timelineViewEl.timeline.focusElement = timelineViewEl; |
| } |
| |
| document.addEventListener('DOMContentLoaded', onLoad); |
| </script> |
| </body> |
| </html> |
