summaryrefslogtreecommitdiffstats
path: root/devtools/client/netmonitor/test/browser_net_html-preview.js
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/client/netmonitor/test/browser_net_html-preview.js')
-rw-r--r--devtools/client/netmonitor/test/browser_net_html-preview.js176
1 files changed, 176 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/test/browser_net_html-preview.js b/devtools/client/netmonitor/test/browser_net_html-preview.js
new file mode 100644
index 0000000000..873c712105
--- /dev/null
+++ b/devtools/client/netmonitor/test/browser_net_html-preview.js
@@ -0,0 +1,176 @@
+/* Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+/**
+ * Tests if different response content types are handled correctly.
+ */
+
+const httpServer = createTestHTTPServer();
+httpServer.registerContentType("html", "text/html");
+
+const BASE_URL = `http://localhost:${httpServer.identity.primaryPort}/`;
+
+const REDIRECT_URL = BASE_URL + "redirect.html";
+
+// In all content previewed as HTML we ensure using proper html, head and body in order to
+// prevent having them added by the <browser> when loaded as a preview.
+function addBaseHtmlElements(body) {
+ return `<html><head></head><body>${body}</body></html>`;
+}
+
+// This first page asserts we can redirect to another URL, even if JS happen to be executed
+const FETCH_CONTENT_1 = addBaseHtmlElements(
+ `Fetch 1<script>window.parent.location.href = "${REDIRECT_URL}";</script>`
+);
+// This second page asserts that JS is disabled
+const FETCH_CONTENT_2 = addBaseHtmlElements(
+ `Fetch 2<script>document.write("JS activated")</script>`
+);
+// This third page asserts that links and forms are disabled
+const FETCH_CONTENT_3 = addBaseHtmlElements(
+ `Fetch 3<a href="${REDIRECT_URL}">link</a> -- <form action="${REDIRECT_URL}"><input type="submit"></form>`
+);
+// This fourth page asserts responses with line breaks
+const FETCH_CONTENT_4 = addBaseHtmlElements(`
+ <a href="#" id="link1">link1</a>
+ <a href="#" id="link2">link2</a>
+`);
+
+// Use fetch in order to prevent actually running this code in the test page
+const TEST_HTML = addBaseHtmlElements(`<div id="to-copy">HTML</div><script>
+ fetch("${BASE_URL}fetch-1.html");
+ fetch("${BASE_URL}fetch-2.html");
+ fetch("${BASE_URL}fetch-3.html");
+ fetch("${BASE_URL}fetch-4.html");
+</script>`);
+const TEST_URL = BASE_URL + "doc-html-preview.html";
+
+httpServer.registerPathHandler(
+ "/doc-html-preview.html",
+ (request, response) => {
+ response.setStatusLine(request.httpVersion, 200, "OK");
+ response.write(TEST_HTML);
+ }
+);
+httpServer.registerPathHandler("/fetch-1.html", (request, response) => {
+ response.setStatusLine(request.httpVersion, 200, "OK");
+ response.write(FETCH_CONTENT_1);
+});
+httpServer.registerPathHandler("/fetch-2.html", (request, response) => {
+ response.setStatusLine(request.httpVersion, 200, "OK");
+ response.write(FETCH_CONTENT_2);
+});
+httpServer.registerPathHandler("/fetch-3.html", (request, response) => {
+ response.setStatusLine(request.httpVersion, 200, "OK");
+ response.write(FETCH_CONTENT_3);
+});
+httpServer.registerPathHandler("/fetch-4.html", (request, response) => {
+ response.setStatusLine(request.httpVersion, 200, "OK");
+ response.write(FETCH_CONTENT_4);
+});
+httpServer.registerPathHandler("/redirect.html", (request, response) => {
+ response.setStatusLine(request.httpVersion, 200, "OK");
+ response.write("Redirected!");
+});
+
+add_task(async function () {
+ // Enable async events so that clicks on preview iframe's links are correctly
+ // going through the parent process which is meant to cancel any mousedown.
+ await pushPref("test.events.async.enabled", true);
+
+ const { monitor } = await initNetMonitor(TEST_URL, { requestCount: 3 });
+ info("Starting test... ");
+
+ const { document, store, windowRequire } = monitor.panelWin;
+ const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
+
+ store.dispatch(Actions.batchEnable(false));
+
+ const onNetworkEvent = waitForNetworkEvents(monitor, 3);
+ await reloadBrowser();
+ await onNetworkEvent;
+
+ // The new lines are stripped when using outerHTML to retrieve HTML content of the preview iframe
+ await selectIndexAndWaitForHtmlView(0, TEST_HTML);
+ await selectIndexAndWaitForHtmlView(1, FETCH_CONTENT_1);
+ await selectIndexAndWaitForHtmlView(2, FETCH_CONTENT_2);
+ await selectIndexAndWaitForHtmlView(3, FETCH_CONTENT_3);
+ await selectIndexAndWaitForHtmlView(4, FETCH_CONTENT_4);
+
+ await teardown(monitor);
+
+ async function selectIndexAndWaitForHtmlView(index, expectedHtmlPreview) {
+ info(`Select the request #${index}`);
+ const onResponseContent = monitor.panelWin.api.once(
+ TEST_EVENTS.RECEIVED_RESPONSE_CONTENT
+ );
+ store.dispatch(Actions.selectRequestByIndex(index));
+
+ info("Open the Response tab");
+ document.querySelector("#response-tab").click();
+
+ const [iframe] = await waitForDOM(
+ document,
+ "#response-panel .html-preview iframe"
+ );
+
+ // <xul:iframe type=content remote=true> don't emit "load" event.
+ // And SpecialPowsers.spawn throws if kept running during a page load.
+ // So poll for the end of the iframe load...
+ await waitFor(async () => {
+ // Note that if spawn executes early, the iframe may not yet be loading
+ // and would throw for the reason mentioned in previous comment.
+ try {
+ const rv = await SpecialPowers.spawn(iframe.browsingContext, [], () => {
+ return content.document.readyState == "complete";
+ });
+ return rv;
+ } catch (e) {
+ return false;
+ }
+ });
+
+ info("Wait for response content to be loaded");
+ await onResponseContent;
+
+ is(
+ iframe.browsingContext.currentWindowGlobal.isInProcess,
+ false,
+ "The preview is loaded in a content process"
+ );
+
+ await SpecialPowers.spawn(
+ iframe.browsingContext,
+ [expectedHtmlPreview],
+ async function (expectedHtml) {
+ is(
+ content.document.documentElement.outerHTML,
+ expectedHtml,
+ "The text shown in the iframe is incorrect for the html request."
+ );
+ }
+ );
+
+ // Only assert copy to clipboard on the first test page
+ if (expectedHtmlPreview == TEST_HTML) {
+ await waitForClipboardPromise(async function () {
+ await SpecialPowers.spawn(
+ iframe.browsingContext,
+ [],
+ async function () {
+ const elt = content.document.getElementById("to-copy");
+ EventUtils.synthesizeMouseAtCenter(elt, { clickCount: 2 }, content);
+ await new Promise(r =>
+ elt.addEventListener("dblclick", r, { once: true })
+ );
+ EventUtils.synthesizeKey("c", { accelKey: true }, content);
+ }
+ );
+ }, "HTML");
+ }
+
+ return iframe;
+ }
+});