browser_net_json-xssi-protection.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

/**

 * Tests if JSON responses and requests with XSSI protection sequences

 * are handled correctly.

*/

add_task(async function () {

  const { tab, monitor } = await initNetMonitor(JSON_XSSI_PROTECTION_URL, {

    requestCount: 1,

});

  info("Starting test... ");

  const { document, store, windowRequire } = monitor.panelWin;

  const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");

  store.dispatch(Actions.batchEnable(false));

  // Execute requests.

  await performRequests(monitor, tab, 1);

  const wait = waitForDOM(document, "#response-panel .data-header");

  const waitForRawView = waitForDOM(

    document,

    "#response-panel .CodeMirror-code",

);

  store.dispatch(Actions.toggleNetworkDetails());

  info("Opening response panel");

  clickOnSidebarTab(document, "response");

  await Promise.all([wait, waitForRawView]);

  info(

    "making sure response panel defaults to raw view and correctly displays payload"

);

  const codeLines = document.querySelector("#response-panel .CodeMirror-code");

  const firstLine = codeLines.firstChild;

  const firstLineText = firstLine.querySelector("pre.CodeMirror-line span");

is(

    firstLineText.textContent,

    ")]}'",

    "XSSI protection sequence should be visibly in raw view"

);

  info("making sure XSSI notification box is not present in raw view");

  let notification = document.querySelector(

    '.network-monitor #response-panel .notification[data-key="xssi-string-removed-info-box"]'

);

  ok(!notification, "notification should not be present in raw view");

  const waitForPropsView = waitForDOM(

    document,

    "#response-panel .properties-view",

);

  info("switching to props view");

  const tabpanel = document.querySelector("#response-panel");

  const rawResponseToggle = tabpanel.querySelector("#raw-response-checkbox");

  clickElement(rawResponseToggle, monitor);

  await waitForPropsView;

is(

    tabpanel.querySelectorAll(".treeRow").length,

1,

    "There should be 1 json property displayed in the response."

);

  const labels = tabpanel.querySelectorAll("tr .treeLabelCell .treeLabel");

  const values = tabpanel.querySelectorAll("tr .treeValueCell .objectBox");

  info("Checking content of displayed json response");

  is(labels[0].textContent, "greeting", "The first key should be correct");

is(

    values[0].textContent,

    `"Hello good XSSI protection"`,

    "The first property should be correct"

);

  info("making sure notification box is present and correct in props view");

  notification = document.querySelector(

    '.network-monitor #response-panel .notification[data-key="xssi-string-removed-info-box"] .notificationInner .messageText'

);

is(

    notification.textContent,

    "The string “)]}'\n” was removed from the beginning of the JSON shown below",

    "The notification message is correct"

);

  await teardown(monitor);

});