summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/test/browser_inspector_infobar_textnode.js
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--devtools/client/inspector/test/browser_inspector_infobar_textnode.js53
1 files changed, 53 insertions, 0 deletions
diff --git a/devtools/client/inspector/test/browser_inspector_infobar_textnode.js b/devtools/client/inspector/test/browser_inspector_infobar_textnode.js
new file mode 100644
index 0000000000..b02cee6819
--- /dev/null
+++ b/devtools/client/inspector/test/browser_inspector_infobar_textnode.js
@@ -0,0 +1,53 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+// Bug 1309212 - Make sure info-bar is displayed with dimensions for text nodes.
+
+const TEST_URI = URL_ROOT + "doc_inspector_infobar_textnode.html";
+
+add_task(async function () {
+ const { inspector, highlighterTestFront } = await openInspectorForURL(
+ TEST_URI
+ );
+ const { walker } = inspector;
+
+ info("Retrieve the children of #textnode-container");
+ const div = await walker.querySelector(
+ walker.rootNode,
+ "#textnode-container"
+ );
+ const { nodes } = await inspector.walker.children(div);
+
+ // Children 0, 2 and 4 are text nodes, for which we expect to see an infobar containing
+ // dimensions.
+
+ // Regular text node.
+ info("Select the first text node");
+ await selectNode(nodes[0], inspector, "test-highlight");
+ await checkTextNodeInfoBar(highlighterTestFront);
+
+ // Whitespace-only text node.
+ info("Select the second text node");
+ await selectNode(nodes[2], inspector, "test-highlight");
+ await checkTextNodeInfoBar(highlighterTestFront);
+
+ // Regular text node.
+ info("Select the third text node");
+ await selectNode(nodes[4], inspector, "test-highlight");
+ await checkTextNodeInfoBar(highlighterTestFront);
+});
+
+async function checkTextNodeInfoBar(highlighterTestFront) {
+ const tag = await highlighterTestFront.getHighlighterNodeTextContent(
+ "box-model-infobar-tagname"
+ );
+ is(tag, "#text", "node display name is #text");
+ const dims = await highlighterTestFront.getHighlighterNodeTextContent(
+ "box-model-infobar-dimensions"
+ );
+ // Do not assert dimensions as they might be platform specific.
+ ok(!!dims, "node has dims");
+}