summaryrefslogtreecommitdiffstats
path: root/devtools/client/performance/test/browser_perf-calltree-js-columns.js
blob: 8fd330c36b67cf48470fcb3c82f90b72d9fd2bc6 (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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";

/**
 * Tests that the js call tree view renders the correct columns.
 */

const { SIMPLE_URL } = require("devtools/client/performance/test/helpers/urls");
const {
  UI_SHOW_PLATFORM_DATA_PREF,
} = require("devtools/client/performance/test/helpers/prefs");
const {
  initPerformanceInNewTab,
  teardownToolboxAndRemoveTab,
} = require("devtools/client/performance/test/helpers/panel-utils");
const {
  startRecording,
  stopRecording,
} = require("devtools/client/performance/test/helpers/actions");
const {
  busyWait,
} = require("devtools/client/performance/test/helpers/wait-utils");
const {
  once,
} = require("devtools/client/performance/test/helpers/event-utils");

add_task(async function() {
  const { panel } = await initPerformanceInNewTab({
    url: SIMPLE_URL,
    win: window,
  });

  const { EVENTS, $, $$, DetailsView, JsCallTreeView } = panel.panelWin;

  // Enable platform data to show the platform functions in the tree.
  Services.prefs.setBoolPref(UI_SHOW_PLATFORM_DATA_PREF, true);

  await startRecording(panel);
  // To show the `busyWait` function in the tree.
  await busyWait(100);
  await stopRecording(panel);

  const rendered = once(JsCallTreeView, EVENTS.UI_JS_CALL_TREE_RENDERED);
  await DetailsView.selectView("js-calltree");
  await rendered;

  ok(
    DetailsView.isViewSelected(JsCallTreeView),
    "The call tree is now selected."
  );

  testCells($, $$, {
    duration: true,
    percentage: true,
    allocations: false,
    "self-duration": true,
    "self-percentage": true,
    "self-allocations": false,
    samples: true,
    function: true,
  });

  await teardownToolboxAndRemoveTab(panel);
});

function testCells($, $$, visibleCells) {
  for (const cell in visibleCells) {
    if (visibleCells[cell]) {
      ok(
        $(`.call-tree-cell[type=${cell}]`),
        `At least one ${cell} column was visible in the tree.`
      );
    } else {
      ok(
        !$(`.call-tree-cell[type=${cell}]`),
        `No ${cell} columns were visible in the tree.`
      );
    }
  }

  is(
    $$(".call-tree-cell", $(".call-tree-item")).length,
    Object.keys(visibleCells).filter(e => visibleCells[e]).length,
    "The correct number of cells were found in the tree."
  );
}