1 files changed, 115 insertions, 0 deletions
diff --git a/browser/components/shopping/tests/browser/browser_adjusted_rating.js b/browser/components/shopping/tests/browser/browser_adjusted_rating.js
new file mode 100644
index 0000000000..b0d2da41d5
--- /dev/null
+++ b/browser/components/shopping/tests/browser/browser_adjusted_rating.js
@@ -0,0 +1,115 @@
+/* Any copyright is dedicated to the Public Domain.
+   http://creativecommons.org/publicdomain/zero/1.0/ */
+
+"use strict";
+
+add_task(async function test_adjusted_rating() {
+  await BrowserTestUtils.withNewTab(
+    {
+      url: "about:shoppingsidebar",
+      gBrowser,
+    },
+    async browser => {
+      await SpecialPowers.spawn(
+        browser,
+        [MOCK_ANALYZED_PRODUCT_RESPONSE],
+        async mockData => {
+          let rating = mockData.adjusted_rating;
+
+          let shoppingContainer =
+            content.document.querySelector(
+              "shopping-container"
+            ).wrappedJSObject;
+          shoppingContainer.data = Cu.cloneInto(mockData, content);
+          await shoppingContainer.updateComplete;
+
+          let adjustedRating = shoppingContainer.adjustedRatingEl;
+          await adjustedRating.updateComplete;
+
+          let mozFiveStar = adjustedRating.ratingEl;
+          ok(mozFiveStar, "The moz-five-star element exists");
+
+          is(
+            mozFiveStar.rating,
+            rating,
+            `The moz-five-star rating is ${rating}`
+          );
+          is(
+            adjustedRating.rating,
+            rating,
+            `The adjusted rating "rating" is ${rating}`
+          );
+
+          rating = 2.55;
+          adjustedRating.rating = rating;
+
+          await adjustedRating.updateComplete;
+
+          is(
+            mozFiveStar.rating,
+            rating,
+            `The moz-five-star rating is now ${rating}`
+          );
+          is(
+            adjustedRating.rating,
+            rating,
+            `The adjusted rating "rating" is now ${rating}`
+          );
+
+          rating = 0;
+          adjustedRating.rating = rating;
+
+          await adjustedRating.updateComplete;
+
+          is(
+            adjustedRating.rating,
+            rating,
+            `The adjusted rating "rating" is now ${rating}`
+          );
+
+          is(
+            mozFiveStar.rating,
+            0.5,
+            `When the rating is 0, the star rating displays 0.5 stars.`
+          );
+
+          rating = null;
+          adjustedRating.rating = rating;
+
+          await adjustedRating.updateComplete;
+
+          is(
+            adjustedRating.rating,
+            rating,
+            `The adjusted rating "rating" is now ${rating}`
+          );
+
+          ok(
+            ContentTaskUtils.isHidden(adjustedRating),
+            "adjusted rating should not be visible"
+          );
+
+          rating = 3;
+          adjustedRating.rating = rating;
+
+          await adjustedRating.updateComplete;
+          mozFiveStar = adjustedRating.ratingEl;
+          ok(
+            ContentTaskUtils.isVisible(adjustedRating),
+            "adjusted rating should be visible"
+          );
+          is(
+            mozFiveStar.rating,
+            rating,
+            `The moz-five-star rating is now ${rating}`
+          );
+          is(
+            adjustedRating.rating,
+            rating,
+            `The adjusted rating "rating" is now ${rating}`
+          );
+        }
+      );
+    }
+  );
+});