mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-06 09:05:45 +00:00
155 lines
4.7 KiB
JavaScript
155 lines
4.7 KiB
JavaScript
function test() {
|
|
waitForExplicitFinish();
|
|
gBrowser.selectedTab = gBrowser.addTab();
|
|
|
|
SpecialPowers.setIntPref("ui.tooltipDelay", 0);
|
|
|
|
let target;
|
|
let doc;
|
|
let win;
|
|
let callbackOnPopupShown;
|
|
let callbackOnPopupHidden;
|
|
let dragService = Components.classes["@mozilla.org/widget/dragservice;1"].
|
|
getService(Components.interfaces.nsIDragService);
|
|
|
|
let onPopupHidden = function (aEvent)
|
|
{
|
|
if (aEvent.originalTarget.localName != "tooltip") {
|
|
return;
|
|
}
|
|
if (callbackOnPopupHidden) {
|
|
setTimeout(callbackOnPopupHidden, 0);
|
|
}
|
|
}
|
|
|
|
let onPopupShown = function (aEvent)
|
|
{
|
|
if (aEvent.originalTarget.localName != "tooltip") {
|
|
return;
|
|
}
|
|
if (callbackOnPopupShown) {
|
|
setTimeout(callbackOnPopupShown, 0);
|
|
}
|
|
}
|
|
|
|
let finishTest = function ()
|
|
{
|
|
document.removeEventListener("popupshown", onPopupShown, true);
|
|
document.removeEventListener("popuphidden", onPopupHidden, true);
|
|
|
|
SpecialPowers.clearUserPref("ui.tooltipDelay");
|
|
|
|
gBrowser.removeCurrentTab();
|
|
finish();
|
|
}
|
|
|
|
let testHideTooltipByMouseDown = function ()
|
|
{
|
|
callbackOnPopupShown = function () {
|
|
callbackOnPopupShown = null;
|
|
ok(true, "tooltip is shown before testing mousedown");
|
|
|
|
// hide tooltip by mousemove to outside.
|
|
callbackOnPopupHidden = function () {
|
|
callbackOnPopupHidden = null;
|
|
ok(true, "The tooltip is hidden by mousedown");
|
|
|
|
EventUtils.synthesizeMouse(target, 5, 15, { type: "mouseup" }, win);
|
|
EventUtils.synthesizeMouse(target, -5, 15, { type: "mousemove" }, win);
|
|
|
|
setTimeout(finishTest, 0);
|
|
}
|
|
EventUtils.synthesizeMouse(target, 5, 15, { type: "mousedown" }, win);
|
|
}
|
|
EventUtils.synthesizeMouse(target, 5, 15, { type: "mousemove" }, win);
|
|
}
|
|
|
|
let testShowTooltipAgain = function ()
|
|
{
|
|
// If tooltip listener used a flag for managing D&D state, we would need
|
|
// to test if the tooltip is shown after drag.
|
|
callbackOnPopupShown = function () {
|
|
callbackOnPopupShown = null;
|
|
ok(true, "tooltip is shown after drag");
|
|
|
|
// hide tooltip by mousemove to outside.
|
|
callbackOnPopupHidden = function () {
|
|
callbackOnPopupHidden = null;
|
|
ok(true, "The tooltip is hidden again");
|
|
|
|
setTimeout(testHideTooltipByMouseDown, 0);
|
|
}
|
|
EventUtils.synthesizeMouse(target, -5, 15, { type: "mousemove" }, win);
|
|
}
|
|
EventUtils.synthesizeMouse(target, 5, 15, { type: "mousemove" }, win);
|
|
}
|
|
|
|
let testDuringDnD = function ()
|
|
{
|
|
// mousemove into the target and start drag by emulation via nsIDragService.
|
|
// Note that on some platforms, we cannot actually start the drag by
|
|
// synthesized events. E.g., Windows waits an actual mousemove event after
|
|
// dragstart.
|
|
callbackOnPopupShown = function () {
|
|
callbackOnPopupShown = null;
|
|
ok(false, "tooltip is shown during drag");
|
|
}
|
|
dragService.startDragSession();
|
|
// Emulate a buggy mousemove event. widget might dispatch mousemove event
|
|
// during drag.
|
|
EventUtils.synthesizeMouse(target, 5, 15, { type: "mousemove" }, win);
|
|
setTimeout(function () {
|
|
callbackOnPopupShown = null;
|
|
ok(true, "tooltip isn't shown during drag");
|
|
dragService.endDragSession(true);
|
|
EventUtils.synthesizeMouse(target, -5, -5, { type: "mousemove" }, win);
|
|
|
|
setTimeout(testShowTooltipAgain, 0);
|
|
}, 100);
|
|
}
|
|
|
|
let onLoad = function (aEvent)
|
|
{
|
|
doc = gBrowser.contentDocument;
|
|
win = gBrowser.contentWindow;
|
|
target = doc.getElementById("target");
|
|
|
|
document.addEventListener("popupshown", onPopupShown, true);
|
|
document.addEventListener("popuphidden", onPopupHidden, true);
|
|
|
|
EventUtils.synthesizeMouse(target, -5, -5, { type: "mousemove" }, win);
|
|
|
|
// show tooltip by mousemove into target.
|
|
callbackOnPopupShown = function ()
|
|
{
|
|
callbackOnPopupShown = null;
|
|
ok(true, "The tooltip is shown");
|
|
|
|
// hide tooltip by mousemove to outside.
|
|
callbackOnPopupHidden = function () {
|
|
callbackOnPopupHidden = null;
|
|
ok(true, "The tooltip is hidden");
|
|
|
|
setTimeout(testDuringDnD, 0);
|
|
}
|
|
EventUtils.synthesizeMouse(target, -5, 15, { type: "mousemove" }, win);
|
|
}
|
|
EventUtils.synthesizeMouse(target, 5, 15, { type: "mousemove" }, win);
|
|
}
|
|
|
|
gBrowser.selectedBrowser.addEventListener("load",
|
|
function () {
|
|
gBrowser.selectedBrowser.
|
|
removeEventListener("load", arguments.callee, true);
|
|
setTimeout(onLoad, 0);
|
|
}, true);
|
|
|
|
content.location = "data:text/html,<html><head></head><body>" +
|
|
"<a id=\"target\" href=\"about:blank\" title=\"This is tooltip text\" " +
|
|
"style=\"display:block;height:20px;margin:10px;\" " +
|
|
"onclick=\"return false;\">here is an anchor element</a></body></html>";
|
|
}
|
|
|
|
|
|
|