Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Errors
- This test gets skipped with pattern: asan
- This test failed 2 times in the preceding 30 days. quicksearch this test
- Manifest: devtools/client/webconsole/test/browser/_webconsole.toml
/* Any copyright is dedicated to the Public Domain.
// Check that users can inspect objects logged from cross-domain iframes -
"use strict";
const TEST_URI =
"test/browser/test-inspect-cross-domain-objects-top.html";
add_task(async function () {
requestLongerTimeout(2);
// ends up running out of memory. Try to work-around the problem by GCing
// before the test begins.
Cu.forceShrinkingGC();
let hud, node;
if (isFissionEnabled()) {
// When fission is enabled, we might miss the early message emitted while the target
hud = await openNewTabAndConsole(TEST_URI);
info("Wait for the 'foobar' message to be logged by the frame");
node = await waitFor(() => findConsoleAPIMessage(hud, "foobar"));
} else {
hud = await openNewTabAndConsole(
"data:text/html;charset=utf8,<!DOCTYPE html><p>hello"
);
info(
"Navigate and wait for the 'foobar' message to be logged by the frame"
);
const onMessage = waitForMessageByType(hud, "foobar", ".console-api");
await navigateTo(TEST_URI);
({ node } = await onMessage);
}
const objectInspectors = [...node.querySelectorAll(".tree")];
is(
objectInspectors.length,
3,
"There is the expected number of object inspectors"
);
const [oi1, oi2, oi3] = objectInspectors;
info("Expanding the first object inspector");
await expandObjectInspectorNode(oi1.querySelector(".tree-node"));
// The first object inspector now looks like:
// ▼ {…}
// | bug: 869003
// | hello: "world!"
// | ▶︎ <prototype>: Object { … }
const oi1Nodes = oi1.querySelectorAll(".node");
is(oi1Nodes.length, 4, "There is the expected number of nodes in the tree");
ok(oi1.textContent.includes("bug: 869003"), "Expected content");
ok(oi1.textContent.includes('hello: "world!"'), "Expected content");
info("Expanding the second object inspector");
await expandObjectInspectorNode(oi2.querySelector(".tree-node"));
// The second object inspector now looks like:
// ▼ func()
// | arguments: null
// | bug: 869003
// | caller: null
// | hello: "world!"
// | length: 1
// | name: "func"
// | ▶︎ prototype: Object { … }
// | ▶︎ <prototype>: function ()
const oi2Nodes = oi2.querySelectorAll(".node");
is(oi2Nodes.length, 9, "There is the expected number of nodes in the tree");
ok(oi2.textContent.includes("arguments: null"), "Expected content");
ok(oi2.textContent.includes("bug: 869003"), "Expected content");
ok(oi2.textContent.includes("caller: null"), "Expected content");
ok(oi2.textContent.includes('hello: "world!"'), "Expected content");
ok(oi2.textContent.includes("length: 1"), "Expected content");
ok(oi2.textContent.includes('name: "func"'), "Expected content");
info(
"Check that the logged element can be highlighted and clicked to jump to inspector"
);
const toolbox = hud.toolbox;
// Loading the inspector panel at first, to make it possible to listen for
// new node selections
await toolbox.loadTool("inspector");
const highlighter = toolbox.getHighlighter();
const elementNode = oi3.querySelector(".objectBox-node");
Assert.notStrictEqual(elementNode, null, "Node was logged as expected");
const view = node.ownerDocument.defaultView;
info("Highlight the node by moving the cursor on it");
const onNodeHighlight = highlighter.waitForHighlighterShown();
EventUtils.synthesizeMouseAtCenter(elementNode, { type: "mousemove" }, view);
const { highlighter: activeHighlighter } = await onNodeHighlight;
ok(activeHighlighter, "Highlighter is displayed");
// Move the mouse out of the node to prevent failure when test is run multiple times.
EventUtils.synthesizeMouseAtCenter(oi1, { type: "mousemove" }, view);
const openInInspectorIcon = elementNode.querySelector(".open-inspector");
Assert.notStrictEqual(
openInInspectorIcon,
null,
"There is an open in inspector icon"
);
info(
"Clicking on the inspector icon and waiting for the inspector to be selected"
);
const onNewNode = toolbox.selection.once("new-node-front");
openInInspectorIcon.click();
const inspectorSelectedNodeFront = await onNewNode;
ok(true, "Inspector selected and new node got selected");
is(inspectorSelectedNodeFront.id, "testEl", "The expected node was selected");
});