<!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>TimelineTrack tests</title>
<style>
.timeline-container {
border: 1px solid red;
}
</style>
<script src="/src/base.js"></script>
<script>
base.require('unittest');
base.require('test_utils');
base.require('timeline');
base.require('tracks.timeline_thread_track');
</script>
</head>
<body>
<script>
'use strict';
var TimelineProcess = tracing.TimelineProcess;
var TimelineSelection = tracing.TimelineSelection;
var TimelineThread = tracing.TimelineThread;
var TimelineThreadSlice = tracing.TimelineThreadSlice;
var TimelineThreadTrack = tracks.TimelineThreadTrack;
var TimelineViewport = tracing.TimelineViewport;
var newAsyncSlice = test_utils.newAsyncSlice;
var newAsyncSliceNamed = test_utils.newAsyncSliceNamed;
var newSliceNamed = test_utils.newSliceNamed;
function testSelectionHitTestingWithTimelineThreadTrack() {
var model = new tracing.TimelineModel();
var p1 = model.getOrCreateProcess(1);
var t1 = p1.getOrCreateThread(1);
t1.pushSlice(new tracing.TimelineThreadSlice('', 'a', 0, 1, {}, 4));
t1.pushSlice(new tracing.TimelineThreadSlice('', 'b', 0, 5.1, {}, 4));
var testEl = this.addHTMLOutput();
testEl.style.width = '600px';
var track = new TimelineThreadTrack();
testEl.appendChild(track);
track.heading = 'testSelectionHitTestingWithTimelineThreadTrack';
track.headingWidth = '100px';
track.thread = t1;
var y = track.getBoundingClientRect().top;
var h = track.getBoundingClientRect().height;
var wW = 10;
var vW = track.firstCanvas.getBoundingClientRect().width;
track.viewport = new TimelineViewport(testEl);
track.viewport.xSetWorldRange(0, wW, vW);
var selection = new TimelineSelection();
track.addIntersectingItemsToSelection((1.5/wW)*vW, y, selection);
assertEquals(t1.slices[0], selection[0].slice);
var selection = new TimelineSelection();
track.addIntersectingItemsInRangeToSelection(
(1.5/wW)*vW, (1.8/wW)*vW,
y, y + h, selection);
assertEquals(t1.slices[0], selection[0].slice);
}
function testTimelineThreadTrackWithRegularSlices() {
var testEl = this.addHTMLOutput();
var track = TimelineThreadTrack();
testEl.appendChild(track);
track.heading = 'testTimelineThreadTrackWithRegularSlices';
var thread = new TimelineThread(new TimelineProcess(7), 1);
thread.pushSlices([
new TimelineThreadSlice('', 'a', 0, 1, {}, 1),
new TimelineThreadSlice('', 'b', 1, 2.1, {}, 4.8),
new TimelineThreadSlice('', 'b', 1, 7, {}, 0.5),
new TimelineThreadSlice('', 'c', 2, 7.6, {}, 0.4),
new TimelineThreadSlice('', 'd', 3, 1.1, {}, 0.8),
new TimelineThreadSlice('', 'e', 4, 7.1, {}, 0.3)
]);
thread.updateBounds();
track.heading = 'thread regular';
track.headingWidth = '150px';
track.toolTip = thread.userFriendlyDetails + ':';
track.thread = thread;
track.viewport = new TimelineViewport(testEl);
track.viewport.xSetWorldRange(0, 8.2, track.clientWidth);
}
function testTimelineThreadTrackWithTallSlices() {
var testEl = this.addHTMLOutput();
var track = TimelineThreadTrack();
testEl.appendChild(track);
track.heading = 'testTimelineThreadTrackWithTallSlices';
var thread = new TimelineThread(new TimelineProcess(7), 1);
thread.pushSlices([
new TimelineThreadSlice('', 'a', 1, 0, {}, 1),
new TimelineThreadSlice('', 'b', 2, 0.1, {}, 0.8),
new TimelineThreadSlice('', 'c', 3, 0.15, {}, 0.70),
new TimelineThreadSlice('', 'd', 4, 0.20, {}, 0.50),
new TimelineThreadSlice('', 'e', 5, 0.30, {}, 0.28),
new TimelineThreadSlice('', 'e', 6, 0.35, {}, 0.20),
new TimelineThreadSlice('', 'f', 7, 0.40, {}, 0.10)
]);
thread.updateBounds();
track.heading = 'thread tall';
track.headingWidth = '150px';
track.toolTip = thread.userFriendlyDetails + ':';
track.thread = thread;
track.viewport = new TimelineViewport(testEl);
track.viewport.xSetWorldRange(0, 1.1, track.clientWidth);
}
function testTimelineThreadTrackWithRegularAndAsyncSlices() {
var testEl = this.addHTMLOutput();
var track = TimelineThreadTrack();
testEl.appendChild(track);
var thread = new TimelineThread(new TimelineProcess(7), 1);
thread.pushSlices([
new TimelineThreadSlice('', 'a', 0, 1, {}, 1),
new TimelineThreadSlice('', 'b', 1, 2.1, {}, 4.8),
new TimelineThreadSlice('', 'b', 1, 7, {}, 0.5),
new TimelineThreadSlice('', 'c', 2, 7.6, {}, 0.4),
new TimelineThreadSlice('', 'd', 3, 1.1, {}, 0.8),
new TimelineThreadSlice('', 'e', 4, 7.1, {}, 0.3)
]);
thread.asyncSlices.push(newAsyncSlice(1.2, 7.2 - 1.2, thread, thread));
thread.asyncSlices.push(newAsyncSlice(1.3, 7.3 - 1.3, thread, thread));
thread.updateBounds();
track.heading = 'thread regular + async';
track.headingWidth = '150px';
track.toolTip = thread.userFriendlyDetails + ':';
track.thread = thread;
track.viewport = new TimelineViewport(testEl);
track.viewport.xSetWorldRange(0, 8.15, track.clientWidth);
}
function testFilterThreadSlices() {
var thread = new TimelineThread(new TimelineProcess(7), 1);
thread.pushSlice(newSliceNamed('a', 0, 0));
thread.asyncSlices.push(newAsyncSliceNamed('a', 0, 5, t, t));
var t = new TimelineThreadTrack();
t.thread = thread;
assertTrue(t.tracks_[1].visible);
assertEquals(1, t.tracks_[1].tracks_.length);
assertTrue(t.tracks_[1].visible);
assertEquals(1, t.tracks_[2].tracks_.length);
t.categoryFilter = new tracing.TimelineTitleFilter('x');
assertFalse(t.tracks_[1].visible);
assertFalse(t.tracks_[1].visible);
t.categoryFilter = new tracing.TimelineTitleFilter('a');
assertTrue(t.tracks_[1].visible);
assertEquals(1, t.tracks_[1].tracks_.length);
assertTrue(t.tracks_[1].visible);
assertEquals(1, t.tracks_[2].tracks_.length);
}
</script>
</body>
</html>