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

"use strict";

/**
 * Tests if the statistics view is populated correctly.
 */

add_task(function* () {
  let { monitor } = yield initNetMonitor(STATISTICS_URL);
  info("Starting test... ");

  let panel = monitor.panelWin;
  let { $, $all, EVENTS, NetMonitorView } = panel;
  is(NetMonitorView.currentFrontendMode, "network-inspector-view",
    "The initial frontend mode is correct.");

  is($("#primed-cache-chart").childNodes.length, 0,
    "There should be no primed cache chart created yet.");
  is($("#empty-cache-chart").childNodes.length, 0,
    "There should be no empty cache chart created yet.");

  let onChartDisplayed = Promise.all([
    panel.once(EVENTS.PRIMED_CACHE_CHART_DISPLAYED),
    panel.once(EVENTS.EMPTY_CACHE_CHART_DISPLAYED)
  ]);
  let onPlaceholderDisplayed = panel.once(EVENTS.PLACEHOLDER_CHARTS_DISPLAYED);

  info("Displaying statistics view");
  NetMonitorView.toggleFrontendMode();
  is(NetMonitorView.currentFrontendMode, "network-statistics-view",
    "The current frontend mode is correct.");

  info("Waiting for placeholder to display");
  yield onPlaceholderDisplayed;
  is($("#primed-cache-chart").childNodes.length, 1,
    "There should be a placeholder primed cache chart created now.");
  is($("#empty-cache-chart").childNodes.length, 1,
    "There should be a placeholder empty cache chart created now.");

  is($all(".pie-chart-container[placeholder=true]").length, 2,
    "Two placeholder pie chart appear to be rendered correctly.");
  is($all(".table-chart-container[placeholder=true]").length, 2,
    "Two placeholder table chart appear to be rendered correctly.");

  info("Waiting for chart to display");
  yield onChartDisplayed;
  is($("#primed-cache-chart").childNodes.length, 1,
    "There should be a real primed cache chart created now.");
  is($("#empty-cache-chart").childNodes.length, 1,
    "There should be a real empty cache chart created now.");

  yield waitUntil(
    () => $all(".pie-chart-container:not([placeholder=true])").length == 2);
  ok(true, "Two real pie charts appear to be rendered correctly.");

  yield waitUntil(
    () => $all(".table-chart-container:not([placeholder=true])").length == 2);
  ok(true, "Two real table charts appear to be rendered correctly.");

  yield teardown(monitor);
});