• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!DOCTYPE HTML>
2<html>
3<!--
4Copyright (c) 2011 The Chromium Authors. All rights reserved.
5Use of this source code is governed by a BSD-style license that can be
6found 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<link rel="stylesheet" href="timeline_view.css">
12<script src="../shared/js/cr.js"></script>
13<script src="../shared/js/cr/event_target.js"></script>
14<script src="../shared/js/cr/ui.js"></script>
15<script src="../shared/js/util.js"></script>
16<script src="timeline_model.js"></script>
17<script src="linux_perf_importer.js"></script>
18<script src="trace_event_importer.js"></script>
19<script src="sorted_array_utils.js"></script>
20<script src="measuring_stick.js"></script>
21<script src="overlay.js"></script>
22<script src="timeline.js"></script>
23<script src="timeline_track.js"></script>
24<script src="timeline_view.js"></script>
25<script src="fast_rect_renderer.js"></script>
26<script src="test_utils.js"></script>
27<style>
28  .view {
29    overflow: hidden;
30    position: absolute;
31    top: 0;
32    bottom: 0;
33    left: 0;
34    right: 0;
35  }
36
37</style>
38</head>
39<body>
40  <div class="view">
41  </div>
42  <script>
43  var linuxPerfData;
44  var traceEventData;
45  var timelineViewEl;
46  function onLoad() {
47    var dirname;
48    if (window.location.search) {
49      var q = {};
50      window.location.search.slice(1).split('&').forEach(function(x) {
51        var t = x.split('=');
52        q[t[0]] = t[1];
53      });
54      if (q.dirname)
55        dirname = q.dirname;
56      else
57        dirname = './cur_trace';
58    } else {
59      dirname = './cur_trace';
60    }
61    // Creating attached vs detached stress tests the canvas- and viewport-
62    // setup code.
63    test_utils.getAsync(dirname + '/kernel.trace', function(data) {
64      linuxPerfData = data;
65      reload();
66    });
67    test_utils.getAsync(dirname + '/chrome.json', function(data) {
68      traceEventData = data;
69      reload();
70    });
71  }
72  function reload() {
73    if (!linuxPerfData || !traceEventData)
74      return;
75
76    var m = new tracing.TimelineModel();
77    m.importEvents(traceEventData, true, [linuxPerfData]);
78
79    timelineViewEl = document.querySelector('.view');
80    cr.ui.decorate(timelineViewEl, tracing.TimelineView);
81    timelineViewEl.model = m;
82    timelineViewEl.tabIndex = 1;
83    timelineViewEl.timeline.focusElement = timelineViewEl;
84  }
85
86  document.addEventListener('DOMContentLoaded', onLoad);
87  </script>
88</body>
89</html>
90