@scrippsproduct/networks-ui-library 1.1.9 → 1.1.10

package/dist/components/FindUs/FindUs.test.js

@@ -0,0 +1,499 @@
+import { jsx as n } from "react/jsx-runtime";
+import { v as w, d as h, b as A, a as b, i as r, r as c, w as s, g as t, s as i } from "../../react.esm-DLSrfVwM.mjs";
+import "../../index-BVxBrkZB.mjs";
+import { FindUs as l } from "./FindUs.js";
+w.mock("../ChannelSearch", () => ({
+  default: ({ network: d, baseApiUrl: a, allowStateSearch: o, allowZipcodeSearch: e, allowAutoScroll: u, autoScrollOffset: y, compactLayout: f, ad: p }) => /* @__PURE__ */ n(
+    "div",
+    {
+      "data-ad-campaign": p == null ? void 0 : p.campaign,
+      "data-ad-content": p == null ? void 0 : p.content,
+      "data-ad-medium": p == null ? void 0 : p.medium,
+      "data-ad-source": p == null ? void 0 : p.source,
+      "data-allow-auto-scroll": u,
+      "data-allow-state-search": o,
+      "data-allow-zipcode-search": e,
+      "data-auto-scroll-offset": y,
+      "data-base-api-url": a,
+      "data-compact-layout": f,
+      "data-network": d.brand_name,
+      "data-testid": "channel-search",
+      children: "ChannelSearch Mock"
+    }
+  )
+}));
+w.mock("../RescanInstructions", () => ({
+  default: ({ brandName: d }) => /* @__PURE__ */ n("div", { "data-brand-name": d, "data-testid": "rescan-instructions", children: "RescanInstructions Mock" })
+}));
+w.mock("../DeviceAndPlatformLists", () => ({
+  default: ({ platformResources: d, numberOfColumns: a }) => /* @__PURE__ */ n(
+    "div",
+    {
+      "data-columns": a,
+      "data-platforms-size": d.size,
+      "data-testid": "device-platform-lists",
+      children: "DeviceAndPlatformLists Mock"
+    }
+  )
+}));
+w.mock("../../error-boundries/GeneralErrorBoundry", () => ({
+  default: ({ children: d, errorMessage: a, errorTitle: o }) => /* @__PURE__ */ n("div", { "data-error-message": a, "data-error-title": o, "data-testid": "error-boundary", children: d })
+}));
+const m = w.fn();
+w.mock("../../utils/getViewingPlatforms", () => ({
+  getViewingPlatforms: (...d) => m(...d)
+}));
+h("FindUs", () => {
+  let d;
+  const a = {
+    brand_name: "Test Network",
+    slug: "test-network",
+    platformsSlug: "test-platforms"
+  }, o = "https://api.test.com";
+  A(() => {
+    d = document.createElement("div"), d.id = "root", document.body.appendChild(d), w.clearAllMocks(), m.mockResolvedValue(/* @__PURE__ */ new Map([
+      ["platform1", { name: "Platform 1" }],
+      ["platform2", { name: "Platform 2" }]
+    ])), Object.defineProperty(window, "innerWidth", {
+      writable: !0,
+      configurable: !0,
+      value: 1024
+    });
+  }), b(() => {
+    document.body.removeChild(d), w.clearAllTimers();
+  }), h("Basic Rendering", () => {
+    r("should render section element", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        const e = document.querySelector("section");
+        t(e).toBeInTheDocument();
+      });
+    }), r("should apply find-us CSS class", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        const e = document.querySelector("section");
+        t(e).toHaveClass("find-us");
+      });
+    }), r("should apply compact layout class by default", async () => {
+      const { container: e } = c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a }));
+      await s(() => {
+        const u = e.querySelector("section");
+        t(u == null ? void 0 : u.className).toContain("find-us--compact");
+      });
+    }), r("should not apply compact layout class when compactLayout is false", async () => {
+      const { container: e } = c(/* @__PURE__ */ n(l, { baseApiUrl: o, compactLayout: !1, network: a }));
+      await s(() => {
+        const u = e.querySelector("section");
+        t(u == null ? void 0 : u.className).not.toContain("find-us--compact");
+      });
+    });
+  }), h("Platforms Fetching", () => {
+    r("should fetch platforms on mount", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        t(m).toHaveBeenCalledWith({
+          network: "test-platforms",
+          platformsApiUrl: "https://api.scrippscloud.com/viewing-platforms/v1"
+        });
+      });
+    }), r("should use custom platformsApiUrl when provided", async () => {
+      const e = "https://custom-api.test.com/platforms";
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a, platformsApiUrl: e })), await s(() => {
+        t(m).toHaveBeenCalledWith({
+          network: "test-platforms",
+          platformsApiUrl: e
+        });
+      });
+    }), r("should render DeviceAndPlatformLists when platforms are loaded", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        t(i.getByTestId("device-platform-lists")).toBeInTheDocument();
+      });
+    }), r("should pass platforms to DeviceAndPlatformLists", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        const e = i.getByTestId("device-platform-lists");
+        t(e).toHaveAttribute("data-platforms-size", "2");
+      });
+    }), r("should pass numberOfColumns to DeviceAndPlatformLists when provided", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a, numberOfColumns: 3 })), await s(() => {
+        const e = i.getByTestId("device-platform-lists");
+        t(e).toHaveAttribute("data-columns", "3");
+      });
+    });
+  }), h("Error Handling", () => {
+    r("should handle platforms fetch error", async () => {
+      m.mockResolvedValue({ error: "Fetch failed" });
+      const e = w.spyOn(console, "error").mockImplementation(() => {
+      });
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        t(e).toHaveBeenCalledWith(
+          "An error occured while fetching the platforms:",
+          { error: "Fetch failed" }
+        );
+      }), await s(() => {
+        t(i.getByText(/We couldn't find any viewing platforms for Test Network/i)).toBeInTheDocument();
+      }), e.mockRestore();
+    }), r("should display error message when platforms size is 0", async () => {
+      m.mockResolvedValue(/* @__PURE__ */ new Map()), c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        t(i.getByText(/We couldn't find any viewing platforms for Test Network/i)).toBeInTheDocument();
+      });
+    }), r("should wrap sections in GeneralErrorBoundary", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        const e = i.getAllByTestId("error-boundary");
+        t(e.length).toBeGreaterThan(0);
+      });
+    });
+  }), h("ChannelSearch and RescanInstructions - Compact Layout", () => {
+    r("should render RescanInstructions when showChannelSearchAndRescan is true", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        t(i.getByTestId("rescan-instructions")).toBeInTheDocument();
+      });
+    }), r("should pass brandName to RescanInstructions", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        const e = i.getByTestId("rescan-instructions");
+        t(e).toHaveAttribute("data-brand-name", "Test Network");
+      });
+    }), r("should render ChannelSearch in compact layout", async () => {
+      c(/* @__PURE__ */ n(l, { compactLayout: !0, baseApiUrl: o, network: a })), await s(() => {
+        const e = i.getAllByTestId("channel-search");
+        t(e.length).toBeGreaterThan(0);
+      });
+    }), r("should display compact layout header in compact mode", async () => {
+      c(/* @__PURE__ */ n(l, { compactLayout: !0, baseApiUrl: o, network: a })), await s(() => {
+        t(i.getByText("Digital Antenna")).toBeInTheDocument(), t(i.getByText("(Over-the-Air Broadcast)")).toBeInTheDocument();
+      });
+    }), r("should not display compact header when not compact", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, compactLayout: !1, network: a })), await s(() => {
+        t(i.queryByText("Digital Antenna")).not.toBeInTheDocument();
+      });
+    });
+  }), h("ChannelSearch and RescanInstructions - Non-Compact Layout", () => {
+    r("should render ChannelSearch in non-compact layout", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, compactLayout: !1, network: a })), await s(() => {
+        t(i.getByTestId("channel-search")).toBeInTheDocument();
+      });
+    }), r("should not render ChannelSearch when showChannelSearchAndRescan is false", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a, showChannelSearchAndRescan: !1 })), await s(() => {
+        t(i.queryByTestId("channel-search")).not.toBeInTheDocument();
+      });
+    }), r("should not render RescanInstructions when showChannelSearchAndRescan is false", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a, showChannelSearchAndRescan: !1 })), await s(() => {
+        t(i.queryByTestId("rescan-instructions")).not.toBeInTheDocument();
+      });
+    });
+  }), h("ChannelSearch Props", () => {
+    r("should pass network to ChannelSearch", async () => {
+      c(/* @__PURE__ */ n(l, { compactLayout: !0, baseApiUrl: o, network: a })), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-network", "Test Network");
+      });
+    }), r("should pass baseApiUrl to ChannelSearch", async () => {
+      c(/* @__PURE__ */ n(l, { compactLayout: !0, baseApiUrl: o, network: a })), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-base-api-url", o);
+      });
+    }), r("should pass allowStateSearch to ChannelSearch", async () => {
+      c(/* @__PURE__ */ n(
+        l,
+        {
+          compactLayout: !0,
+          allowStateSearch: !1,
+          baseApiUrl: o,
+          network: a
+        }
+      )), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-allow-state-search", "false");
+      });
+    }), r("should pass allowZipcodeSearch to ChannelSearch", async () => {
+      c(/* @__PURE__ */ n(
+        l,
+        {
+          compactLayout: !0,
+          allowZipcodeSearch: !1,
+          baseApiUrl: o,
+          network: a
+        }
+      )), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-allow-zipcode-search", "false");
+      });
+    }), r("should pass allowAutoScroll to ChannelSearch", async () => {
+      c(/* @__PURE__ */ n(
+        l,
+        {
+          compactLayout: !0,
+          allowAutoScroll: !1,
+          baseApiUrl: o,
+          network: a
+        }
+      )), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-allow-auto-scroll", "false");
+      });
+    }), r("should pass compactLayout to ChannelSearch", async () => {
+      c(/* @__PURE__ */ n(l, { compactLayout: !0, baseApiUrl: o, network: a })), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-compact-layout", "true");
+      });
+    }), r("should pass autoScrollOffset to ChannelSearch", async () => {
+      c(/* @__PURE__ */ n(
+        l,
+        {
+          compactLayout: !0,
+          autoScrollOffset: 50,
+          baseApiUrl: o,
+          network: a
+        }
+      )), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-auto-scroll-offset", "50");
+      });
+    });
+  }), h("Ad Props", () => {
+    r("should use default ad values when not provided", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, compactLayout: !1, network: a })), await s(() => {
+        const e = i.getByTestId("channel-search");
+        t(e).toHaveAttribute("data-ad-campaign", ""), t(e).toHaveAttribute("data-ad-source", ""), t(e).toHaveAttribute("data-ad-medium", "referral"), t(e).toHaveAttribute("data-ad-content", "learn_more");
+      });
+    }), r("should pass custom ad values to ChannelSearch", async () => {
+      c(/* @__PURE__ */ n(
+        l,
+        {
+          ad: {
+            campaign: "test-campaign",
+            source: "test-source",
+            medium: "test-medium",
+            content: "test-content"
+          },
+          baseApiUrl: o,
+          compactLayout: !1,
+          network: a
+        }
+      )), await s(() => {
+        const u = i.getByTestId("channel-search");
+        t(u).toHaveAttribute("data-ad-campaign", "test-campaign"), t(u).toHaveAttribute("data-ad-source", "test-source"), t(u).toHaveAttribute("data-ad-medium", "test-medium"), t(u).toHaveAttribute("data-ad-content", "test-content");
+      });
+    }), r("should handle partial ad object with defaults", async () => {
+      c(/* @__PURE__ */ n(
+        l,
+        {
+          ad: {
+            campaign: "partial-campaign"
+          },
+          baseApiUrl: o,
+          compactLayout: !1,
+          network: a
+        }
+      )), await s(() => {
+        const u = i.getByTestId("channel-search");
+        t(u).toHaveAttribute("data-ad-campaign", "partial-campaign"), t(u).toHaveAttribute("data-ad-medium", "referral"), t(u).toHaveAttribute("data-ad-content", "learn_more");
+      });
+    });
+  }), h("Auto Scroll Offset", () => {
+    r("should use default autoScrollOffset", async () => {
+      c(/* @__PURE__ */ n(
+        l,
+        {
+          compactLayout: !0,
+          autoScrollOffset: 25,
+          baseApiUrl: o,
+          network: a
+        }
+      )), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-auto-scroll-offset", "25");
+      });
+    }), r("should set autoScrollOffset to 0 when allowAutoScroll is false", async () => {
+      c(/* @__PURE__ */ n(
+        l,
+        {
+          compactLayout: !0,
+          allowAutoScroll: !1,
+          baseApiUrl: o,
+          network: a
+        }
+      )), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-auto-scroll-offset", "0");
+      });
+    }), r("should pass custom autoScrollOffset value", async () => {
+      c(/* @__PURE__ */ n(
+        l,
+        {
+          compactLayout: !0,
+          autoScrollOffset: 100,
+          baseApiUrl: o,
+          network: a
+        }
+      )), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-auto-scroll-offset", "100");
+      });
+    });
+  }), h("Default Props", () => {
+    r("should use default platformsApiUrl", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        t(m).toHaveBeenCalledWith(
+          t.objectContaining({
+            platformsApiUrl: "https://api.scrippscloud.com/viewing-platforms/v1"
+          })
+        );
+      });
+    }), r("should use default allowStateSearch (true)", async () => {
+      c(/* @__PURE__ */ n(l, { compactLayout: !0, baseApiUrl: o, network: a })), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-allow-state-search", "true");
+      });
+    }), r("should use default allowZipcodeSearch (true)", async () => {
+      c(/* @__PURE__ */ n(l, { compactLayout: !0, baseApiUrl: o, network: a })), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-allow-zipcode-search", "true");
+      });
+    }), r("should use default allowAutoScroll (true)", async () => {
+      c(/* @__PURE__ */ n(l, { compactLayout: !0, baseApiUrl: o, network: a })), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-allow-auto-scroll", "true");
+      });
+    }), r("should use default autoScrollOffset (25)", async () => {
+      c(/* @__PURE__ */ n(l, { compactLayout: !0, baseApiUrl: o, network: a })), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-auto-scroll-offset", "25");
+      });
+    }), r("should use default compactLayout (true)", async () => {
+      const { container: e } = c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a }));
+      await s(() => {
+        const u = e.querySelector("section");
+        t(u == null ? void 0 : u.className).toContain("find-us--compact");
+      });
+    }), r("should use default showChannelSearchAndRescan (true)", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        t(i.getByTestId("rescan-instructions")).toBeInTheDocument();
+      });
+    });
+  }), h("CSS Classes", () => {
+    r("should apply grid-wrapper class", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        const e = document.querySelector(".findus__grid-wrapper");
+        t(e).toBeInTheDocument();
+      });
+    }), r("should apply full-width class when showChannelSearchAndRescan is false", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a, showChannelSearchAndRescan: !1 })), await s(() => {
+        const e = document.querySelector(".findus__grid-wrapper--full-width");
+        t(e).toBeInTheDocument();
+      });
+    }), r("should not apply full-width class when showChannelSearchAndRescan is true", async () => {
+      c(/* @__PURE__ */ n(l, { showChannelSearchAndRescan: !0, baseApiUrl: o, network: a })), await s(() => {
+        const e = document.querySelector(".findus__grid-wrapper--full-width");
+        t(e).not.toBeInTheDocument();
+      });
+    }), r("should apply findus__column class", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        const e = document.querySelector(".findus__column");
+        t(e).toBeInTheDocument();
+      });
+    }), r("should apply channel-search__header class in compact layout", async () => {
+      c(/* @__PURE__ */ n(l, { compactLayout: !0, baseApiUrl: o, network: a })), await s(() => {
+        const e = document.querySelector(".channel-search__header");
+        t(e).toBeInTheDocument();
+      });
+    }), r("should apply find-us__channel-search-section class in non-compact layout", async () => {
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, compactLayout: !1, network: a })), await s(() => {
+        const e = document.querySelector(".find-us__channel-search-section");
+        t(e).toBeInTheDocument();
+      });
+    });
+  }), h("Integration", () => {
+    r("should render complete component with all features", async () => {
+      c(
+        /* @__PURE__ */ n(
+          l,
+          {
+            allowAutoScroll: !0,
+            allowStateSearch: !0,
+            allowZipcodeSearch: !0,
+            compactLayout: !0,
+            showChannelSearchAndRescan: !0,
+            ad: {
+              campaign: "test-campaign",
+              source: "test-source",
+              medium: "test-medium",
+              content: "test-content"
+            },
+            autoScrollOffset: 30,
+            baseApiUrl: o,
+            network: a,
+            numberOfColumns: 4,
+            platformsApiUrl: "https://custom-api.test.com"
+          }
+        )
+      ), await s(() => {
+        t(i.getByTestId("channel-search")).toBeInTheDocument(), t(i.getByTestId("rescan-instructions")).toBeInTheDocument(), t(i.getByTestId("device-platform-lists")).toBeInTheDocument();
+      }), await s(() => {
+        const u = i.getByTestId("device-platform-lists");
+        t(u).toHaveAttribute("data-columns", "4");
+      });
+    }), r("should handle platforms loading and display", async () => {
+      const e = /* @__PURE__ */ new Map([
+        ["platform1", { name: "Platform 1" }],
+        ["platform2", { name: "Platform 2" }],
+        ["platform3", { name: "Platform 3" }]
+      ]);
+      m.mockResolvedValue(e), c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        const u = i.getByTestId("device-platform-lists");
+        t(u).toHaveAttribute("data-platforms-size", "3");
+      });
+    }), r("should render minimal configuration", async () => {
+      c(
+        /* @__PURE__ */ n(
+          l,
+          {
+            baseApiUrl: o,
+            compactLayout: !1,
+            network: a,
+            showChannelSearchAndRescan: !1
+          }
+        )
+      ), await s(() => {
+        t(i.queryByTestId("channel-search")).not.toBeInTheDocument(), t(i.queryByTestId("rescan-instructions")).not.toBeInTheDocument(), t(i.getByTestId("device-platform-lists")).toBeInTheDocument();
+      });
+    });
+  }), h("Edge Cases", () => {
+    r("should handle empty network brand name", async () => {
+      const e = { ...a, brand_name: "" };
+      c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: e })), await s(() => {
+        const u = i.getByTestId("rescan-instructions");
+        t(u).toHaveAttribute("data-brand-name", "");
+      });
+    }), r("should handle platforms that resolve to empty Map", async () => {
+      m.mockResolvedValue(/* @__PURE__ */ new Map()), c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), await s(() => {
+        t(i.getByText(/We couldn't find any viewing platforms for Test Network/i)).toBeInTheDocument();
+      });
+    }), r("should handle very large autoScrollOffset", async () => {
+      c(/* @__PURE__ */ n(
+        l,
+        {
+          compactLayout: !0,
+          autoScrollOffset: 9999,
+          baseApiUrl: o,
+          network: a
+        }
+      )), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-auto-scroll-offset", "9999");
+      });
+    }), r("should handle zero autoScrollOffset", async () => {
+      c(/* @__PURE__ */ n(
+        l,
+        {
+          compactLayout: !0,
+          autoScrollOffset: 0,
+          baseApiUrl: o,
+          network: a
+        }
+      )), await s(() => {
+        const e = i.getAllByTestId("channel-search")[0];
+        t(e).toHaveAttribute("data-auto-scroll-offset", "0");
+      });
+    }), r("should not render DeviceAndPlatformLists before platforms are loaded", () => {
+      m.mockImplementation(() => new Promise(() => {
+      })), c(/* @__PURE__ */ n(l, { baseApiUrl: o, network: a })), t(i.queryByTestId("device-platform-lists")).not.toBeInTheDocument();
+    });
+  });
+});