summaryrefslogtreecommitdiffstats
path: root/devtools/client/performance/test/browser_perf-tree-abstract-01.js
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/client/performance/test/browser_perf-tree-abstract-01.js')
-rw-r--r--devtools/client/performance/test/browser_perf-tree-abstract-01.js154
1 files changed, 154 insertions, 0 deletions
diff --git a/devtools/client/performance/test/browser_perf-tree-abstract-01.js b/devtools/client/performance/test/browser_perf-tree-abstract-01.js
new file mode 100644
index 000000000..9b56a1b8c
--- /dev/null
+++ b/devtools/client/performance/test/browser_perf-tree-abstract-01.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 abstract tree base class for the profiler's tree view
+ * works as advertised.
+ */
+
+const { appendAndWaitForPaint } = require("devtools/client/performance/test/helpers/dom-utils");
+const { synthesizeCustomTreeClass } = require("devtools/client/performance/test/helpers/synth-utils");
+const { once } = require("devtools/client/performance/test/helpers/event-utils");
+
+add_task(function* () {
+ let { MyCustomTreeItem, myDataSrc } = synthesizeCustomTreeClass();
+
+ let container = document.createElement("vbox");
+ yield appendAndWaitForPaint(gBrowser.selectedBrowser.parentNode, container);
+
+ // Populate the tree and test the root item...
+
+ let treeRoot = new MyCustomTreeItem(myDataSrc, { parent: null });
+ treeRoot.attachTo(container);
+
+ ok(!treeRoot.expanded,
+ "The root node should not be expanded yet.");
+ ok(!treeRoot.populated,
+ "The root node should not be populated yet.");
+
+ is(container.childNodes.length, 1,
+ "The container node should have one child available.");
+ is(container.childNodes[0], treeRoot.target,
+ "The root node's target is a child of the container node.");
+
+ is(treeRoot.root, treeRoot,
+ "The root node has the correct root.");
+ is(treeRoot.parent, null,
+ "The root node has the correct parent.");
+ is(treeRoot.level, 0,
+ "The root node has the correct level.");
+ is(treeRoot.target.style.marginInlineStart, "0px",
+ "The root node's indentation is correct.");
+ is(treeRoot.target.textContent, "root",
+ "The root node's text contents are correct.");
+ is(treeRoot.container, container,
+ "The root node's container is correct.");
+
+ // Expand the root and test the child items...
+
+ let receivedExpandEvent = once(treeRoot, "expand", { spreadArgs: true });
+ let receivedFocusEvent = once(treeRoot, "focus");
+ mousedown(treeRoot.target.querySelector(".arrow"));
+
+ let [, eventItem] = yield receivedExpandEvent;
+ is(eventItem, treeRoot,
+ "The 'expand' event target is correct (1).");
+
+ yield receivedFocusEvent;
+ is(document.commandDispatcher.focusedElement, treeRoot.target,
+ "The root node is now focused.");
+
+ let fooItem = treeRoot.getChild(0);
+ let barItem = treeRoot.getChild(1);
+
+ is(container.childNodes.length, 3,
+ "The container node should now have three children available.");
+ is(container.childNodes[0], treeRoot.target,
+ "The root node's target is a child of the container node.");
+ is(container.childNodes[1], fooItem.target,
+ "The 'foo' node's target is a child of the container node.");
+ is(container.childNodes[2], barItem.target,
+ "The 'bar' node's target is a child of the container node.");
+
+ is(fooItem.root, treeRoot,
+ "The 'foo' node has the correct root.");
+ is(fooItem.parent, treeRoot,
+ "The 'foo' node has the correct parent.");
+ is(fooItem.level, 1,
+ "The 'foo' node has the correct level.");
+ is(fooItem.target.style.marginInlineStart, "10px",
+ "The 'foo' node's indentation is correct.");
+ is(fooItem.target.textContent, "foo",
+ "The 'foo' node's text contents are correct.");
+ is(fooItem.container, container,
+ "The 'foo' node's container is correct.");
+
+ is(barItem.root, treeRoot,
+ "The 'bar' node has the correct root.");
+ is(barItem.parent, treeRoot,
+ "The 'bar' node has the correct parent.");
+ is(barItem.level, 1,
+ "The 'bar' node has the correct level.");
+ is(barItem.target.style.marginInlineStart, "10px",
+ "The 'bar' node's indentation is correct.");
+ is(barItem.target.textContent, "bar",
+ "The 'bar' node's text contents are correct.");
+ is(barItem.container, container,
+ "The 'bar' node's container is correct.");
+
+ // Test clicking on the `foo` node...
+
+ receivedFocusEvent = once(treeRoot, "focus", { spreadArgs: true });
+ mousedown(fooItem.target);
+
+ [, eventItem] = yield receivedFocusEvent;
+ is(eventItem, fooItem,
+ "The 'focus' event target is correct (2).");
+ is(document.commandDispatcher.focusedElement, fooItem.target,
+ "The 'foo' node is now focused.");
+
+ // Test double clicking on the `bar` node...
+
+ receivedExpandEvent = once(treeRoot, "expand", { spreadArgs: true });
+ receivedFocusEvent = once(treeRoot, "focus");
+ dblclick(barItem.target);
+
+ [, eventItem] = yield receivedExpandEvent;
+ is(eventItem, barItem,
+ "The 'expand' event target is correct (3).");
+
+ yield receivedFocusEvent;
+ is(document.commandDispatcher.focusedElement, barItem.target,
+ "The 'foo' node is now focused.");
+
+ // A child item got expanded, test the descendants...
+
+ let bazItem = barItem.getChild(0);
+
+ is(container.childNodes.length, 4,
+ "The container node should now have four children available.");
+ is(container.childNodes[0], treeRoot.target,
+ "The root node's target is a child of the container node.");
+ is(container.childNodes[1], fooItem.target,
+ "The 'foo' node's target is a child of the container node.");
+ is(container.childNodes[2], barItem.target,
+ "The 'bar' node's target is a child of the container node.");
+ is(container.childNodes[3], bazItem.target,
+ "The 'baz' node's target is a child of the container node.");
+
+ is(bazItem.root, treeRoot,
+ "The 'baz' node has the correct root.");
+ is(bazItem.parent, barItem,
+ "The 'baz' node has the correct parent.");
+ is(bazItem.level, 2,
+ "The 'baz' node has the correct level.");
+ is(bazItem.target.style.marginInlineStart, "20px",
+ "The 'baz' node's indentation is correct.");
+ is(bazItem.target.textContent, "baz",
+ "The 'baz' node's text contents are correct.");
+ is(bazItem.container, container,
+ "The 'baz' node's container is correct.");
+
+ container.remove();
+});