The Tor Browser: comparison browser/components/tabview/test/browser_tabview_bug610208.js

comparison: browser/components/tabview/test/browser_tabview_bug610208.js

browser/components/tabview/test/browser_tabview_bug610208.js

branch: TOR_BUG_9701
changeset 14: 925c144e1f1f

equal deleted inserted replaced

--1:000000000000
+:67d4344e75c7
+/* Any copyright is dedicated to the Public Domain.
+http://creativecommons.org/publicdomain/zero/1.0/ */
+function test() {
+requestLongerTimeout(4);
+let cw;
+let win;
+let groupItem;
+let next = function () {
+let test = tests.shift();
+if (test) {
+test();
+return;
+}
+win.close();
+finish();
+}
+let closeTabItemManually = function (tabItem) {
+EventUtils.synthesizeMouseAtCenter(tabItem.container, {button: 1}, cw);
+}
+let prepareTest = function (testName) {
+let originalBounds = groupItem.getChild(0).getBounds();
+let tabItem = groupItem.getChild(1);
+let bounds = tabItem.getBounds();
+closeTabItemManually(tabItem);
+ok(originalBounds.equals(groupItem.getChild(0).getBounds()), testName + ': tabs did not change their size');
+ok(bounds.equals(groupItem.getChild(1).getBounds()), testName + ': third tab is now on second tab\'s previous position');
+return originalBounds;
+}
+let cleanUpTest = function (testName, originalBounds, callback) {
+// Use setTimeout here because the groupItem.arrange() call uses
+// animation to re-arrange the tabItems.
+win.setTimeout(function () {
+ok(!originalBounds.equals(groupItem.getChild(0).getBounds()), testName + ': tabs changed their size');
+// cleanup
+cw.UI.setActive(groupItem);
+win.gBrowser.loadOneTab('about:blank', {inBackground: true});
+afterAllTabsLoaded(callback, win);
+}, 500);
+}
+let tests = [];
+// focus group title's input field to cause item arrange
+let testFocusTitle = function () {
+let originalBounds = prepareTest('testFocusTitle');
+let target = groupItem.$titleShield[0];
+EventUtils.synthesizeMouseAtCenter(target, {}, cw);
+cleanUpTest('testFocusTitle', originalBounds, next);
+}
+// hide tabview to cause item arrange
+let testHideTabView = function () {
+let originalBounds = prepareTest('testHideTabView');
+hideTabView(function () {
+cleanUpTest('testHideTabView', originalBounds, function () {
+showTabView(next, win);
+});
+}, win);
+}
+// (undo) close a group to cause item arrange
+let testCloseGroupUndo = function () {
+let originalBounds = prepareTest('testCloseGroupUndo');
+hideGroupItem(groupItem, function () {
+unhideGroupItem(groupItem, function () {
+cleanUpTest('testCloseGroupUndo', originalBounds, next);
+});
+});
+}
+// leave the group's container with the mouse to cause item arrange
+let testMouseOut = function () {
+let originalBounds = prepareTest('testMouseOut');
+let doc = cw.document.documentElement;
+let bounds = groupItem.getBounds();
+EventUtils.synthesizeMouse(doc, bounds.right - 5, bounds.bottom - 5, {type: 'mousemove'}, cw);
+ok(originalBounds.equals(groupItem.getChild(0).getBounds()), 'testMouseOut: tabs did not change their size');
+EventUtils.synthesizeMouse(doc, bounds.right + 1, bounds.bottom + 1, {type: 'mousemove'}, cw);
+cleanUpTest('testMouseOut', originalBounds, next);
+}
+// sort item (drag it around) in its group to cause item arrange
+let testSortInGroup = function () {
+let originalBounds = prepareTest('testSortInGroup');
+let target = groupItem.getChild(0).container;
+// simulate drag/drop sorting
+EventUtils.synthesizeMouse(target, 20, 20, {type: 'mousedown'}, cw);
+EventUtils.synthesizeMouse(target, 40, 20, {type: 'mousemove'}, cw);
+EventUtils.synthesizeMouse(target, 20, 20, {type: 'mouseup'}, cw);
+cleanUpTest('testSortInGroup', originalBounds, next);
+}
+// arrange items when the containing group is resized
+let testResizeGroup = function () {
+let originalBounds = prepareTest('testResizeGroup');
+let oldBounds = groupItem.getBounds();
+let resizer = groupItem.$resizer[0];
+// simulate drag/drop resizing
+EventUtils.synthesizeMouse(resizer, 5, 5, {type: 'mousedown'}, cw);
+EventUtils.synthesizeMouse(resizer, 40, 20, {type: 'mousemove'}, cw);
+EventUtils.synthesizeMouse(resizer, 20, 20, {type: 'mouseup'}, cw);
+// reset group size
+groupItem.setBounds(oldBounds);
+groupItem.setUserSize();
+cleanUpTest('testResizeGroup', originalBounds, next);
+}
+// make sure we don't freeze item size when removing an item from a stack
+let testRemoveWhileStacked = function () {
+let oldBounds = groupItem.getBounds();
+groupItem.setSize(250, 250, true);
+groupItem.setUserSize();
+ok(!groupItem.isStacked(), 'testRemoveWhileStacked: group is not stacked');
+let originalBounds;
+let tabItem = groupItem.getChild(0);
+// add new tabs to let the group stack
+while (!groupItem.isStacked()) {
+originalBounds = tabItem.getBounds();
+win.gBrowser.addTab();
+}
+afterAllTabsLoaded(function () {
+tabItem.close();
+ok(!groupItem.isStacked(), 'testRemoveWhileStacked: group is not stacked');
+let bounds = groupItem.getChild(0).getBounds();
+ok(originalBounds.equals(bounds), 'testRemoveWhileStacked: tabs did not change their size');
+// reset group size
+groupItem.setBounds(oldBounds);
+groupItem.setUserSize();
+next();
+}, win);
+}
+// 1) make sure item size is frozen when removing an item in expanded mode
+// 2) make sure item size stays frozen while moving the mouse in the expanded
+// layer
+let testExpandedMode = function () {
+let oldBounds = groupItem.getBounds();
+groupItem.setSize(100, 100, true);
+groupItem.setUserSize();
+ok(groupItem.isStacked(), 'testExpandedMode: group is stacked');
+groupItem.addSubscriber('expanded', function onGroupExpanded() {
+groupItem.removeSubscriber('expanded', onGroupExpanded);
+onExpanded();
+});
+groupItem.addSubscriber('collapsed', function onGroupCollapsed() {
+groupItem.removeSubscriber('collapsed', onGroupCollapsed);
+onCollapsed();
+});
+let onExpanded = function () {
+let originalBounds = groupItem.getChild(0).getBounds();
+let tabItem = groupItem.getChild(1);
+let bounds = tabItem.getBounds();
+while (groupItem.getChildren().length > 2)
+closeTabItemManually(groupItem.getChild(1));
+ok(originalBounds.equals(groupItem.getChild(0).getBounds()), 'testExpandedMode: tabs did not change their size');
+// move the mouse over the expanded layer
+let trayBounds = groupItem.expanded.bounds;
+let target = groupItem.expanded.$tray[0];
+EventUtils.synthesizeMouse(target, trayBounds.right - 5, trayBounds.bottom -5, {type: 'mousemove'}, cw);
+ok(originalBounds.equals(groupItem.getChild(0).getBounds()), 'testExpandedMode: tabs did not change their size');
+groupItem.collapse();
+}
+let onCollapsed = function () {
+// reset group size
+groupItem.setBounds(oldBounds);
+groupItem.setUserSize();
+next();
+}
+groupItem.expand();
+}
+tests.push(testFocusTitle);
+tests.push(testHideTabView);
+tests.push(testCloseGroupUndo);
+tests.push(testMouseOut);
+tests.push(testSortInGroup);
+tests.push(testResizeGroup);
+tests.push(testRemoveWhileStacked);
+tests.push(testExpandedMode);
+waitForExplicitFinish();
+newWindowWithTabView(function (tvwin) {
+win = tvwin;
+registerCleanupFunction(function () {
+if (!win.closed)
+win.close();
+});
+cw = win.TabView.getContentWindow();
+groupItem = cw.GroupItems.groupItems[0];
+groupItem.setSize(400, 200, true);
+groupItem.setUserSize();
+for (let i=0; i<3; i++)
+win.gBrowser.loadOneTab('about:blank', {inBackground: true});
+afterAllTabsLoaded(next, win);
+});
+}