summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/test/browser_inspector_highlighter-hover_03.js
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /devtools/client/inspector/test/browser_inspector_highlighter-hover_03.js
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'devtools/client/inspector/test/browser_inspector_highlighter-hover_03.js')
-rw-r--r--devtools/client/inspector/test/browser_inspector_highlighter-hover_03.js55
1 files changed, 55 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_highlighter-hover_03.js b/devtools/client/inspector/test/browser_inspector_highlighter-hover_03.js
new file mode 100644
index 000000000..fcd88be7f
--- /dev/null
+++ b/devtools/client/inspector/test/browser_inspector_highlighter-hover_03.js
@@ -0,0 +1,55 @@
+/* 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";
+
+// Test that once a node has been hovered over and marked as such, if it is
+// navigated away using the keyboard, the highlighter moves to the new node, and
+// if it is then navigated back to, it is briefly highlighted again
+
+const TEST_PAGE = "data:text/html;charset=utf-8," +
+ "<p id=\"one\">one</p><p id=\"two\">two</p>";
+
+add_task(function* () {
+ let {inspector} = yield openInspectorForURL(TEST_PAGE);
+
+ info("Making sure the markup-view frame is focused");
+ inspector.markup._frame.focus();
+
+ // Mock the highlighter to easily track which node gets highlighted.
+ // We don't need to test here that the highlighter is actually visible, we
+ // just care about whether the markup-view asks it to be shown
+ let highlightedNode = null;
+ inspector.toolbox._highlighter.showBoxModel = function (nodeFront) {
+ highlightedNode = nodeFront;
+ return promise.resolve();
+ };
+ inspector.toolbox._highlighter.hideBoxModel = function () {
+ return promise.resolve();
+ };
+
+ function* isHighlighting(selector, desc) {
+ let nodeFront = yield getNodeFront(selector, inspector);
+ is(highlightedNode, nodeFront, desc);
+ }
+
+ info("Hover over <p#one> line in the markup-view");
+ yield hoverContainer("#one", inspector);
+ yield isHighlighting("#one", "<p#one> is highlighted");
+
+ info("Navigate to <p#two> with the keyboard");
+ let onUpdated = inspector.once("inspector-updated");
+ EventUtils.synthesizeKey("VK_DOWN", {}, inspector.panelWin);
+ yield onUpdated;
+ onUpdated = inspector.once("inspector-updated");
+ EventUtils.synthesizeKey("VK_DOWN", {}, inspector.panelWin);
+ yield onUpdated;
+ yield isHighlighting("#two", "<p#two> is highlighted");
+
+ info("Navigate back to <p#one> with the keyboard");
+ onUpdated = inspector.once("inspector-updated");
+ EventUtils.synthesizeKey("VK_UP", {}, inspector.panelWin);
+ yield onUpdated;
+ yield isHighlighting("#one", "<p#one> is highlighted again");
+});