mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-09-05 15:28:39 +09:00
import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo
This commit is contained in:
Roy Tam
commit
dcd9973243
150858 changed files with 23884658 additions and 0 deletions
|
|
@ -0,0 +1,228 @@
|
|||
/* vim: set ts=2 et sw=2 tw=80: */
|
||||
/* Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/ */
|
||||
|
||||
"use strict";
|
||||
|
||||
// Tests that keyboard interaction works fine with the tree widget
|
||||
|
||||
const TEST_URI = "data:text/html;charset=utf-8,<head>" +
|
||||
"<link rel='stylesheet' type='text/css' href='chrome://devtools/skin/widg" +
|
||||
"ets.css'></head><body><div></div><span></span></body>";
|
||||
const {TreeWidget} = require("devtools/client/shared/widgets/TreeWidget");
|
||||
|
||||
add_task(function* () {
|
||||
yield addTab("about:blank");
|
||||
let [host, win, doc] = yield createHost("bottom", TEST_URI);
|
||||
|
||||
let tree = new TreeWidget(doc.querySelector("div"), {
|
||||
defaultType: "store"
|
||||
});
|
||||
|
||||
populateTree(tree, doc);
|
||||
yield testKeyboardInteraction(tree, win);
|
||||
|
||||
tree.destroy();
|
||||
host.destroy();
|
||||
gBrowser.removeCurrentTab();
|
||||
});
|
||||
|
||||
function populateTree(tree, doc) {
|
||||
tree.add([{
|
||||
id: "level1",
|
||||
label: "Level 1"
|
||||
}, {
|
||||
id: "level2-1",
|
||||
label: "Level 2"
|
||||
}, {
|
||||
id: "level3-1",
|
||||
label: "Level 3 - Child 1",
|
||||
type: "dir"
|
||||
}]);
|
||||
tree.add(["level1", "level2-1", { id: "level3-2", label: "Level 3 - Child 2"}]);
|
||||
tree.add(["level1", "level2-1", { id: "level3-3", label: "Level 3 - Child 3"}]);
|
||||
tree.add(["level1", {
|
||||
id: "level2-2",
|
||||
label: "Level 2.1"
|
||||
}, {
|
||||
id: "level3-1",
|
||||
label: "Level 3.1"
|
||||
}]);
|
||||
tree.add([{
|
||||
id: "level1",
|
||||
label: "Level 1"
|
||||
}, {
|
||||
id: "level2",
|
||||
label: "Level 2"
|
||||
}, {
|
||||
id: "level3",
|
||||
label: "Level 3",
|
||||
type: "js"
|
||||
}]);
|
||||
tree.add(["level1.1", "level2", {id: "level3", type: "url"}]);
|
||||
|
||||
// Adding a new non text item in the tree.
|
||||
let node = doc.createElement("div");
|
||||
node.textContent = "Foo Bar";
|
||||
node.className = "foo bar";
|
||||
tree.add([{
|
||||
id: "level1.2",
|
||||
node: node,
|
||||
attachment: {
|
||||
foo: "bar"
|
||||
}
|
||||
}]);
|
||||
}
|
||||
|
||||
// Sends a click event on the passed DOM node in an async manner
|
||||
function click(node) {
|
||||
let win = node.ownerDocument.defaultView;
|
||||
executeSoon(() => EventUtils.synthesizeMouseAtCenter(node, {}, win));
|
||||
}
|
||||
|
||||
/**
|
||||
* Tests if pressing navigation keys on the tree items does the expected behavior
|
||||
*/
|
||||
function* testKeyboardInteraction(tree, win) {
|
||||
info("Testing keyboard interaction with the tree");
|
||||
let event;
|
||||
let pass = (e, d, a) => event.resolve([e, d, a]);
|
||||
|
||||
info("clicking on first top level item");
|
||||
let node = tree.root.children.firstChild.firstChild;
|
||||
event = defer();
|
||||
tree.once("select", pass);
|
||||
click(node);
|
||||
yield event.promise;
|
||||
node = tree.root.children.firstChild.nextSibling.firstChild;
|
||||
// node should not have selected class
|
||||
ok(!node.classList.contains("theme-selected"), "Node should not have selected class");
|
||||
ok(!node.hasAttribute("expanded"), "Node is not expanded");
|
||||
|
||||
info("Pressing down key to select next item");
|
||||
event = defer();
|
||||
tree.once("select", pass);
|
||||
EventUtils.sendKey("DOWN", win);
|
||||
let [name, data, attachment] = yield event.promise;
|
||||
is(name, "select", "Select event was fired after pressing down");
|
||||
is(data[0], "level1", "Correct item was selected after pressing down");
|
||||
ok(!attachment, "null attachment was emitted");
|
||||
ok(node.classList.contains("theme-selected"), "Node has selected class");
|
||||
ok(node.hasAttribute("expanded"), "Node is expanded now");
|
||||
|
||||
info("Pressing down key again to select next item");
|
||||
event = defer();
|
||||
tree.once("select", pass);
|
||||
EventUtils.sendKey("DOWN", win);
|
||||
[name, data, attachment] = yield event.promise;
|
||||
is(data.length, 2, "Correct level item was selected after second down keypress");
|
||||
is(data[0], "level1", "Correct parent level");
|
||||
is(data[1], "level2", "Correct second level");
|
||||
|
||||
info("Pressing down key again to select next item");
|
||||
event = defer();
|
||||
tree.once("select", pass);
|
||||
EventUtils.sendKey("DOWN", win);
|
||||
[name, data, attachment] = yield event.promise;
|
||||
is(data.length, 3, "Correct level item was selected after third down keypress");
|
||||
is(data[0], "level1", "Correct parent level");
|
||||
is(data[1], "level2", "Correct second level");
|
||||
is(data[2], "level3", "Correct third level");
|
||||
|
||||
info("Pressing down key again to select next item");
|
||||
event = defer();
|
||||
tree.once("select", pass);
|
||||
EventUtils.sendKey("DOWN", win);
|
||||
[name, data, attachment] = yield event.promise;
|
||||
is(data.length, 2, "Correct level item was selected after fourth down keypress");
|
||||
is(data[0], "level1", "Correct parent level");
|
||||
is(data[1], "level2-1", "Correct second level");
|
||||
|
||||
// pressing left to check expand collapse feature.
|
||||
// This does not emit any event, so listening for keypress
|
||||
tree.root.children.addEventListener("keypress", function onClick() {
|
||||
tree.root.children.removeEventListener("keypress", onClick);
|
||||
// executeSoon so that other listeners on the same method are executed first
|
||||
executeSoon(() => event.resolve(null));
|
||||
});
|
||||
info("Pressing left key to collapse the item");
|
||||
event = defer();
|
||||
node = tree._selectedLabel;
|
||||
ok(node.hasAttribute("expanded"), "Item is expanded before left keypress");
|
||||
EventUtils.sendKey("LEFT", win);
|
||||
yield event.promise;
|
||||
|
||||
ok(!node.hasAttribute("expanded"), "Item is not expanded after left keypress");
|
||||
|
||||
// pressing left on collapsed item should select the previous item
|
||||
|
||||
info("Pressing left key on collapsed item to select previous");
|
||||
tree.once("select", pass);
|
||||
event = defer();
|
||||
// parent node should have no effect of this keypress
|
||||
node = tree.root.children.firstChild.nextSibling.firstChild;
|
||||
ok(node.hasAttribute("expanded"), "Parent is expanded");
|
||||
EventUtils.sendKey("LEFT", win);
|
||||
[name, data] = yield event.promise;
|
||||
is(data.length, 3, "Correct level item was selected after second left keypress");
|
||||
is(data[0], "level1", "Correct parent level");
|
||||
is(data[1], "level2", "Correct second level");
|
||||
is(data[2], "level3", "Correct third level");
|
||||
ok(node.hasAttribute("expanded"), "Parent is still expanded after left keypress");
|
||||
|
||||
// pressing down again
|
||||
|
||||
info("Pressing down key to select next item");
|
||||
event = defer();
|
||||
tree.once("select", pass);
|
||||
EventUtils.sendKey("DOWN", win);
|
||||
[name, data, attachment] = yield event.promise;
|
||||
is(data.length, 2, "Correct level item was selected after fifth down keypress");
|
||||
is(data[0], "level1", "Correct parent level");
|
||||
is(data[1], "level2-1", "Correct second level");
|
||||
|
||||
// collapsing the item to check expand feature.
|
||||
|
||||
tree.root.children.addEventListener("keypress", function onClick() {
|
||||
tree.root.children.removeEventListener("keypress", onClick);
|
||||
executeSoon(() => event.resolve(null));
|
||||
});
|
||||
info("Pressing left key to collapse the item");
|
||||
event = defer();
|
||||
node = tree._selectedLabel;
|
||||
ok(node.hasAttribute("expanded"), "Item is expanded before left keypress");
|
||||
EventUtils.sendKey("LEFT", win);
|
||||
yield event.promise;
|
||||
ok(!node.hasAttribute("expanded"), "Item is collapsed after left keypress");
|
||||
|
||||
// pressing right should expand this now.
|
||||
|
||||
tree.root.children.addEventListener("keypress", function onClick() {
|
||||
tree.root.children.removeEventListener("keypress", onClick);
|
||||
executeSoon(() => event.resolve(null));
|
||||
});
|
||||
info("Pressing right key to expend the collapsed item");
|
||||
event = defer();
|
||||
node = tree._selectedLabel;
|
||||
ok(!node.hasAttribute("expanded"), "Item is collapsed before right keypress");
|
||||
EventUtils.sendKey("RIGHT", win);
|
||||
yield event.promise;
|
||||
ok(node.hasAttribute("expanded"), "Item is expanded after right keypress");
|
||||
|
||||
// selecting last item node to test edge navigation case
|
||||
|
||||
tree.selectedItem = ["level1.1", "level2", "level3"];
|
||||
node = tree._selectedLabel;
|
||||
// pressing down again should not change selection
|
||||
event = defer();
|
||||
tree.root.children.addEventListener("keypress", function onClick() {
|
||||
tree.root.children.removeEventListener("keypress", onClick);
|
||||
executeSoon(() => event.resolve(null));
|
||||
});
|
||||
info("Pressing down key on last item of the tree");
|
||||
EventUtils.sendKey("DOWN", win);
|
||||
yield event.promise;
|
||||
|
||||
ok(tree.isSelected(["level1.1", "level2", "level3"]),
|
||||
"Last item is still selected after pressing down on last item of the tree");
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue