mirror of
https://github.com/classilla/tenfourfox.git
synced 2024-07-04 19:29:55 +00:00
75 lines
2.9 KiB
JavaScript
75 lines
2.9 KiB
JavaScript
/* 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";
|
|
|
|
// Test frame selection switching at toolbox level
|
|
// when using the inspector
|
|
|
|
const FrameURL = "data:text/html;charset=UTF-8," +
|
|
encodeURI("<div id=\"frame\">frame</div>");
|
|
const URL = "data:text/html;charset=UTF-8," +
|
|
encodeURI("<iframe src=\"" + FrameURL + "\"></iframe><div id=\"top\">top</div>");
|
|
|
|
add_task(function*() {
|
|
Services.prefs.setBoolPref("devtools.command-button-frames.enabled", true);
|
|
|
|
let {inspector, toolbox, testActor} = yield openInspectorForURL(URL);
|
|
|
|
// Verify we are on the top level document
|
|
ok((yield testActor.hasNode("#top")), "We have the test node on the top level document");
|
|
|
|
assertMarkupViewIsLoaded(inspector);
|
|
|
|
// Verify that the frame list button is visible and populated
|
|
let btn = toolbox.doc.getElementById("command-button-frames");
|
|
ok(!btn.firstChild.getAttribute("hidden"), "The frame list button is visible");
|
|
let frameBtns = Array.slice(btn.firstChild.querySelectorAll("[data-window-id]"));
|
|
is(frameBtns.length, 2, "We have both frames in the list");
|
|
frameBtns.sort(function (a, b) {
|
|
return a.getAttribute("label").localeCompare(b.getAttribute("label"));
|
|
});
|
|
is(frameBtns[0].getAttribute("label"), FrameURL, "Got top level document in the list");
|
|
is(frameBtns[1].getAttribute("label"), URL, "Got iframe document in the list");
|
|
|
|
// Listen to will-navigate to check if the view is empty
|
|
let willNavigate = toolbox.target.once("will-navigate").then(() => {
|
|
info("Navigation to the iframe has started, the inspector should be empty");
|
|
assertMarkupViewIsEmpty(inspector);
|
|
});
|
|
|
|
// Only select the iframe after we are able to select an element from the top
|
|
// level document.
|
|
let newRoot = inspector.once("new-root");
|
|
yield selectNode("#top", inspector);
|
|
info("Select the iframe");
|
|
frameBtns[0].click();
|
|
|
|
yield willNavigate;
|
|
yield newRoot;
|
|
|
|
info("Navigation to the iframe is done, the inspector should be back up");
|
|
|
|
// Verify we are on page one
|
|
ok(!(yield testActor.hasNode("iframe")), "We not longer have access to the top frame elements");
|
|
ok((yield testActor.hasNode("#frame")), "But now have direct access to the iframe elements");
|
|
|
|
// On page 2 load, verify we have the right content
|
|
assertMarkupViewIsLoaded(inspector);
|
|
|
|
yield selectNode("#frame", inspector);
|
|
|
|
Services.prefs.clearUserPref("devtools.command-button-frames.enabled");
|
|
});
|
|
|
|
function assertMarkupViewIsLoaded(inspector) {
|
|
let markupViewBox = inspector.panelDoc.getElementById("markup-box");
|
|
is(markupViewBox.childNodes.length, 1, "The markup-view is loaded");
|
|
}
|
|
|
|
function assertMarkupViewIsEmpty(inspector) {
|
|
let markupViewBox = inspector.panelDoc.getElementById("markup-box");
|
|
is(markupViewBox.childNodes.length, 0, "The markup-view is unloaded");
|
|
}
|