summaryrefslogtreecommitdiffstats
path: root/devtools/client/netmonitor/test/browser_net_timing-division.js
blob: 05935999a19ec2dbc308a3d5976253d90f79ea39 (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
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

/**
 * Tests if timing intervals are divided against seconds when appropriate.
 */
add_task(async function () {
  // Show only few columns, so there is enough space
  // for the waterfall.
  await pushPref(
    "devtools.netmonitor.visibleColumns",
    '["status", "contentSize", "waterfall"]'
  );

  const { tab, monitor } = await initNetMonitor(CUSTOM_GET_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));

  const wait = waitForNetworkEvents(monitor, 2);
  // Timeout needed for having enough divisions on the time scale.
  await SpecialPowers.spawn(tab.linkedBrowser, [], async function () {
    content.wrappedJSObject.performRequests(2, null, 3000);
  });
  await wait;

  const milDivs = document.querySelectorAll(
    ".requests-list-timings-division[data-division-scale=millisecond]"
  );
  const secDivs = document.querySelectorAll(
    ".requests-list-timings-division[data-division-scale=second]"
  );
  const minDivs = document.querySelectorAll(
    ".requests-list-timings-division[data-division-scale=minute]"
  );

  info("Number of millisecond divisions: " + milDivs.length);
  info("Number of second divisions: " + secDivs.length);
  info("Number of minute divisions: " + minDivs.length);

  milDivs.forEach(div => info(`Millisecond division: ${div.textContent}`));
  secDivs.forEach(div => info(`Second division: ${div.textContent}`));
  minDivs.forEach(div => info(`Minute division: ${div.textContent}`));

  is(
    store.getState().requests.requests.length,
    2,
    "There should be only two requests made."
  );

  ok(
    secDivs.length,
    "There should be at least one division on the seconds time scale."
  );
  ok(
    secDivs[0].textContent.match(/\d+\.\d{2}\s\w+/),
    "The division on the seconds time scale looks legit."
  );

  return teardown(monitor);
});