browser_net_column_slow-request-indicator.js

Enable keyboard shortcuts

/* Any copyright is dedicated to the Public Domain.

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

"use strict";

/**

 * Tests that the slow request indicator is visible for slow requests.

*/

add_task(async function () {

  // The script sjs_slow-script-server.sjs takes about 2s which is

  // definately above the slow threshold set here.

  const SLOW_THRESHOLD = 450;

  Services.prefs.setIntPref("devtools.netmonitor.audits.slow", SLOW_THRESHOLD);

  const { monitor } = await initNetMonitor(SLOW_REQUESTS_URL, {

    requestCount: 2,

});

  info("Starting test... ");

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

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

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

  const wait = waitForNetworkEvents(monitor, 2);

  await reloadBrowser();

  await wait;

  const requestList = document.querySelectorAll(

    ".network-monitor .request-list-item"

);

  info("Checking the html document request");

is(

    requestList[0].querySelector(".requests-list-file div:first-child")

      .textContent,

    "html_slow-requests-test-page.html",

    "The html document is the first request"

);

is(

    !!requestList[0].querySelector(".requests-list-slow-button"),

    false,

    "The request is not slow"

);

  info("Checking the slow script request");

is(

    requestList[1].querySelector(".requests-list-file div:first-child")

      .textContent,

    "sjs_slow-script-server.sjs",

    "The slow test script is the second request"

);

is(

    !!requestList[1].querySelector(".requests-list-slow-button"),

    true,

    "The request is slow"

);

is(

    requestList[1]

      .querySelector(".requests-list-slow-button")

      .title.includes(`The recommended limit is ${SLOW_THRESHOLD} ms.`),

    true,

    "The tooltip text is correct"

);

  return teardown(monitor);

});