mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
204 lines
8.0 KiB
JavaScript
204 lines
8.0 KiB
JavaScript
/* ***** BEGIN LICENSE BLOCK *****
|
|
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
|
|
*
|
|
* The contents of this file are subject to the Mozilla Public License Version
|
|
* 1.1 (the "License"); you may not use this file except in compliance with
|
|
* the License. You may obtain a copy of the License at
|
|
* http://www.mozilla.org/MPL/
|
|
*
|
|
* Software distributed under the License is distributed on an "AS IS" basis,
|
|
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
|
|
* for the specific language governing rights and limitations under the
|
|
* License.
|
|
*
|
|
* The Original Code is Tab View snapping test.
|
|
*
|
|
* The Initial Developer of the Original Code is
|
|
* Mozilla Foundation.
|
|
* Portions created by the Initial Developer are Copyright (C) 2010
|
|
* the Initial Developer. All Rights Reserved.
|
|
*
|
|
* Contributor(s):
|
|
* Michael Yoshitaka Erlewine <mitcho@mitcho.com>
|
|
*
|
|
* Alternatively, the contents of this file may be used under the terms of
|
|
* either the GNU General Public License Version 2 or later (the "GPL"), or
|
|
* the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
|
|
* in which case the provisions of the GPL or the LGPL are applicable instead
|
|
* of those above. If you wish to allow use of your version of this file only
|
|
* under the terms of either the GPL or the LGPL, and not to allow others to
|
|
* use your version of this file under the terms of the MPL, indicate your
|
|
* decision by deleting the provisions above and replace them with the notice
|
|
* and other provisions required by the GPL or the LGPL. If you do not delete
|
|
* the provisions above, a recipient may use your version of this file under
|
|
* the terms of any one of the MPL, the GPL or the LGPL.
|
|
*
|
|
* ***** END LICENSE BLOCK ***** */
|
|
|
|
function test() {
|
|
waitForExplicitFinish();
|
|
|
|
window.addEventListener("tabviewshown", onTabViewWindowLoaded, false);
|
|
if (TabView.isVisible())
|
|
onTabViewWindowLoaded();
|
|
else
|
|
TabView.show();
|
|
}
|
|
|
|
function onTabViewWindowLoaded() {
|
|
window.removeEventListener("tabviewshown", onTabViewWindowLoaded, false);
|
|
|
|
let contentWindow = document.getElementById("tab-view").contentWindow;
|
|
let [originalTab] = gBrowser.visibleTabs;
|
|
|
|
ok(TabView.isVisible(), "Tab View is visible");
|
|
is(contentWindow.GroupItems.groupItems.length, 1, "There is only one group");
|
|
let currentActiveGroup = contentWindow.GroupItems.getActiveGroupItem();
|
|
|
|
// Create a group
|
|
// Note: 150 x 150 should be larger than the minimum size for a group item
|
|
let firstBox = new contentWindow.Rect(80, 80, 160, 160);
|
|
let firstGroup = new contentWindow.GroupItem([], { bounds: firstBox,
|
|
immediately: true });
|
|
ok(firstGroup.getBounds().equals(firstBox), "This group got its bounds");
|
|
|
|
// Create a second group
|
|
let secondBox = new contentWindow.Rect(80, 280, 160, 160);
|
|
let secondGroup = new contentWindow.GroupItem([], { bounds: secondBox,
|
|
immediately: true });
|
|
ok(secondGroup.getBounds().equals(secondBox), "This second group got its bounds");
|
|
|
|
// A third group is created later, but multiple functions need access to it.
|
|
let thirdGroup = null;
|
|
|
|
is(secondGroup.getBounds().top - firstGroup.getBounds().bottom, 40,
|
|
"There's currently 40 px between the first group and second group");
|
|
|
|
let endGame = function() {
|
|
firstGroup.container.parentNode.removeChild(firstGroup.container);
|
|
firstGroup.close();
|
|
thirdGroup.container.parentNode.removeChild(thirdGroup.container);
|
|
thirdGroup.close();
|
|
let onTabViewHidden = function() {
|
|
window.removeEventListener("tabviewhidden", onTabViewHidden, false);
|
|
ok(!TabView.isVisible(), "TabView is shown");
|
|
finish();
|
|
};
|
|
window.addEventListener("tabviewhidden", onTabViewHidden, false);
|
|
|
|
ok(TabView.isVisible(), "TabView is shown");
|
|
|
|
gBrowser.selectedTab = originalTab;
|
|
TabView.hide();
|
|
}
|
|
|
|
let continueWithPart2 = function() {
|
|
|
|
ok(firstGroup.getBounds().equals(firstBox), "The first group should still have its bounds");
|
|
|
|
// Create a third group
|
|
let thirdBox = new contentWindow.Rect(80, 280, 200, 160);
|
|
thirdGroup = new contentWindow.GroupItem([], { bounds: thirdBox,
|
|
immediately: true });
|
|
ok(thirdGroup.getBounds().equals(thirdBox), "This third group got its bounds");
|
|
|
|
is(thirdGroup.getBounds().top - firstGroup.getBounds().bottom, 40,
|
|
"There's currently 40 px between the first group and third group");
|
|
|
|
// Just move it to the left and drop it.
|
|
checkSnap(thirdGroup, 0, 0, contentWindow, function(snapped){
|
|
ok(!snapped,"Offset: Just move it to the left and drop it");
|
|
|
|
// Move the second group up 10 px. It shouldn't snap yet.
|
|
checkSnap(thirdGroup, 0, -10, contentWindow, function(snapped){
|
|
ok(!snapped,"Offset: Moving up 10 should not snap");
|
|
|
|
// Move the second group up 10 px. It now should snap.
|
|
checkSnap(thirdGroup, 0, -10, contentWindow, function(snapped){
|
|
ok(snapped,"Offset: Moving up 10 again should snap!");
|
|
endGame();
|
|
});
|
|
});
|
|
});
|
|
};
|
|
|
|
let part1 = function() {
|
|
// Just pick it up and drop it.
|
|
checkSnap(secondGroup, 0, 0, contentWindow, function(snapped){
|
|
ok(!snapped,"Right under: Just pick it up and drop it");
|
|
|
|
// Move the second group up 10 px. It shouldn't snap yet.
|
|
checkSnap(secondGroup, 0, -10, contentWindow, function(snapped){
|
|
ok(!snapped,"Right under: Moving up 10 should not snap");
|
|
|
|
// Move the second group up 10 px. It now should snap.
|
|
checkSnap(secondGroup, 0, -10, contentWindow, function(snapped){
|
|
ok(snapped,"Right under: Moving up 10 again should snap!");
|
|
// cheat by removing the second group, so that we disappear immediately
|
|
secondGroup.container.parentNode.removeChild(secondGroup.container);
|
|
secondGroup.close();
|
|
continueWithPart2();
|
|
});
|
|
});
|
|
});
|
|
}
|
|
|
|
part1();
|
|
}
|
|
|
|
function simulateDragDrop(tabItem, offsetX, offsetY, contentWindow) {
|
|
// enter drag mode
|
|
let dataTransfer;
|
|
|
|
EventUtils.synthesizeMouse(
|
|
tabItem.container, 1, 1, { type: "mousedown" }, contentWindow);
|
|
event = contentWindow.document.createEvent("DragEvents");
|
|
event.initDragEvent(
|
|
"dragenter", true, true, contentWindow, 0, 0, 0, 0, 0,
|
|
false, false, false, false, 1, null, dataTransfer);
|
|
tabItem.container.dispatchEvent(event);
|
|
|
|
// drag over
|
|
if (offsetX || offsetY) {
|
|
let Ci = Components.interfaces;
|
|
let utils = contentWindow.QueryInterface(Ci.nsIInterfaceRequestor).
|
|
getInterface(Ci.nsIDOMWindowUtils);
|
|
let rect = tabItem.getBounds();
|
|
for (let i = 1; i <= 5; i++) {
|
|
let left = rect.left + 1 + Math.round(i * offsetX / 5);
|
|
let top = rect.top + 1 + Math.round(i * offsetY / 5);
|
|
utils.sendMouseEvent("mousemove", left, top, 0, 1, 0);
|
|
}
|
|
event = contentWindow.document.createEvent("DragEvents");
|
|
event.initDragEvent(
|
|
"dragover", true, true, contentWindow, 0, 0, 0, 0, 0,
|
|
false, false, false, false, 0, null, dataTransfer);
|
|
tabItem.container.dispatchEvent(event);
|
|
}
|
|
|
|
// drop
|
|
EventUtils.synthesizeMouse(
|
|
tabItem.container, 0, 0, { type: "mouseup" }, contentWindow);
|
|
event = contentWindow.document.createEvent("DragEvents");
|
|
event.initDragEvent(
|
|
"drop", true, true, contentWindow, 0, 0, 0, 0, 0,
|
|
false, false, false, false, 0, null, dataTransfer);
|
|
tabItem.container.dispatchEvent(event);
|
|
}
|
|
|
|
function checkSnap(item, offsetX, offsetY, contentWindow, callback) {
|
|
let firstTop = item.getBounds().top;
|
|
let firstLeft = item.getBounds().left;
|
|
let onDrop = function() {
|
|
let snapped = false;
|
|
item.container.removeEventListener('drop', onDrop, false);
|
|
if (item.getBounds().top != firstTop + offsetY)
|
|
snapped = true;
|
|
if (item.getBounds().left != firstLeft + offsetX)
|
|
snapped = true;
|
|
callback(snapped);
|
|
};
|
|
item.container.addEventListener('drop', onDrop, false);
|
|
simulateDragDrop(item, offsetX, offsetY, contentWindow);
|
|
}
|