trace-viewer/trace_viewer/core/find_controller_test.html - fp2-dev/platform/external/chromium-trace - Gitiles

 <!DOCTYPE html>
 <!--
 Copyright (c) 2013 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.
 -->

 <link rel="import" href="/base/task.html">
 <link rel="import" href="/core/find_controller.html">
 <link rel="import" href="/core/test_utils.html">
 <link rel="import" href="/core/timeline_track_view.html">

 <script>
 'use strict';

 tv.b.unittest.testSuite(function() {
   var Task = tv.b.Task;

   /*
    * Just enough of the Timeline to support the tests below.
    */
   var FakeTimeline = tv.b.ui.define('div');

   FakeTimeline.prototype = {
     __proto__: HTMLDivElement.prototype,

     decorate: function() {
       this.addAllObjectsMatchingFilterToSelectionReturnValue = [];

       this.selection = new tv.c.Selection();
       this.highlight = new tv.c.Selection();
       this.keyHelp = '<keyHelp>';

       // Put some simple UI in for testing purposes.
       var noteEl = document.createElement('div');
       noteEl.textContent = 'FakeTimeline:';
       this.appendChild(noteEl);

       this.statusEl_ = document.createElement('div');
       this.appendChild(this.statusEl_);
       this.refresh_();
     },

     refresh_: function() {
       var status;
       if (this.model)
         status = 'model=set';
       else
         status = 'model=undefined';
       this.statusEl_.textContent = status;
     },

     addAllObjectsMatchingFilterToSelectionAsTask: function(filter, selection) {
       return new Task(function() {
         var n = this.addAllObjectsMatchingFilterToSelectionReturnValue.length;
         for (var i = 0; i < n; i++) {
           selection.push(
               this.addAllObjectsMatchingFilterToSelectionReturnValue[i]);
         }
       }, this);
     },

     setHighlightAndClearSelection: function(highlight) {
       this.highlight = highlight;
     }
   };

   function assertArrayShallowEquals(a, b, opt_message) {
     if (a.length === b.length) {
       var ok = true;
       for (var i = 0; i < a.length; i++) {
         ok &= (a[i] === b[i]);
       }
       if (ok)
         return;
     }

     var message = opt_message || 'Expected array ' + a + ', got array ' + b;
     throw new tv.b.unittest.TestError(message);
   };

   test('findControllerNoTimeline', function() {
     var controller = new tv.c.FindController();
     controller.findNext();
     controller.findPrevious();
   });

   test('findControllerEmptyHit', function() {
     var timeline = new FakeTimeline();
     var controller = new tv.c.FindController();
     controller.timeline = timeline;

     timeline.selection = new tv.c.Selection();
     timeline.highlight = new tv.c.Selection();
     controller.findNext();
     assertArrayShallowEquals([], timeline.selection);
     assertArrayShallowEquals([], timeline.highlight);
     controller.findPrevious();
     assertArrayShallowEquals([], timeline.selection);
     assertArrayShallowEquals([], timeline.highlight);
   });

   test('findControllerOneHit', function() {
     var timeline = new FakeTimeline();
     var controller = new tv.c.FindController();
     controller.timeline = timeline;

     var s1 = {guid: 1};
     timeline.addAllObjectsMatchingFilterToSelectionReturnValue = [s1];
     controller.filterText = 'asdf';
     var promise = controller.updateFilterHits();
     promise.then(function() {
       assertArrayShallowEquals([], timeline.selection);
       assertArrayShallowEquals([s1], timeline.highlight);
       controller.findNext();
       assertArrayShallowEquals([s1], timeline.selection);
       assertArrayShallowEquals([s1], timeline.highlight);
       controller.findNext();
       assertArrayShallowEquals([s1], timeline.selection);
       assertArrayShallowEquals([s1], timeline.highlight);
       controller.findPrevious();
       assertArrayShallowEquals([s1], timeline.selection);
       assertArrayShallowEquals([s1], timeline.highlight);
     });
     return promise;
   });

   test('findControllerMultipleHits', function() {
     var timeline = new FakeTimeline();
     var controller = new tv.c.FindController();
     controller.timeline = timeline;

     var s1 = {guid: 1};
     var s2 = {guid: 2};
     var s3 = {guid: 3};

     timeline.addAllObjectsMatchingFilterToSelectionReturnValue = [s1, s2, s3];
     controller.filterText = 'asdf';
     var promise = controller.updateFilterHits();
     promise.then(function() {
       // Loop through hits then when we wrap, try moving backward.
       assertArrayShallowEquals([], timeline.selection);
       assertArrayShallowEquals([s1, s2, s3], timeline.highlight);
       controller.findNext();
       assertArrayShallowEquals([s1], timeline.selection);
       controller.findNext();
       assertArrayShallowEquals([s2], timeline.selection);
       controller.findNext();
       assertArrayShallowEquals([s3], timeline.selection);
       controller.findNext();
       assertArrayShallowEquals([s1], timeline.selection);
       controller.findPrevious();
       assertArrayShallowEquals([s3], timeline.selection);
       controller.findPrevious();
       assertArrayShallowEquals([s2], timeline.selection);
       assertArrayShallowEquals([s1, s2, s3], timeline.highlight);
     });
     return promise;
   });

   test('findControllerChangeFilterAfterNext', function() {
     var timeline = new FakeTimeline();
     var controller = new tv.c.FindController();
     controller.timeline = timeline;

     var s1 = {guid: 1};
     var s2 = {guid: 2};
     var s3 = {guid: 3};
     var s4 = {guid: 4};

     timeline.addAllObjectsMatchingFilterToSelectionReturnValue = [s1, s2, s3];
     controller.filterText = 'asdf';
     var promise = controller.updateFilterHits();
     promise.then(function() {
       // Loop through hits then when we wrap, try moving backward.
       controller.findNext();
       timeline.addAllObjectsMatchingFilterToSelectionReturnValue = [s4];

       controller.filterText = 'asdfsf';
       var nextPromise = controller.updateFilterHits();
       nextPromise.then(function() {
         controller.findNext();
         assertArrayShallowEquals([s4], timeline.selection);
       });
     });
     return promise;
   });

   test('findControllerSelectsAllItemsFirst', function() {
     var timeline = new FakeTimeline();
     var controller = new tv.c.FindController();
     controller.timeline = timeline;

     var s1 = {guid: 1};
     var s2 = {guid: 2};
     var s3 = {guid: 3};
     timeline.addAllObjectsMatchingFilterToSelectionReturnValue = [s1, s2, s3];
     controller.filterText = 'asdfsf';
     var promise = controller.updateFilterHits();
     promise.then(function() {
       assertArrayShallowEquals([], timeline.selection);
       assertArrayShallowEquals([s1, s2, s3], timeline.highlight);
       controller.findNext();
       assertArrayShallowEquals([s1], timeline.selection);
       controller.findNext();
       assertArrayShallowEquals([s2], timeline.selection);
       assertArrayShallowEquals([s1, s2, s3], timeline.highlight);
     });
     return promise;
   });

   test('findControllerWithRealTimeline', function() {
     var model = new tv.c.TraceModel();
     var p1 = model.getOrCreateProcess(1);
     var t1 = p1.getOrCreateThread(1);
     t1.sliceGroup.pushSlice(new tv.c.trace_model.ThreadSlice(
         '', 'a', 0, 1, {}, 3));

     var timeline = new tv.c.TimelineTrackView();
     timeline.model = model;

     var controller = new tv.c.FindController();
     controller.timeline = timeline;

     // Test find with no filterText.
     controller.findNext();

     // Test find with filter txt.
     controller.filterText = 'a';
     var promise = controller.updateFilterHits();
     promise.then(function() {
       assert.deepEqual(timeline.selection, []);
       assert.deepEqual(timeline.highlight, t1.sliceGroup.slices);

       controller.findNext();
       assert.equal(timeline.selection.length, 1);
       assert.equal(timeline.selection[0], t1.sliceGroup.slices[0]);

       controller.filterText = 'xxx';
       var nextPromise = controller.updateFilterHits();
       nextPromise.then(function() {
         assert.equal(timeline.highlight.length, 0);
         assert.equal(timeline.selection.length, 0);
         controller.findNext();
         assert.equal(timeline.selection.length, 0);
         controller.findNext();
         assert.equal(timeline.selection.length, 0);
       });
       return nextPromise;
     });
     return promise;
   });

   test('findControllerNavigation', function() {
     var model = new tv.c.TraceModel();
     var p1 = model.getOrCreateProcess(1);
     var t1 = p1.getOrCreateThread(2);
     t1.sliceGroup.pushSlice(new tv.c.trace_model.ThreadSlice(
         '', 'a', 0, 1, {}, 3));

     var timeline = new tv.c.TimelineTrackView();
     var vp = new tv.c.TimelineViewport(timeline);
     timeline.model = model;
     timeline.focusElement = timeline;
     timeline.tabIndex = 0;
     timeline.style.maxHeight = '600px';
     this.addHTMLOutput(timeline);

     vp.containerToTrackObj = {
       getTrackByStableId: function(stableId) {
         if (stableId === '1.2')
           return { eventContainer: { stableId: '1.2' } };
         return undefined;
       }
     };

     var controller = new tv.c.FindController();
     controller.timeline = timeline;
     controller.filterText = '2000@1.2x7';

     var cbCalls = 0;
     timeline.navToPosition = function(uiState) {
       assert.equal(uiState.location.xWorld, 2000);
       assert.equal(
           uiState.location.getContainingTrack(vp).eventContainer.stableId,
           '1.2');
       assert.equal(uiState.scaleX, 7);
       cbCalls++;
     };
     controller.updateFilterHits();
     assert.equal(cbCalls, 1);

     cbCalls = 0;
     timeline.removeXNavStringMarker = function() {
       cbCalls++;
     };
     controller.filterText = '';
     controller.updateFilterHits();
     assert.equal(cbCalls, 1);
   });
 });
 </script>
	<!DOCTYPE html>
	<!--
	Copyright (c) 2013 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.
	-->

	<link rel="import" href="/base/task.html">
	<link rel="import" href="/core/find_controller.html">
	<link rel="import" href="/core/test_utils.html">
	<link rel="import" href="/core/timeline_track_view.html">

	<script>
	'use strict';

	tv.b.unittest.testSuite(function() {
	var Task = tv.b.Task;

	/*
	* Just enough of the Timeline to support the tests below.
	*/
	var FakeTimeline = tv.b.ui.define('div');

	FakeTimeline.prototype = {
	__proto__: HTMLDivElement.prototype,

	decorate: function() {
	this.addAllObjectsMatchingFilterToSelectionReturnValue = [];

	this.selection = new tv.c.Selection();
	this.highlight = new tv.c.Selection();
	this.keyHelp = '<keyHelp>';

	// Put some simple UI in for testing purposes.
	var noteEl = document.createElement('div');
	noteEl.textContent = 'FakeTimeline:';
	this.appendChild(noteEl);

	this.statusEl_ = document.createElement('div');
	this.appendChild(this.statusEl_);
	this.refresh_();
	},

	refresh_: function() {
	var status;
	if (this.model)
	status = 'model=set';
	else
	status = 'model=undefined';
	this.statusEl_.textContent = status;
	},

	addAllObjectsMatchingFilterToSelectionAsTask: function(filter, selection) {
	return new Task(function() {
	var n = this.addAllObjectsMatchingFilterToSelectionReturnValue.length;
	for (var i = 0; i < n; i++) {
	selection.push(
	this.addAllObjectsMatchingFilterToSelectionReturnValue[i]);
	}
	}, this);
	},

	setHighlightAndClearSelection: function(highlight) {
	this.highlight = highlight;
	}
	};

	function assertArrayShallowEquals(a, b, opt_message) {
	if (a.length === b.length) {
	var ok = true;
	for (var i = 0; i < a.length; i++) {
	ok &= (a[i] === b[i]);
	}
	if (ok)
	return;
	}

	var message = opt_message \|\| 'Expected array ' + a + ', got array ' + b;
	throw new tv.b.unittest.TestError(message);
	};

	test('findControllerNoTimeline', function() {
	var controller = new tv.c.FindController();
	controller.findNext();
	controller.findPrevious();
	});

	test('findControllerEmptyHit', function() {
	var timeline = new FakeTimeline();
	var controller = new tv.c.FindController();
	controller.timeline = timeline;

	timeline.selection = new tv.c.Selection();
	timeline.highlight = new tv.c.Selection();
	controller.findNext();
	assertArrayShallowEquals([], timeline.selection);
	assertArrayShallowEquals([], timeline.highlight);
	controller.findPrevious();
	assertArrayShallowEquals([], timeline.selection);
	assertArrayShallowEquals([], timeline.highlight);
	});

	test('findControllerOneHit', function() {
	var timeline = new FakeTimeline();
	var controller = new tv.c.FindController();
	controller.timeline = timeline;

	var s1 = {guid: 1};
	timeline.addAllObjectsMatchingFilterToSelectionReturnValue = [s1];
	controller.filterText = 'asdf';
	var promise = controller.updateFilterHits();
	promise.then(function() {
	assertArrayShallowEquals([], timeline.selection);
	assertArrayShallowEquals([s1], timeline.highlight);
	controller.findNext();
	assertArrayShallowEquals([s1], timeline.selection);
	assertArrayShallowEquals([s1], timeline.highlight);
	controller.findNext();
	assertArrayShallowEquals([s1], timeline.selection);
	assertArrayShallowEquals([s1], timeline.highlight);
	controller.findPrevious();
	assertArrayShallowEquals([s1], timeline.selection);
	assertArrayShallowEquals([s1], timeline.highlight);
	});
	return promise;
	});

	test('findControllerMultipleHits', function() {
	var timeline = new FakeTimeline();
	var controller = new tv.c.FindController();
	controller.timeline = timeline;

	var s1 = {guid: 1};
	var s2 = {guid: 2};
	var s3 = {guid: 3};

	timeline.addAllObjectsMatchingFilterToSelectionReturnValue = [s1, s2, s3];
	controller.filterText = 'asdf';
	var promise = controller.updateFilterHits();
	promise.then(function() {
	// Loop through hits then when we wrap, try moving backward.
	assertArrayShallowEquals([], timeline.selection);
	assertArrayShallowEquals([s1, s2, s3], timeline.highlight);
	controller.findNext();
	assertArrayShallowEquals([s1], timeline.selection);
	controller.findNext();
	assertArrayShallowEquals([s2], timeline.selection);
	controller.findNext();
	assertArrayShallowEquals([s3], timeline.selection);
	controller.findNext();
	assertArrayShallowEquals([s1], timeline.selection);
	controller.findPrevious();
	assertArrayShallowEquals([s3], timeline.selection);
	controller.findPrevious();
	assertArrayShallowEquals([s2], timeline.selection);
	assertArrayShallowEquals([s1, s2, s3], timeline.highlight);
	});
	return promise;
	});

	test('findControllerChangeFilterAfterNext', function() {
	var timeline = new FakeTimeline();
	var controller = new tv.c.FindController();
	controller.timeline = timeline;

	var s1 = {guid: 1};
	var s2 = {guid: 2};
	var s3 = {guid: 3};
	var s4 = {guid: 4};

	timeline.addAllObjectsMatchingFilterToSelectionReturnValue = [s1, s2, s3];
	controller.filterText = 'asdf';
	var promise = controller.updateFilterHits();
	promise.then(function() {
	// Loop through hits then when we wrap, try moving backward.
	controller.findNext();
	timeline.addAllObjectsMatchingFilterToSelectionReturnValue = [s4];

	controller.filterText = 'asdfsf';
	var nextPromise = controller.updateFilterHits();
	nextPromise.then(function() {
	controller.findNext();
	assertArrayShallowEquals([s4], timeline.selection);
	});
	});
	return promise;
	});

	test('findControllerSelectsAllItemsFirst', function() {
	var timeline = new FakeTimeline();
	var controller = new tv.c.FindController();
	controller.timeline = timeline;

	var s1 = {guid: 1};
	var s2 = {guid: 2};
	var s3 = {guid: 3};
	timeline.addAllObjectsMatchingFilterToSelectionReturnValue = [s1, s2, s3];
	controller.filterText = 'asdfsf';
	var promise = controller.updateFilterHits();
	promise.then(function() {
	assertArrayShallowEquals([], timeline.selection);
	assertArrayShallowEquals([s1, s2, s3], timeline.highlight);
	controller.findNext();
	assertArrayShallowEquals([s1], timeline.selection);
	controller.findNext();
	assertArrayShallowEquals([s2], timeline.selection);
	assertArrayShallowEquals([s1, s2, s3], timeline.highlight);
	});
	return promise;
	});

	test('findControllerWithRealTimeline', function() {
	var model = new tv.c.TraceModel();
	var p1 = model.getOrCreateProcess(1);
	var t1 = p1.getOrCreateThread(1);
	t1.sliceGroup.pushSlice(new tv.c.trace_model.ThreadSlice(
	'', 'a', 0, 1, {}, 3));

	var timeline = new tv.c.TimelineTrackView();
	timeline.model = model;

	var controller = new tv.c.FindController();
	controller.timeline = timeline;

	// Test find with no filterText.
	controller.findNext();

	// Test find with filter txt.
	controller.filterText = 'a';
	var promise = controller.updateFilterHits();
	promise.then(function() {
	assert.deepEqual(timeline.selection, []);
	assert.deepEqual(timeline.highlight, t1.sliceGroup.slices);

	controller.findNext();
	assert.equal(timeline.selection.length, 1);
	assert.equal(timeline.selection[0], t1.sliceGroup.slices[0]);

	controller.filterText = 'xxx';
	var nextPromise = controller.updateFilterHits();
	nextPromise.then(function() {
	assert.equal(timeline.highlight.length, 0);
	assert.equal(timeline.selection.length, 0);
	controller.findNext();
	assert.equal(timeline.selection.length, 0);
	controller.findNext();
	assert.equal(timeline.selection.length, 0);
	});
	return nextPromise;
	});
	return promise;
	});

	test('findControllerNavigation', function() {
	var model = new tv.c.TraceModel();
	var p1 = model.getOrCreateProcess(1);
	var t1 = p1.getOrCreateThread(2);
	t1.sliceGroup.pushSlice(new tv.c.trace_model.ThreadSlice(
	'', 'a', 0, 1, {}, 3));

	var timeline = new tv.c.TimelineTrackView();
	var vp = new tv.c.TimelineViewport(timeline);
	timeline.model = model;
	timeline.focusElement = timeline;
	timeline.tabIndex = 0;
	timeline.style.maxHeight = '600px';
	this.addHTMLOutput(timeline);

	vp.containerToTrackObj = {
	getTrackByStableId: function(stableId) {
	if (stableId === '1.2')
	return { eventContainer: { stableId: '1.2' } };
	return undefined;
	}
	};

	var controller = new tv.c.FindController();
	controller.timeline = timeline;
	controller.filterText = '2000@1.2x7';

	var cbCalls = 0;
	timeline.navToPosition = function(uiState) {
	assert.equal(uiState.location.xWorld, 2000);
	assert.equal(
	uiState.location.getContainingTrack(vp).eventContainer.stableId,
	'1.2');
	assert.equal(uiState.scaleX, 7);
	cbCalls++;
	};
	controller.updateFilterHits();
	assert.equal(cbCalls, 1);

	cbCalls = 0;
	timeline.removeXNavStringMarker = function() {
	cbCalls++;
	};
	controller.filterText = '';
	controller.updateFilterHits();
	assert.equal(cbCalls, 1);
	});
	});
	</script>