browser_styleeditor_fetch-from-netmonitor.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

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

"use strict";

// A test to ensure Style Editor only issues 1 request for each stylesheet (instead of 2)

// by using the cache on the platform.

const EMPTY_TEST_URL = TEST_BASE_HTTPS + "doc_empty.html";

const TEST_URL = TEST_BASE_HTTPS + "doc_fetch_from_netmonitor.html";

add_task(async function () {

  info("Opening netmonitor");

  // Navigate first to an empty document in order to:

  // * avoid introducing a cross process navigation when calling navigateTo()

  // * properly wait for request updates when calling navigateTo, while showToolbox

  //   won't necessarily wait for all pending requests. (If we were loading TEST_URL

  //   in the tab, we might have pending updates in the netmonitor which won't be

  //   awaited for by showToolbox)

  const tab = await addTab(EMPTY_TEST_URL);

  const toolbox = await gDevTools.showToolboxForTab(tab, {

    toolId: "netmonitor",

});

  const monitor = toolbox.getPanel("netmonitor");

  const { store, windowRequire } = monitor.panelWin;

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

  const { getSortedRequests } = windowRequire(

    "devtools/client/netmonitor/src/selectors/index"

);

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

  info("Navigating to test page");

  await navigateTo(TEST_URL);

  info("Opening Style Editor");

  const styleeditor = await toolbox.selectTool("styleeditor");

  const ui = styleeditor.UI;

  info("Waiting for the sources to be loaded.");

  await ui.editors[0].getSourceEditor();

  await ui.selectStyleSheet(ui.editors[1].styleSheet);

  await ui.editors[1].getSourceEditor();

  // Wait till there is 4 requests in Netmonitor store.

  await waitUntil(() => getSortedRequests(store.getState()).length == 4);

  info("Checking Netmonitor contents.");

  const shortRequests = [];

  const longRequests = [];

  const hugeRequests = [];

  for (const item of getSortedRequests(store.getState())) {

    if (item.url.endsWith("doc_short_string.css")) {

      shortRequests.push(item);

    if (item.url.endsWith("doc_long_string.css")) {

      longRequests.push(item);

    if (item.url.endsWith("sjs_huge-css-server.sjs")) {

      hugeRequests.push(item);

is(

    shortRequests.length,

1,

    "Got one request for doc_short_string.css after Style Editor was loaded."

);

is(

    longRequests.length,

1,

    "Got one request for doc_long_string.css after Style Editor was loaded."

);

is(

    hugeRequests.length,

1,

    "Got one requests for sjs_huge-css-server.sjs after Style Editor was loaded."

);

});