• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!DOCTYPE HTML>
2<html>
3<!--
4Copyright (c) 2012 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>TimelineView tests</title>
10<link rel="stylesheet" href="overlay.css">
11<link rel="stylesheet" href="timeline.css">
12<link rel="stylesheet" href="timeline_analysis.css">
13<link rel="stylesheet" href="timeline_view.css">
14<link rel="stylesheet" href="../shared/css/tabs.css">
15<script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js"></script>
16<script src="../shared/js/cr.js"></script>
17<script src="../shared/js/cr/event_target.js"></script>
18<script src="../shared/js/cr/ui.js"></script>
19<script src="../shared/js/cr/ui/tabs.js"></script>
20<script src="overlay.js"></script>
21<script src="measuring_stick.js"></script>
22<script src="profiling_view.js"></script>
23<script src="timeline_analysis.js"></script>
24<script src="timeline_view.js"></script>
25<script src="timeline_model.js"></script>
26<script src="linux_perf_importer.js"></script>
27<script src="trace_event_importer.js"></script>
28<script src="timeline.js"></script>
29<script src="timeline_track.js"></script>
30<script src="sorted_array_utils.js"></script>
31<script src="fast_rect_renderer.js"></script>
32<script src="test_utils.js"></script>
33<script>
34  goog.require('goog.testing.jsunit');
35</script>
36<style>
37  .timeline-view {
38    border: 1px solid black;
39    margin: 10px;
40  }
41  .timeline-find-dialog {
42    border: 1px solid black;
43    margin: 10px;
44  }
45</style>
46</head>
47<body>
48  <script>
49    'use strict';
50
51    function appendTestResult(title, el) {
52      var titleEl = document.createElement('div');
53      titleEl.textContent = title;
54      titleEl.style.fontSize = '120%';
55      titleEl.style.marginBottom = '0px';
56
57      var groupEl = document.createElement('div');
58      groupEl.style.marginBottom = '48px';
59      groupEl.style.border = '1px solid black';
60
61      groupEl.appendChild(el);
62      document.body.appendChild(titleEl);
63      document.body.appendChild(groupEl);
64    }
65
66    function testAnalyzeSingleSlice() {
67      var events = [
68        {name: 'b', args: {}, pid: 52, ts: 629, cat: 'foo', tid: 53, ph: 'B'},
69        {name: 'b', args: {}, pid: 52, ts: 631, cat: 'foo', tid: 53, ph: 'E'},
70      ];
71      var model = new tracing.TimelineModel();
72      model.importEvents(events);
73
74      var t53track = new tracing.TimelineThreadTrack();
75      t53track.thread = model.processes[52].threads[53];
76
77      var selection = new tracing.TimelineSelection();
78      t53track.addAllObjectsMatchingFilterToSelection(
79        new tracing.TimelineFilter('b'), selection);
80      assertEquals(1, selection.length);
81
82      var analysisEl = new tracing.TimelineAnalysisView();
83      analysisEl.selection = selection;
84
85      appendTestResult("Single thread slice", analysisEl);
86    }
87
88    function testAnalyzeMultipleNonNestedSlices() {
89      var events = [
90        {name: 'a', args: {}, pid: 52, ts: 520, cat: 'foo', tid: 53, ph: 'B'},
91        {name: 'a', args: {}, pid: 52, ts: 560, cat: 'foo', tid: 53, ph: 'E'},
92        {name: 'aa', args: {}, pid: 52, ts: 640, cat: 'foo', tid: 53, ph: 'B'},
93        {name: 'aa', args: {}, pid: 52, ts: 700, cat: 'foo', tid: 53, ph: 'E'},
94      ];
95      var model = new tracing.TimelineModel();
96      model.importEvents(events);
97
98      var t53track = new tracing.TimelineThreadTrack();
99      t53track.thread = model.processes[52].threads[53];
100
101      var selection = new tracing.TimelineSelection();
102      t53track.addAllObjectsMatchingFilterToSelection(
103        new tracing.TimelineFilter('a'), selection);
104      assertEquals(2, selection.length);
105
106      var analysisEl = new tracing.TimelineAnalysisView();
107      analysisEl.selection = selection;
108
109      appendTestResult("Multiple non nested thread slices", analysisEl);
110    }
111
112  </script>
113</body>
114</html>
115