@scrippsproduct/networks-ui-library 1.1.9 → 1.1.10-alpha.0

package/dist/components/PageHero/PageHero.test.js

@@ -0,0 +1,241 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { v as d, d as r, b as g, i as l, r as s, g as t, s as i } from "../../react.esm-DLSrfVwM.mjs";
+import { PageHero as n } from "./PageHero.js";
+import { l as h } from "../../logger-C0N7U0YY.mjs";
+d.mock("../../settings", () => {
+  const { lazy: e } = require("react"), a = ({ children: u, title: m }) => /* @__PURE__ */ o("div", { "data-testid": "mock-image-only-hero", "data-title": m, children: u }), c = ({ children: u, title: m }) => /* @__PURE__ */ o("div", { "data-testid": "mock-ion-show-hero", "data-title": m, children: u }), y = ({ children: u, title: m, description: C }) => /* @__PURE__ */ o("div", { "data-description": C, "data-testid": "mock-content-hero", "data-title": m, children: u });
+  return {
+    pageHeroLayoutsMap: /* @__PURE__ */ new Map([
+      ["ImageOnlyHero", e(() => Promise.resolve({ default: a }))],
+      ["IONShowHero", e(() => Promise.resolve({ default: c }))],
+      ["ContentHero", e(() => Promise.resolve({ default: y }))]
+    ])
+  };
+});
+d.mock("@scrippsproduct/console-logger", () => ({
+  default: {
+    setComponent: d.fn(),
+    warn: d.fn(),
+    error: d.fn(),
+    info: d.fn(),
+    debug: d.fn()
+  }
+}));
+d.mock("../../utils/helpers", () => ({
+  classes: (e) => e.filter(Boolean).join(" ")
+}));
+d.mock("./PageHero.module.scss", () => ({
+  default: {
+    "page-hero": "page-hero-module"
+  }
+}));
+r("PageHero", () => {
+  g(() => {
+    d.clearAllMocks();
+  }), r("Basic Rendering", () => {
+    l("should render section element", () => {
+      const { container: e } = s(/* @__PURE__ */ o(n, {})), a = e.querySelector("section");
+      t(a).toBeInTheDocument();
+    }), l("should apply page-hero class", () => {
+      const { container: e } = s(/* @__PURE__ */ o(n, {})), a = e.querySelector("section");
+      t(a).toHaveClass("page-hero");
+    }), l("should apply SCSS module class", () => {
+      const { container: e } = s(/* @__PURE__ */ o(n, {})), a = e.querySelector("section");
+      t(a).toHaveClass("page-hero-module");
+    });
+  }), r("Layout Component Loading", () => {
+    l("should render ImageOnlyHero layout when specified", async () => {
+      s(/* @__PURE__ */ o(n, { layoutComponent: "ImageOnlyHero" }));
+      const e = await i.findByTestId("mock-image-only-hero");
+      t(e).toBeInTheDocument();
+    }), l("should render IONShowHero layout when specified", async () => {
+      s(/* @__PURE__ */ o(n, { layoutComponent: "IONShowHero" }));
+      const e = await i.findByTestId("mock-ion-show-hero");
+      t(e).toBeInTheDocument();
+    }), l("should render ContentHero layout when specified", async () => {
+      s(/* @__PURE__ */ o(n, { layoutComponent: "ContentHero" }));
+      const e = await i.findByTestId("mock-content-hero");
+      t(e).toBeInTheDocument();
+    }), l("should warn when layout component not found", () => {
+      s(/* @__PURE__ */ o(n, { layoutComponent: "NonExistentLayout" })), t(h.warn).toHaveBeenCalledWith(
+        "No layout found for PageHero layoutComponent: NonExistentLayout"
+      );
+    }), l("should warn with empty string layout component", () => {
+      s(/* @__PURE__ */ o(n, { layoutComponent: "" })), t(h.warn).toHaveBeenCalledWith(
+        "No layout found for PageHero layoutComponent: "
+      );
+    });
+  }), r("Layout Props", () => {
+    l("should pass layoutProps to layout component", async () => {
+      s(/* @__PURE__ */ o(n, { layoutComponent: "ImageOnlyHero", layoutProps: { title: "Test Title" } }));
+      const a = await i.findByTestId("mock-image-only-hero");
+      t(a).toHaveAttribute("data-title", "Test Title");
+    }), l("should pass multiple layoutProps to layout component", async () => {
+      s(/* @__PURE__ */ o(n, { layoutComponent: "ContentHero", layoutProps: {
+        title: "Test Title",
+        description: "Test Description"
+      } }));
+      const a = await i.findByTestId("mock-content-hero");
+      t(a).toHaveAttribute("data-title", "Test Title"), t(a).toHaveAttribute("data-description", "Test Description");
+    }), l("should handle empty layoutProps object", async () => {
+      s(/* @__PURE__ */ o(n, { layoutComponent: "ImageOnlyHero", layoutProps: {} }));
+      const e = await i.findByTestId("mock-image-only-hero");
+      t(e).toBeInTheDocument();
+    }), l("should use default empty object when layoutProps not provided", async () => {
+      s(/* @__PURE__ */ o(n, { layoutComponent: "ImageOnlyHero" }));
+      const e = await i.findByTestId("mock-image-only-hero");
+      t(e).toBeInTheDocument();
+    });
+  }), r("Children Rendering", () => {
+    l("should render children inside layout component", async () => {
+      s(
+        /* @__PURE__ */ o(n, { layoutComponent: "ImageOnlyHero", children: /* @__PURE__ */ o("p", { children: "Test Child" }) })
+      );
+      const e = await i.findByTestId("mock-image-only-hero");
+      t(e).toHaveTextContent("Test Child");
+    }), l("should render multiple children inside layout component", async () => {
+      s(
+        /* @__PURE__ */ p(n, { layoutComponent: "ContentHero", children: [
+          /* @__PURE__ */ o("h1", { children: "Title" }),
+          /* @__PURE__ */ o("p", { children: "Description" })
+        ] })
+      );
+      const e = await i.findByTestId("mock-content-hero");
+      t(e).toHaveTextContent("Title"), t(e).toHaveTextContent("Description");
+    }), l("should render children without layout when no layoutComponent", () => {
+      s(
+        /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o("p", { "data-testid": "direct-child", children: "Direct Child" }) })
+      );
+      const e = i.getByTestId("direct-child");
+      t(e).toBeInTheDocument();
+    }), l("should render children directly when layout not found", () => {
+      s(
+        /* @__PURE__ */ o(n, { layoutComponent: "NonExistentLayout", children: /* @__PURE__ */ o("p", { "data-testid": "fallback-child", children: "Fallback Child" }) })
+      );
+      const e = i.getByTestId("fallback-child");
+      t(e).toBeInTheDocument();
+    }), l("should render nothing when no layout and no children", () => {
+      const { container: e } = s(/* @__PURE__ */ o(n, {})), a = e.querySelector("section");
+      t(a == null ? void 0 : a.textContent).toBe("");
+    }), l("should render nothing when layout not found and no children", () => {
+      const { container: e } = s(/* @__PURE__ */ o(n, { layoutComponent: "NonExistentLayout" })), a = e.querySelector("section");
+      t(a == null ? void 0 : a.textContent).toBe("");
+    });
+  }), r("Layout Component Changes", () => {
+    l("should update layout when layoutComponent prop changes", async () => {
+      const { rerender: e } = s(/* @__PURE__ */ o(n, { layoutComponent: "ImageOnlyHero" })), a = await i.findByTestId("mock-image-only-hero");
+      t(a).toBeInTheDocument(), e(/* @__PURE__ */ o(n, { layoutComponent: "IONShowHero" }));
+      const c = await i.findByTestId("mock-ion-show-hero");
+      t(c).toBeInTheDocument();
+    }), l("should clear layout when changed to invalid component", async () => {
+      const { rerender: e } = s(/* @__PURE__ */ o(n, { layoutComponent: "ImageOnlyHero" }));
+      await i.findByTestId("mock-image-only-hero"), e(/* @__PURE__ */ o(n, { layoutComponent: "InvalidLayout" })), t(i.queryByTestId("mock-image-only-hero")).not.toBeInTheDocument();
+    }), l("should handle changing from valid to empty layout component", async () => {
+      const { rerender: e } = s(/* @__PURE__ */ o(n, { layoutComponent: "ImageOnlyHero" }));
+      await i.findByTestId("mock-image-only-hero"), e(/* @__PURE__ */ o(n, { layoutComponent: "" })), t(i.queryByTestId("mock-image-only-hero")).not.toBeInTheDocument();
+    });
+  }), r("Default Props", () => {
+    l("should use empty string as default layoutComponent", () => {
+      s(/* @__PURE__ */ o(n, {})), t(h.warn).toHaveBeenCalledWith(
+        "No layout found for PageHero layoutComponent: "
+      );
+    }), l("should use empty object as default layoutProps", async () => {
+      s(/* @__PURE__ */ o(n, { layoutComponent: "ImageOnlyHero" }));
+      const e = await i.findByTestId("mock-image-only-hero");
+      t(e).toBeInTheDocument();
+    }), l("should handle undefined children", () => {
+      const { container: e } = s(/* @__PURE__ */ o(n, {})), a = e.querySelector("section");
+      t(a == null ? void 0 : a.textContent).toBe("");
+    });
+  }), r("Edge Cases", () => {
+    l("should handle layoutComponent with special characters", () => {
+      s(/* @__PURE__ */ o(n, { layoutComponent: "Layout-With-Dashes" })), t(h.warn).toHaveBeenCalledWith(
+        "No layout found for PageHero layoutComponent: Layout-With-Dashes"
+      );
+    }), l("should handle very long layoutComponent name", () => {
+      const e = "VeryLongLayoutComponentNameThatExceedsNormalLength";
+      s(/* @__PURE__ */ o(n, { layoutComponent: e })), t(h.warn).toHaveBeenCalledWith(
+        `No layout found for PageHero layoutComponent: ${e}`
+      );
+    }), l("should handle layoutProps with null values", async () => {
+      s(/* @__PURE__ */ o(n, { layoutComponent: "ImageOnlyHero", layoutProps: { title: null } }));
+      const a = await i.findByTestId("mock-image-only-hero");
+      t(a).toBeInTheDocument();
+    }), l("should handle layoutProps with undefined values", async () => {
+      s(/* @__PURE__ */ o(n, { layoutComponent: "ImageOnlyHero", layoutProps: { title: void 0 } }));
+      const a = await i.findByTestId("mock-image-only-hero");
+      t(a).toBeInTheDocument();
+    }), l("should handle complex nested children", async () => {
+      s(
+        /* @__PURE__ */ o(n, { layoutComponent: "ContentHero", children: /* @__PURE__ */ p("div", { children: [
+          /* @__PURE__ */ o("h1", { children: "Title" }),
+          /* @__PURE__ */ p("div", { children: [
+            /* @__PURE__ */ o("p", { children: "Nested content" }),
+            /* @__PURE__ */ p("ul", { children: [
+              /* @__PURE__ */ o("li", { children: "Item 1" }),
+              /* @__PURE__ */ o("li", { children: "Item 2" })
+            ] })
+          ] })
+        ] }) })
+      );
+      const e = await i.findByTestId("mock-content-hero");
+      t(e).toHaveTextContent("Title"), t(e).toHaveTextContent("Nested content"), t(e).toHaveTextContent("Item 1"), t(e).toHaveTextContent("Item 2");
+    });
+  }), r("Integration", () => {
+    l("should handle complete workflow with layout and children", async () => {
+      const e = {
+        title: "Hero Title",
+        description: "Hero Description"
+      }, { container: a } = s(
+        /* @__PURE__ */ o(
+          n,
+          {
+            layoutComponent: "ContentHero",
+            layoutProps: e,
+            children: /* @__PURE__ */ o("div", { "data-testid": "hero-content", children: /* @__PURE__ */ o("p", { children: "Content inside hero" }) })
+          }
+        )
+      ), c = a.querySelector("section");
+      t(c).toBeInTheDocument(), t(c).toHaveClass("page-hero"), t(c).toHaveClass("page-hero-module");
+      const y = await i.findByTestId("mock-content-hero");
+      t(y).toHaveAttribute("data-title", "Hero Title"), t(y).toHaveAttribute("data-description", "Hero Description");
+      const u = i.getByTestId("hero-content");
+      t(u).toBeInTheDocument(), t(y).toContainElement(u);
+    }), l("should handle fallback rendering when layout not found", () => {
+      const { container: e } = s(
+        /* @__PURE__ */ o(n, { layoutComponent: "InvalidLayout", children: /* @__PURE__ */ o("div", { "data-testid": "fallback-content", children: /* @__PURE__ */ o("p", { children: "Fallback content" }) }) })
+      );
+      t(h.warn).toHaveBeenCalled();
+      const a = e.querySelector("section");
+      t(a).toBeInTheDocument();
+      const c = i.getByTestId("fallback-content");
+      t(c).toBeInTheDocument();
+    }), l("should handle switching between layouts with same children", async () => {
+      const e = /* @__PURE__ */ o("p", { "data-testid": "persistent-child", children: "Persistent Child" }), { rerender: a } = s(
+        /* @__PURE__ */ o(n, { layoutComponent: "ImageOnlyHero", children: e })
+      ), c = await i.findByTestId("mock-image-only-hero");
+      t(c).toBeInTheDocument(), t(i.getByTestId("persistent-child")).toBeInTheDocument(), a(
+        /* @__PURE__ */ o(n, { layoutComponent: "ContentHero", children: e })
+      );
+      const y = await i.findByTestId("mock-content-hero");
+      t(y).toBeInTheDocument(), t(i.getByTestId("persistent-child")).toBeInTheDocument();
+    });
+  }), r("Accessibility", () => {
+    l("should render semantic section element", () => {
+      const { container: e } = s(/* @__PURE__ */ o(n, {})), a = e.querySelector("section");
+      t(a).toBeInTheDocument();
+    }), l("should maintain semantic structure with layout", async () => {
+      s(
+        /* @__PURE__ */ o(n, { layoutComponent: "ContentHero", children: /* @__PURE__ */ o("h1", { children: "Main Heading" }) })
+      );
+      const e = await i.findByRole("heading", { level: 1 });
+      t(e).toBeInTheDocument();
+    }), l("should preserve children accessibility features", async () => {
+      s(
+        /* @__PURE__ */ o(n, { layoutComponent: "ImageOnlyHero", children: /* @__PURE__ */ o("button", { "aria-label": "Close", children: "X" }) })
+      );
+      const e = await i.findByLabelText("Close");
+      t(e).toBeInTheDocument();
+    });
+  });
+});

