<!DOCTYPE HTML>
<html>
<!--
Copyright (c) 2012 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>TimelineView tests</title>
<link rel="stylesheet" href="overlay.css">
<link rel="stylesheet" href="timeline.css">
<link rel="stylesheet" href="timeline_analysis.css">
<link rel="stylesheet" href="timeline_view.css">
<link rel="stylesheet" href="../shared/css/tabs.css">
<script src="http://closure-library.googlecode.com/svn/trunk/closure/goog/base.js"></script>
<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/cr/ui/tabs.js"></script>
<script src="overlay.js"></script>
<script src="measuring_stick.js"></script>
<script src="profiling_view.js"></script>
<script src="timeline_analysis.js"></script>
<script src="timeline_view.js"></script>
<script src="timeline_model.js"></script>
<script src="linux_perf_importer.js"></script>
<script src="trace_event_importer.js"></script>
<script src="timeline.js"></script>
<script src="timeline_track.js"></script>
<script src="sorted_array_utils.js"></script>
<script src="fast_rect_renderer.js"></script>
<script src="test_utils.js"></script>
<script>
goog.require('goog.testing.jsunit');
</script>
<style>
.timeline-view {
border: 1px solid black;
margin: 10px;
}
.timeline-find-dialog {
border: 1px solid black;
margin: 10px;
}
</style>
</head>
<body>
<script>
'use strict';
function appendTestResult(title, el) {
var titleEl = document.createElement('div');
titleEl.textContent = title;
titleEl.style.fontSize = '120%';
titleEl.style.marginBottom = '0px';
var groupEl = document.createElement('div');
groupEl.style.marginBottom = '48px';
groupEl.style.border = '1px solid black';
groupEl.appendChild(el);
document.body.appendChild(titleEl);
document.body.appendChild(groupEl);
}
function testAnalyzeSingleSlice() {
var events = [
{name: 'b', args: {}, pid: 52, ts: 629, cat: 'foo', tid: 53, ph: 'B'},
{name: 'b', args: {}, pid: 52, ts: 631, cat: 'foo', tid: 53, ph: 'E'},
];
var model = new tracing.TimelineModel();
model.importEvents(events);
var t53track = new tracing.TimelineThreadTrack();
t53track.thread = model.processes[52].threads[53];
var selection = new tracing.TimelineSelection();
t53track.addAllObjectsMatchingFilterToSelection(
new tracing.TimelineFilter('b'), selection);
assertEquals(1, selection.length);
var analysisEl = new tracing.TimelineAnalysisView();
analysisEl.selection = selection;
appendTestResult("Single thread slice", analysisEl);
}
function testAnalyzeMultipleNonNestedSlices() {
var events = [
{name: 'a', args: {}, pid: 52, ts: 520, cat: 'foo', tid: 53, ph: 'B'},
{name: 'a', args: {}, pid: 52, ts: 560, cat: 'foo', tid: 53, ph: 'E'},
{name: 'aa', args: {}, pid: 52, ts: 640, cat: 'foo', tid: 53, ph: 'B'},
{name: 'aa', args: {}, pid: 52, ts: 700, cat: 'foo', tid: 53, ph: 'E'},
];
var model = new tracing.TimelineModel();
model.importEvents(events);
var t53track = new tracing.TimelineThreadTrack();
t53track.thread = model.processes[52].threads[53];
var selection = new tracing.TimelineSelection();
t53track.addAllObjectsMatchingFilterToSelection(
new tracing.TimelineFilter('a'), selection);
assertEquals(2, selection.length);
var analysisEl = new tracing.TimelineAnalysisView();
analysisEl.selection = selection;
appendTestResult("Multiple non nested thread slices", analysisEl);
}
</script>
</body>
</html>