Adding upstream version 86.0.1.upstream/86.0.1upstream

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>

1 files changed, 195 insertions, 0 deletions

diff --git a/devtools/client/performance/test/browser_perf-tree-view-10.js b/devtools/client/performance/test/browser_perf-tree-view-10.js
new file mode 100644
index 0000000000..8b50ea9092
--- /dev/null
+++ b/devtools/client/performance/test/browser_perf-tree-view-10.js
@@ -0,0 +1,195 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+"use strict";
+
+/**
+ * Tests if the profiler's tree view, when inverted, displays the self and
+ * total costs correctly.
+ */
+
+const {
+  ThreadNode,
+} = require("devtools/client/performance/modules/logic/tree-model");
+const {
+  CallView,
+} = require("devtools/client/performance/modules/widgets/tree-view");
+const RecordingUtils = require("devtools/shared/performance/recording-utils");
+
+add_task(function() {
+  const threadNode = new ThreadNode(gProfile.threads[0], {
+    startTime: 0,
+    endTime: 50,
+    invertTree: true,
+  });
+  const treeRoot = new CallView({ frame: threadNode, inverted: true });
+  const container = document.createXULElement("vbox");
+  treeRoot.attachTo(container);
+
+  // Add 1 to each index to skip the hidden root node
+  const $$nam = i =>
+    container.querySelectorAll(
+      ".call-tree-cell[type=function] > .call-tree-name"
+    )[i + 1];
+  const $$per = i =>
+    container.querySelectorAll(".call-tree-cell[type=percentage]")[i + 1];
+  const $$selfper = i =>
+    container.querySelectorAll(".call-tree-cell[type='self-percentage']")[
+      i + 1
+    ];
+
+  /**
+   * Samples:
+   *
+   * A->C
+   * A->B
+   * A->B->C x4
+   * A->B->D x4
+   *
+   * Expected:
+   *
+   * +--total--+--self--+--tree----+
+   * |   50%   |   50%  |  C       |
+   * |   40%   |   0    |  -> B    |
+   * |   30%   |   0    |     -> A |
+   * |   10%   |   0    |  -> A    |
+   * |   40%   |   40%  |  D       |
+   * |   40%   |   0    |  -> B    |
+   * |   40%   |   0    |     -> A |
+   * |   10%   |   10%  |  B       |
+   * |   10%   |   0    |  -> A    |
+   * +---------+--------+----------+
+   */
+
+  is(
+    container.childNodes.length,
+    10,
+    "The container node should have all children available."
+  );
+
+  // total, self, indent + name
+  [
+    [50, 50, "C"],
+    [40, 0, "  B"],
+    [30, 0, "    A"],
+    [10, 0, "  A"],
+    [40, 40, "D"],
+    [40, 0, "  B"],
+    [40, 0, "    A"],
+    [10, 10, "B"],
+    [10, 0, "  A"],
+  ].forEach(function(def, i) {
+    info(`Checking ${i}th tree item.`);
+
+    let [total, self, name] = def;
+    name = name.trim();
+
+    is($$nam(i).textContent.trim(), name, `${name} has correct name.`);
+    is(
+      $$per(i).textContent.trim(),
+      `${total}%`,
+      `${name} has correct total percent.`
+    );
+    is(
+      $$selfper(i).textContent.trim(),
+      `${self}%`,
+      `${name} has correct self percent.`
+    );
+  });
+});
+
+const gProfile = RecordingUtils.deflateProfile({
+  meta: { version: 2 },
+  threads: [
+    {
+      samples: [
+        {
+          time: 5,
+          frames: [
+            { location: "(root)" },
+            { location: "A" },
+            { location: "B" },
+            { location: "C" },
+          ],
+        },
+        {
+          time: 10,
+          frames: [
+            { location: "(root)" },
+            { location: "A" },
+            { location: "B" },
+            { location: "D" },
+          ],
+        },
+        {
+          time: 15,
+          frames: [
+            { location: "(root)" },
+            { location: "A" },
+            { location: "C" },
+          ],
+        },
+        {
+          time: 20,
+          frames: [
+            { location: "(root)" },
+            { location: "A" },
+            { location: "B" },
+          ],
+        },
+        {
+          time: 25,
+          frames: [
+            { location: "(root)" },
+            { location: "A" },
+            { location: "B" },
+            { location: "C" },
+          ],
+        },
+        {
+          time: 30,
+          frames: [
+            { location: "(root)" },
+            { location: "A" },
+            { location: "B" },
+            { location: "C" },
+          ],
+        },
+        {
+          time: 35,
+          frames: [
+            { location: "(root)" },
+            { location: "A" },
+            { location: "B" },
+            { location: "D" },
+          ],
+        },
+        {
+          time: 40,
+          frames: [
+            { location: "(root)" },
+            { location: "A" },
+            { location: "B" },
+            { location: "D" },
+          ],
+        },
+        {
+          time: 45,
+          frames: [
+            { location: "(root)" },
+            { location: "B" },
+            { location: "C" },
+          ],
+        },
+        {
+          time: 50,
+          frames: [
+            { location: "(root)" },
+            { location: "A" },
+            { location: "B" },
+            { location: "D" },
+          ],
+        },
+      ],
+    },
+  ],
+});