Adding upstream version 124.0.1.upstream/124.0.1

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

1 files changed, 82 insertions, 0 deletions

diff --git a/devtools/client/debugger/test/mochitest/browser_dbg-outline-filter.js b/devtools/client/debugger/test/mochitest/browser_dbg-outline-filter.js
new file mode 100644
index 0000000000..a60dc72070
--- /dev/null
+++ b/devtools/client/debugger/test/mochitest/browser_dbg-outline-filter.js
@@ -0,0 +1,82 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
+
+// Tests the outline pane fuzzy filtering of outline items
+
+"use strict";
+
+add_task(async function () {
+  const dbg = await initDebugger("doc-scripts.html", "long.js");
+  await selectSource(dbg, "long.js", 1);
+  await openOutlinePanel(dbg);
+
+  // turn off alphetical sort if active
+  const alphabetizeButton = findElementWithSelector(
+    dbg,
+    ".outline-footer button"
+  );
+  if (alphabetizeButton.className === "active") {
+    alphabetizeButton.click();
+  }
+
+  const outlineFilter = findElementWithSelector(dbg, ".outline-filter-input");
+  ok(outlineFilter, "Outline filter is present");
+
+  outlineFilter.blur();
+  ok(
+    !findElementWithSelector(dbg, ".outline-filter-input.focused"),
+    "does not have class focused when not focused"
+  );
+
+  outlineFilter.focus();
+  ok(
+    findElementWithSelector(dbg, ".outline-filter-input.focused"),
+    "has class focused when focused"
+  );
+
+  is(getItems(dbg).length, 9, "9 items in the unfiltered list");
+
+  // filter all items starting with t
+  type(dbg, "t");
+  is(getItems(dbg).length, 4, "4 items in the list after 't' filter");
+  ok(getItems(dbg)[0].textContent.includes("TodoModel(key)"), "item TodoModel");
+  ok(
+    getItems(dbg)[1].textContent.includes("toggleAll(checked)"),
+    "item toggleAll"
+  );
+  ok(
+    getItems(dbg)[2].textContent.includes("toggle(todoToToggle)"),
+    "item toggle"
+  );
+  ok(getItems(dbg)[3].textContent.includes("testModel()"), "item testModel");
+
+  // filter using term 'tog'
+  type(dbg, "og");
+  is(getItems(dbg).length, 2, "2 items in the list after 'tog' filter");
+  ok(
+    getItems(dbg)[0].textContent.includes("toggleAll(checked)"),
+    "item toggleAll"
+  );
+  ok(
+    getItems(dbg)[1].textContent.includes("toggle(todoToToggle)"),
+    "item toggle"
+  );
+
+  pressKey(dbg, "Escape");
+  is(getItems(dbg).length, 9, "9 items in the list after escape pressed");
+
+  // Ensure no action is taken when Enter key is pressed
+  pressKey(dbg, "Enter");
+  is(getItems(dbg).length, 9, "9 items in the list after enter pressed");
+
+  // check that the term 'todo' includes items with todo
+  type(dbg, "todo");
+  is(getItems(dbg).length, 2, "2 items in the list after 'todo' filter");
+  ok(getItems(dbg)[0].textContent.includes("TodoModel(key)"), "item TodoModel");
+  ok(getItems(dbg)[1].textContent.includes("addTodo(title)"), "item addTodo");
+});
+
+function getItems(dbg) {
+  return findAllElements(dbg, "outlineItems");
+}