Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* 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
"use strict";
// Test that the evaluation context selector reacts as expected when using the Toolbox
// iframe picker.
<html>
<h1>example.com</h1>
</html>
`)}`;
add_task(async function () {
// Enable the context selector and the frames button.
await pushPref("devtools.webconsole.input.context", true);
await pushPref("devtools.command-button-frames.enabled", true);
const hud = await openNewTabAndConsole(TEST_URI);
info("Wait until the iframe picker button is displayed");
try {
await waitFor(() => getFramesButton(hud.toolbox));
ok(
!isFissionEnabled() || isEveryFrameTargetEnabled(),
"iframe picker should only display remote frames when EFT is enabled"
);
} catch (e) {
if (isFissionEnabled() && !isEveryFrameTargetEnabled()) {
ok(true, "iframe picker displays remote frames only when EFT is enabled");
return;
}
throw e;
}
const evaluationContextSelectorButton = hud.ui.outputNode.querySelector(
".webconsole-evaluation-selector-button"
);
await executeAndWaitForResultMessage(
hud,
"document.location.host",
`"example.com"`
);
ok(true, "The expression was evaluated in the example.com document.");
info("Select the example.org iframe");
try {
await waitFor(() =>
evaluationContextSelectorButton.innerText.includes("example.org")
);
if (!isEveryFrameTargetEnabled()) {
todo(
true,
"context selector should only reacts to iframe picker when EFT is enabled"
);
return;
}
} catch (e) {
if (!isEveryFrameTargetEnabled()) {
todo(
false,
"context selector only reacts to iframe picker when EFT is enabled"
);
return;
}
throw e;
}
ok(true, "The context was set to the example.org document");
await executeAndWaitForResultMessage(
hud,
"document.location.host",
`"example.org"`
);
ok(true, "The expression was evaluated in the example.org document.");
info("Select the example.net iframe");
await waitFor(() =>
evaluationContextSelectorButton.innerText.includes("example.net")
);
ok(true, "The context was set to the example.net document");
await executeAndWaitForResultMessage(
hud,
"document.location.host",
`"example.net"`
);
ok(true, "The expression was evaluated in the example.net document.");
info("Select the Top frame");
await waitFor(() =>
evaluationContextSelectorButton.innerText.includes("Top")
);
ok(true, "The context was set to the example.com document");
await executeAndWaitForResultMessage(
hud,
"document.location.host",
`"example.com"`
);
ok(true, "The expression was evaluated in the example.com document.");
});
function getFramesButton(toolbox) {
return toolbox.doc.getElementById("command-button-frames");
}
function selectFrameInIframePicker(toolbox, host) {
const commandItem = Array.from(
toolbox.doc.querySelectorAll("#toolbox-frame-menu .command .label")
).find(label => label.textContent.startsWith(host));
if (!commandItem) {
throw new Error(`Couldn't find any frame starting with "${host}"`);
}
commandItem.click();
}