1 files changed, 80 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/test/browser_net_headers_filter.js b/devtools/client/netmonitor/test/browser_net_headers_filter.js
new file mode 100644
index 0000000000..6256adb08d
--- /dev/null
+++ b/devtools/client/netmonitor/test/browser_net_headers_filter.js
@@ -0,0 +1,80 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+/**
+ * Tests if Request-Headers and Response-Headers are correctly filtered in Headers tab.
+ */
+add_task(async function () {
+  const { monitor } = await initNetMonitor(SIMPLE_SJS, {
+    requestCount: 1,
+  });
+  info("Starting test... ");
+
+  const { document, store, windowRequire } = monitor.panelWin;
+  const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
+
+  store.dispatch(Actions.batchEnable(false));
+
+  let wait = waitForNetworkEvents(monitor, 1);
+  await reloadBrowser();
+  await wait;
+
+  wait = waitUntil(() => document.querySelector(".headers-overview"));
+  EventUtils.sendMouseEvent(
+    { type: "mousedown" },
+    document.querySelectorAll(".request-list-item")[0]
+  );
+  await wait;
+
+  await waitForRequestData(store, ["requestHeaders", "responseHeaders"]);
+
+  document.querySelectorAll(".devtools-filterinput")[1].focus();
+  EventUtils.synthesizeKey("con", {});
+  await waitUntil(() => document.querySelector(".treeRow.hidden"));
+
+  info("Check if Headers are filtered correctly");
+
+  const expectedResponseHeaders = [
+    "cache-control",
+    "connection",
+    "content-length",
+    "content-type",
+  ];
+  const expectedRequestHeaders = ["Cache-Control", "Connection"];
+
+  const responseLabelCells = document.querySelectorAll(
+    "#responseHeaders .treeLabelCell"
+  );
+  const requestLabelCells = document.querySelectorAll(
+    "#requestHeaders .treeLabelCell"
+  );
+  const filteredResponseHeaders = [];
+  const filteredRequestHeaders = [];
+
+  for (let i = 0; i < responseLabelCells.length; i++) {
+    if (responseLabelCells[i].offsetHeight > 0) {
+      filteredResponseHeaders.push(responseLabelCells[i].innerText);
+    }
+  }
+
+  for (let i = 0; i < requestLabelCells.length; i++) {
+    if (requestLabelCells[i].offsetHeight > 0) {
+      filteredRequestHeaders.push(requestLabelCells[i].innerText);
+    }
+  }
+
+  is(
+    filteredResponseHeaders.toString(),
+    expectedResponseHeaders.toString(),
+    "Response Headers are filtered"
+  );
+  is(
+    filteredRequestHeaders.toString(),
+    expectedRequestHeaders.toString(),
+    "Request Headers are filtered"
+  );
+
+  await teardown(monitor);
+});