1 files changed, 102 insertions, 0 deletions
diff --git a/browser/components/shopping/tests/browser/browser_settings_telemetry.js b/browser/components/shopping/tests/browser/browser_settings_telemetry.js
new file mode 100644
index 0000000000..803630f73d
--- /dev/null
+++ b/browser/components/shopping/tests/browser/browser_settings_telemetry.js
@@ -0,0 +1,102 @@
+/* Any copyright is dedicated to the Public Domain.
+ * http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+/**
+ * Tests that the settings component is rendered as expected.
+ */
+add_task(async function test_shopping_settings() {
+  await SpecialPowers.pushPrefEnv({
+    set: [
+      ["toolkit.telemetry.testing.overridePreRelease", true],
+      ["browser.shopping.experience2023.optedIn", 0],
+    ],
+  });
+
+  let opt_in_status = Services.prefs.getIntPref(
+    "browser.shopping.experience2023.optedIn",
+    undefined
+  );
+  // Values that match how we're defining the metrics
+  let component_opted_out = opt_in_status === 2;
+  let onboarded_status = opt_in_status > 0;
+
+  Assert.equal(
+    component_opted_out,
+    Glean.shoppingSettings.componentOptedOut.testGetValue(),
+    "Component Opted Out metric should correctly reflect the preference value"
+  );
+  Assert.equal(
+    onboarded_status,
+    Glean.shoppingSettings.hasOnboarded.testGetValue(),
+    "Has Onboarded metric should correctly reflect the preference value"
+  );
+
+  await SpecialPowers.popPrefEnv();
+});
+
+add_task(async function test_shopping_setting_update() {
+  await SpecialPowers.pushPrefEnv({
+    set: [
+      ["toolkit.telemetry.testing.overridePreRelease", true],
+      ["browser.shopping.experience2023.optedIn", 2],
+    ],
+  });
+
+  Assert.equal(
+    true,
+    Glean.shoppingSettings.componentOptedOut.testGetValue(),
+    "Component Opted Out metric should return True as we've set the value of the preference"
+  );
+
+  await SpecialPowers.popPrefEnv();
+});
+
+add_task(async function test_shopping_settings_ads_enabled() {
+  await SpecialPowers.pushPrefEnv({
+    set: [["browser.shopping.experience2023.optedIn", 1]],
+  });
+  await Services.fog.testFlushAllChildren();
+  Services.fog.testResetFOG();
+
+  await BrowserTestUtils.withNewTab(
+    {
+      url: "about:shoppingsidebar",
+      gBrowser,
+    },
+    async browser => {
+      await SpecialPowers.spawn(
+        browser,
+        [MOCK_ANALYZED_PRODUCT_RESPONSE],
+        async mockData => {
+          let shoppingContainer =
+            content.document.querySelector(
+              "shopping-container"
+            ).wrappedJSObject;
+
+          shoppingContainer.data = Cu.cloneInto(mockData, content);
+          shoppingContainer.adsEnabled = true;
+          await shoppingContainer.updateComplete;
+
+          let shoppingSettings = shoppingContainer.settingsEl;
+          ok(shoppingSettings, "Got the shopping-settings element");
+
+          let optOutButton = shoppingSettings.optOutButtonEl;
+          ok(optOutButton, "There should be an opt-out button");
+
+          optOutButton.click();
+        }
+      );
+    }
+  );
+
+  await Services.fog.testFlushAllChildren();
+  var optOutClickedEvents =
+    Glean.shopping.surfaceOptOutButtonClicked.testGetValue();
+
+  Assert.equal(optOutClickedEvents.length, 1);
+  Assert.equal(optOutClickedEvents[0].category, "shopping");
+  Assert.equal(optOutClickedEvents[0].name, "surface_opt_out_button_clicked");
+  await SpecialPowers.popPrefEnv();
+});