1 files changed, 50 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/test/browser_net_tracking-resources.js b/devtools/client/netmonitor/test/browser_net_tracking-resources.js
new file mode 100644
index 0000000000..6d7365cb73
--- /dev/null
+++ b/devtools/client/netmonitor/test/browser_net_tracking-resources.js
@@ -0,0 +1,50 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+const { UrlClassifierTestUtils } = ChromeUtils.importESModule(
+  "resource://testing-common/UrlClassifierTestUtils.sys.mjs"
+);
+
+const TEST_URI =
+  "https://example.com/browser/devtools/client/" +
+  "netmonitor/test/html_tracking-protection.html";
+
+registerCleanupFunction(function () {
+  UrlClassifierTestUtils.cleanupTestTrackers();
+});
+
+/**
+ * Test that tracking resources are properly marked in the Network panel.
+ */
+add_task(async function () {
+  await UrlClassifierTestUtils.addTestTrackers();
+
+  const { monitor, tab } = await initNetMonitor(TEST_URI, { 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));
+
+  // Execute request with third party tracking protection flag.
+  await performRequests(monitor, tab, 1);
+
+  const domainRequests = document.querySelectorAll(
+    ".requests-list-domain .tracking-resource"
+  );
+  const UrlRequests = document.querySelectorAll(
+    ".requests-list-url .tracking-resource"
+  );
+
+  is(
+    domainRequests.length,
+    1,
+    "There should be one domain column tracking request"
+  );
+  is(UrlRequests.length, 1, "There should be one URL column tracking request");
+
+  await teardown(monitor);
+});