Home | History | Annotate | Download | only in tracing 
      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 <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