summaryrefslogtreecommitdiffstats
path: root/devtools/client/netmonitor/test/browser_net_column_slow-request-indicator.js
blob: 368873c3c6c116a117dcc239c6792ffade9e3acb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
/* 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);
});