Adding upstream version 86.0.1.upstream/86.0.1upstream

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

1 files changed, 154 insertions, 0 deletions

diff --git a/devtools/client/performance/test/browser_timeline-waterfall-generic.js b/devtools/client/performance/test/browser_timeline-waterfall-generic.js
new file mode 100644
index 0000000000..f356845229
--- /dev/null
+++ b/devtools/client/performance/test/browser_timeline-waterfall-generic.js
@@ -0,0 +1,154 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+"use strict";
+
+/**
+ * Tests if the waterfall is properly built after finishing a recording.
+ */
+
+const { SIMPLE_URL } = require("devtools/client/performance/test/helpers/urls");
+const {
+  initPerformanceInNewTab,
+  teardownToolboxAndRemoveTab,
+} = require("devtools/client/performance/test/helpers/panel-utils");
+const {
+  startRecording,
+  stopRecording,
+  waitForOverviewRenderedWithMarkers,
+} = require("devtools/client/performance/test/helpers/actions");
+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, WaterfallView } = panel.panelWin;
+
+  await startRecording(panel);
+  ok(true, "Recording has started.");
+
+  // Ensure overview is rendering and some markers were received.
+  await waitForOverviewRenderedWithMarkers(panel);
+
+  await stopRecording(panel);
+  ok(true, "Recording has ended.");
+
+  // Test the header container.
+
+  ok($(".waterfall-header"), "A header container should have been created.");
+
+  // Test the header sidebar (left).
+
+  ok(
+    $(".waterfall-header > .waterfall-sidebar"),
+    "A header sidebar node should have been created."
+  );
+
+  // Test the header ticks (right).
+
+  ok(
+    $(".waterfall-header-ticks"),
+    "A header ticks node should have been created."
+  );
+  ok(
+    $$(".waterfall-header-ticks > .waterfall-header-tick").length > 0,
+    "Some header tick labels should have been created inside the tick node."
+  );
+
+  // Test the markers sidebar (left).
+
+  ok(
+    $$(".waterfall-tree-item > .waterfall-sidebar").length,
+    "Some marker sidebar nodes should have been created."
+  );
+  ok(
+    $$(".waterfall-tree-item > .waterfall-sidebar > .waterfall-marker-bullet")
+      .length,
+    "Some marker color bullets should have been created inside the sidebar."
+  );
+  ok(
+    $$(".waterfall-tree-item > .waterfall-sidebar > .waterfall-marker-name")
+      .length,
+    "Some marker name labels should have been created inside the sidebar."
+  );
+
+  // Test the markers waterfall (right).
+
+  ok(
+    $$(".waterfall-tree-item > .waterfall-marker").length,
+    "Some marker waterfall nodes should have been created."
+  );
+  ok(
+    $$(".waterfall-tree-item > .waterfall-marker .waterfall-marker-bar").length,
+    "Some marker color bars should have been created inside the waterfall."
+  );
+
+  // Test the sidebar.
+
+  const detailsView = WaterfallView.details;
+  // Make sure the bounds are up to date.
+  WaterfallView._recalculateBounds();
+
+  const parentWidthBefore = $("#waterfall-view").getBoundingClientRect().width;
+  const sidebarWidthBefore = $(".waterfall-sidebar").getBoundingClientRect()
+    .width;
+  const detailsWidthBefore = $("#waterfall-details").getBoundingClientRect()
+    .width;
+
+  ok(
+    detailsView.hidden,
+    "The details view in the waterfall view is hidden by default."
+  );
+  is(detailsWidthBefore, 0, "The details view width should be 0 when hidden.");
+  is(
+    WaterfallView.waterfallWidth,
+    parentWidthBefore -
+      sidebarWidthBefore -
+      WaterfallView.WATERFALL_MARKER_SIDEBAR_SAFE_BOUNDS,
+    "The waterfall width is correct (1)."
+  );
+
+  const waterfallRerendered = once(WaterfallView, EVENTS.UI_WATERFALL_RENDERED);
+  $$(".waterfall-tree-item")[0].click();
+  await waterfallRerendered;
+
+  const parentWidthAfter = $("#waterfall-view").getBoundingClientRect().width;
+  const sidebarWidthAfter = $(".waterfall-sidebar").getBoundingClientRect()
+    .width;
+  const detailsWidthAfter = $("#waterfall-details").getBoundingClientRect()
+    .width;
+
+  ok(
+    !detailsView.hidden,
+    "The details view in the waterfall view is now visible."
+  );
+  is(
+    parentWidthBefore,
+    parentWidthAfter,
+    "The parent view's width should not have changed."
+  );
+  is(
+    sidebarWidthBefore,
+    sidebarWidthAfter,
+    "The sidebar view's width should not have changed."
+  );
+  isnot(
+    detailsWidthAfter,
+    0,
+    "The details view width should not be 0 when visible."
+  );
+  is(
+    WaterfallView.waterfallWidth,
+    parentWidthAfter -
+      sidebarWidthAfter -
+      detailsWidthAfter -
+      WaterfallView.WATERFALL_MARKER_SIDEBAR_SAFE_BOUNDS,
+    "The waterfall width is correct (2)."
+  );
+
+  await teardownToolboxAndRemoveTab(panel);
+});