package/dist/components/PageHero/page-hero-layouts/IONShow/IONShowHero.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as r, Fragment as f } from "react/jsx-runtime";
-import { p as P } from "../../../../index-VjANCDXC.mjs";
+import { p as P } from "../../../../index-06PEPfBQ.mjs";
 import { classes as a } from "../../../../utils/helpers.js";
 import { AirDateFormatter as N } from "../../../AirDateFormatter/AirDateFormatter.js";
 import { GetAirdateWrapper as v } from "../../../GetAirdateWrapper/GetAirdateWrapper.js";

package/dist/components/ProgramAirdate/ProgramAirdate.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { p as X } from "../../index-VjANCDXC.mjs";
+import { p as X } from "../../index-06PEPfBQ.mjs";
 import { classes as d } from "../../utils/helpers.js";
 import { Concat as Z } from "../Concat/Concat.js";
 import { CtaBlock as Y } from "../CtaBlock/CtaBlock.js";

package/dist/components/ProgramAirdate/ProgramAirdate.test.js

@@ -0,0 +1,414 @@
+import { jsx as a } from "react/jsx-runtime";
+import { v as m, d as c, b as p, i as s, r as n, g as r, s as d } from "../../react.esm-DLSrfVwM.mjs";
+import { ProgramAirdate as l } from "./ProgramAirdate.js";
+m.mock("html-react-parser", () => ({
+  default: (t) => t
+}));
+m.mock("date-fns", () => ({
+  format: m.fn((t, i) => i === "h" ? "10" : i === ":mm" ? ":30" : i === "H" ? "22" : "10:30"),
+  sub: m.fn((t, i) => {
+    const o = new Date(t);
+    return o.setHours(o.getHours() - i.hours), o;
+  })
+}));
+m.mock("../Concat/index.ts", () => ({
+  default: ({ list: t }) => /* @__PURE__ */ a("div", { "data-testid": "concat", children: t.map((i, o) => typeof i == "string" ? /* @__PURE__ */ a("span", { children: i }, o) : /* @__PURE__ */ a("span", { children: i }, o)) })
+}));
+m.mock("../CtaBlock/index.ts", () => ({
+  default: ({ content: t, cta: i, btnFlatColors: o, ctaButtonStyle: e }) => /* @__PURE__ */ a(
+    "div",
+    {
+      "data-bg-color": o.bgColor,
+      "data-button-style": e,
+      "data-href": i.href,
+      "data-label": i.label,
+      "data-testid": "cta-block",
+      children: t
+    }
+  )
+}));
+m.mock("../StringList/index.ts", () => ({
+  default: ({ list: t, separatorType: i }) => /* @__PURE__ */ a("span", { "data-separator": i, "data-testid": "string-list", children: t.filter(Boolean).join(" | ") })
+}));
+m.mock("../../utils/helpers", () => ({
+  classes: (t) => t.filter(Boolean).join(" ")
+}));
+m.mock("./ProgramAirdate.module.scss", () => ({
+  default: {
+    "program-airdate": "program-airdate-module",
+    "program-airdate__descriptor": "program-airdate__descriptor-module",
+    "program-airdate__logo": "program-airdate__logo-module",
+    "program-airdate--missing-logo": "program-airdate--missing-logo-module",
+    "program-airdate__logo-image": "program-airdate__logo-image-module"
+  }
+}));
+c("ProgramAirdate", () => {
+  const t = {
+    id: "1",
+    slug: "test-episode",
+    title_code: "TEST001",
+    start_date_parse: "2024-01-15",
+    start_time: "10:30 PM",
+    title_name: "Test Episode",
+    name: "Test Program",
+    airdate: "2024-01-15 22:30:00",
+    program_class: "Episode",
+    primary_color: "#ff0000",
+    secondary_color: "#00ff00",
+    episode: {
+      name: "The First Episode",
+      title: "The First Episode",
+      season: 1,
+      number: 5,
+      series: {
+        slug: "test-series",
+        name: "Test Series",
+        primary_color: "#ff0000",
+        secondary_color: "#00ff00",
+        logo: {
+          black: {
+            url: "https://example.com/logo.png",
+            aspect_ratio: 1.5
+          },
+          aspect_ratio: 1.5
+        },
+        image: {
+          url: "https://example.com/series.jpg"
+        }
+      }
+    }
+  }, i = {
+    id: "2",
+    slug: "test-film",
+    title_code: "FILM001",
+    start_date_parse: "2024-01-16",
+    start_time: "8:00 PM",
+    title_name: "Test Film",
+    name: "Test Film",
+    airdate: "2024-01-16 20:00:00",
+    program_class: "Film",
+    primary_color: "#0000ff",
+    secondary_color: "#ffff00"
+  };
+  p(() => {
+    m.clearAllMocks();
+  }), c("Basic Rendering - Episode", () => {
+    s("should render program-airdate container", () => {
+      const { container: o } = n(/* @__PURE__ */ a(l, { program: t })), e = o.querySelector(".program-airdate");
+      r(e).toBeInTheDocument();
+    }), s("should apply SCSS module class", () => {
+      const { container: o } = n(/* @__PURE__ */ a(l, { program: t })), e = o.querySelector(".program-airdate");
+      r(e).toHaveClass("program-airdate-module");
+    }), s("should render descriptor text", () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(l, { brand: "Test Network", program: t })
+      ), e = o.querySelector(".program-airdate__descriptor-module");
+      r(e).toHaveTextContent("Now Playing on Test Network");
+    }), s("should render logo container", () => {
+      const { container: o } = n(/* @__PURE__ */ a(l, { program: t })), e = o.querySelector(".program-airdate__logo-module");
+      r(e).toBeInTheDocument();
+    }), s("should render CtaBlock component", () => {
+      n(/* @__PURE__ */ a(l, { program: t }));
+      const o = d.getByTestId("cta-block");
+      r(o).toBeInTheDocument();
+    });
+  }), c("Basic Rendering - Film", () => {
+    s("should render program-airdate container for film", () => {
+      const { container: o } = n(/* @__PURE__ */ a(l, { program: i })), e = o.querySelector(".program-airdate");
+      r(e).toBeInTheDocument();
+    }), s("should render descriptor for film", () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(l, { brand: "Movie Channel", program: i })
+      ), e = o.querySelector(".program-airdate__descriptor-module");
+      r(e).toHaveTextContent("Now Playing on Movie Channel");
+    }), s("should apply missing-logo class for film", () => {
+      const { container: o } = n(/* @__PURE__ */ a(l, { program: i })), e = o.querySelector(".program-airdate__logo-module");
+      r(e).toHaveClass("program-airdate--missing-logo-module");
+    });
+  }), c("Type Descriptors", () => {
+    s('should display "Now Playing on" for on-now type', () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(l, { brand: "Network", program: t, type: "on-now" })
+      ), e = o.querySelector(".program-airdate__descriptor-module");
+      r(e).toHaveTextContent("Now Playing on Network");
+    }), s('should display "Playing Tomorrow on" for on-tomorrow type', () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(l, { brand: "Network", program: t, type: "on-tomorrow" })
+      ), e = o.querySelector(".program-airdate__descriptor-module");
+      r(e).toHaveTextContent("Playing Tomorrow on Network");
+    }), s('should display "Coming Soon on" for upcoming type', () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(l, { brand: "Network", program: t, type: "upcoming" })
+      ), e = o.querySelector(".program-airdate__descriptor-module");
+      r(e).toHaveTextContent("Coming Soon on Network");
+    });
+  }), c("Episode Numbering", () => {
+    s("should display season and episode number", () => {
+      n(/* @__PURE__ */ a(l, { program: t }));
+      const o = d.getByTestId("string-list");
+      r(o).toHaveTextContent("S1 E5");
+    }), s("should display only episode number when season is null", () => {
+      const o = {
+        ...t,
+        episode: {
+          ...t.episode,
+          season: null,
+          number: 10
+        }
+      };
+      n(/* @__PURE__ */ a(l, { program: o }));
+      const e = d.getByTestId("string-list");
+      r(e).toHaveTextContent("E10");
+    }), s("should display only season number when episode is null", () => {
+      const o = {
+        ...t,
+        episode: {
+          ...t.episode,
+          season: 3,
+          number: null
+        }
+      };
+      n(/* @__PURE__ */ a(l, { program: o }));
+      const e = d.getByTestId("string-list");
+      r(e).toHaveTextContent("S3");
+    }), s("should not display episode number when both are null", () => {
+      const o = {
+        ...t,
+        episode: {
+          ...t.episode,
+          season: null,
+          number: null
+        }
+      };
+      n(/* @__PURE__ */ a(l, { program: o }));
+      const e = d.getByTestId("string-list");
+      r(e.textContent).not.toMatch(/S\d+/), r(e.textContent).not.toMatch(/E\d+/);
+    });
+  }), c("Logo Rendering - Gradient Style", () => {
+    s("should render with gradient style by default", () => {
+      const { container: o } = n(/* @__PURE__ */ a(l, { program: t })), e = o.querySelector(".program-airdate__logo-module");
+      r(e).toHaveAttribute("data-style", "gradient");
+    }), s("should apply CSS custom properties for gradient", () => {
+      const { container: o } = n(/* @__PURE__ */ a(l, { program: t })), e = o.querySelector(".program-airdate"), g = e == null ? void 0 : e.getAttribute("style");
+      r(g).toContain("--pa-logo-image"), r(g).toContain("--pa-gradient");
+    }), s("should render screen reader text for logo", () => {
+      const { container: o } = n(/* @__PURE__ */ a(l, { program: t })), e = o.querySelector(".sr-only");
+      r(e).toHaveTextContent("Test Series");
+    }), s("should not render img tag for gradient style", () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(l, { logoStyle: "gradient", program: t })
+      ), e = o.querySelector(".program-airdate__logo-image-module");
+      r(e).not.toBeInTheDocument();
+    });
+  }), c("Logo Rendering - Non-Gradient Style", () => {
+    s("should render img tag for non-gradient style", () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(l, { logoStyle: "standard", program: t })
+      ), e = o.querySelector(".program-airdate__logo-image-module");
+      r(e).toBeInTheDocument();
+    }), s("should set correct src for logo image", () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(l, { logoStyle: "standard", program: t })
+      ), e = o.querySelector(".program-airdate__logo-image-module");
+      r(e).toHaveAttribute("src", "https://example.com/logo.png");
+    }), s("should set alt text for logo image", () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(l, { logoStyle: "standard", program: t })
+      ), e = o.querySelector(".program-airdate__logo-image-module");
+      r(e).toHaveAttribute("alt", "Test Series");
+    });
+  }), c("useLogo Prop", () => {
+    s("should show logo when useLogo is true", () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(l, { useLogo: !0, logoStyle: "standard", program: t })
+      ), e = o.querySelector(".program-airdate__logo-image-module");
+      r(e).toBeInTheDocument();
+    }), s("should hide logo when useLogo is false", () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(l, { logoStyle: "standard", program: t, useLogo: !1 })
+      ), e = o.querySelector(".program-airdate__logo-image-module");
+      r(e).not.toBeInTheDocument();
+    }), s("should show series name text when useLogo is false", () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(l, { program: t, useLogo: !1 })
+      ), e = o.querySelector(".program-airdate__logo-module");
+      r(e).toHaveTextContent("Test Series");
+    });
+  }), c("Button Styles", () => {
+    s("should use flat button style by default", () => {
+      n(/* @__PURE__ */ a(l, { program: t }));
+      const o = d.getByTestId("cta-block");
+      r(o).toHaveAttribute("data-button-style", "flat");
+    }), s("should use gradient button style when specified", () => {
+      n(/* @__PURE__ */ a(l, { buttonStyle: "gradient", program: t }));
+      const o = d.getByTestId("cta-block");
+      r(o).toHaveAttribute("data-button-style", "gradient");
+    });
+  }), c("useSeriesColors Prop", () => {
+    s("should use series colors when useSeriesColors is true", () => {
+      n(/* @__PURE__ */ a(l, { useSeriesColors: !0, program: t }));
+      const o = d.getByTestId("cta-block");
+      r(o).toHaveAttribute("data-bg-color", "#ff0000");
+    }), s("should use theme colors when useSeriesColors is false", () => {
+      n(/* @__PURE__ */ a(l, { program: t, useSeriesColors: !1 }));
+      const o = d.getByTestId("cta-block");
+      r(o).toHaveAttribute("data-bg-color", "var(--theme-color-400)");
+    });
+  }), c("CTA Href", () => {
+    s("should pass href to CTA block", () => {
+      n(
+        /* @__PURE__ */ a(
+          l,
+          {
+            href: "/schedule",
+            program: t
+          }
+        )
+      );
+      const o = d.getByTestId("cta-block");
+      r(o).toHaveAttribute("data-href", "/schedule");
+    }), s("should use empty href by default", () => {
+      n(/* @__PURE__ */ a(l, { program: t }));
+      const o = d.getByTestId("cta-block");
+      r(o).toHaveAttribute("data-href", "");
+    }), s("should show Full Schedule label", () => {
+      n(/* @__PURE__ */ a(l, { program: t }));
+      const o = d.getByTestId("cta-block");
+      r(o).toHaveAttribute("data-label", "Full Schedule");
+    });
+  }), c("Default Props", () => {
+    s("should use empty string for brand by default", () => {
+      const { container: o } = n(/* @__PURE__ */ a(l, { program: t })), e = o.querySelector(".program-airdate__descriptor-module");
+      r(e == null ? void 0 : e.textContent).toContain("Now Playing on"), r(e == null ? void 0 : e.textContent).not.toMatch(/\w+$/);
+    }), s("should use on-now type by default", () => {
+      const { container: o } = n(/* @__PURE__ */ a(l, { program: t })), e = o.querySelector(".program-airdate__descriptor-module");
+      r(e == null ? void 0 : e.textContent).toContain("Now Playing on");
+    }), s("should use flat button style by default", () => {
+      n(/* @__PURE__ */ a(l, { program: t }));
+      const o = d.getByTestId("cta-block");
+      r(o).toHaveAttribute("data-button-style", "flat");
+    }), s("should use gradient logo style by default", () => {
+      const { container: o } = n(/* @__PURE__ */ a(l, { program: t })), e = o.querySelector(".program-airdate__logo-module");
+      r(e).toHaveAttribute("data-style", "gradient");
+    }), s("should use logo by default", () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(l, { logoStyle: "standard", program: t })
+      ), e = o.querySelector(".program-airdate__logo-image-module");
+      r(e).toBeInTheDocument();
+    }), s("should use series colors by default", () => {
+      n(/* @__PURE__ */ a(l, { program: t }));
+      const o = d.getByTestId("cta-block");
+      r(o).toHaveAttribute("data-bg-color", "#ff0000");
+    }), s("should use empty href by default", () => {
+      n(/* @__PURE__ */ a(l, { program: t }));
+      const o = d.getByTestId("cta-block");
+      r(o).toHaveAttribute("data-href", "");
+    });
+  }), c("Film Rendering", () => {
+    s("should render film name in logo section", () => {
+      const { container: o } = n(/* @__PURE__ */ a(l, { program: i })), e = o.querySelector(".program-airdate__logo-module");
+      r(e).toHaveTextContent("Test Film");
+    }), s("should use film colors for CTA", () => {
+      n(/* @__PURE__ */ a(l, { program: i }));
+      const o = d.getByTestId("cta-block");
+      r(o).toHaveAttribute("data-bg-color", "#0000ff");
+    }), s("should not render gradient for film", () => {
+      n(/* @__PURE__ */ a(l, { buttonStyle: "gradient", program: i }));
+      const o = d.getByTestId("cta-block");
+      r(o).toBeInTheDocument();
+    });
+  }), c("Edge Cases", () => {
+    s("should handle missing airdate gracefully", () => {
+      const o = {
+        ...t,
+        airdate: void 0
+      }, { container: e } = n(/* @__PURE__ */ a(l, { program: o }));
+      r(e.querySelector(".program-airdate")).toBeInTheDocument();
+    }), s("should handle program without episode object", () => {
+      const o = {
+        ...t,
+        program_class: "Special",
+        episode: void 0
+      }, { container: e } = n(/* @__PURE__ */ a(l, { program: o }));
+      r(e.querySelector(".program-airdate")).toBeInTheDocument();
+    }), s("should handle missing series logo", () => {
+      const o = {
+        ...t,
+        episode: {
+          ...t.episode,
+          series: {
+            ...t.episode.series,
+            logo: null
+          }
+        }
+      }, { container: e } = n(/* @__PURE__ */ a(l, { program: o })), g = e.querySelector(".program-airdate__logo-module");
+      r(g).toHaveClass("program-airdate--missing-logo-module");
+    }), s("should handle series name with HTML", () => {
+      const o = {
+        ...t,
+        episode: {
+          ...t.episode,
+          series: {
+            ...t.episode.series,
+            name: "Test<br/>Series"
+          }
+        }
+      }, { container: e } = n(
+        /* @__PURE__ */ a(l, { logoStyle: "standard", program: o })
+      ), g = e.querySelector(".program-airdate__logo-image-module");
+      r(g).toHaveAttribute("alt", "Test Series");
+    }), s("should handle film name with HTML", () => {
+      const o = {
+        ...i,
+        name: "Test<br/>Film"
+      }, { container: e } = n(/* @__PURE__ */ a(l, { program: o })), g = e.querySelector(".program-airdate__logo-module");
+      r(g).toHaveTextContent("Test<br/>Film");
+    });
+  }), c("Integration", () => {
+    s("should render complete episode with all props", () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(
+          l,
+          {
+            useLogo: !0,
+            useSeriesColors: !0,
+            brand: "Test Network",
+            buttonStyle: "gradient",
+            href: "/full-schedule",
+            logoStyle: "standard",
+            program: t,
+            type: "upcoming"
+          }
+        )
+      );
+      r(o.querySelector(".program-airdate")).toBeInTheDocument();
+      const e = o.querySelector(".program-airdate__descriptor-module");
+      r(e).toHaveTextContent("Coming Soon on Test Network");
+      const g = o.querySelector(".program-airdate__logo-image-module");
+      r(g).toBeInTheDocument();
+      const u = d.getByTestId("cta-block");
+      r(u).toHaveAttribute("data-href", "/full-schedule"), r(u).toHaveAttribute("data-button-style", "gradient");
+    }), s("should render complete film with all props", () => {
+      const { container: o } = n(
+        /* @__PURE__ */ a(
+          l,
+          {
+            brand: "Movie Network",
+            buttonStyle: "flat",
+            href: "/movies",
+            logoStyle: "standard",
+            program: i,
+            type: "on-tomorrow"
+          }
+        )
+      );
+      r(o.querySelector(".program-airdate")).toBeInTheDocument();
+      const e = o.querySelector(".program-airdate__descriptor-module");
+      r(e).toHaveTextContent("Playing Tomorrow on Movie Network");
+      const g = o.querySelector(".program-airdate__logo-module");
+      r(g).toHaveTextContent("Test Film");
+      const u = d.getByTestId("cta-block");
+      r(u).toHaveAttribute("data-href", "/movies"), r(u).toHaveAttribute("data-button-style", "flat");
+    });
+  });
+});