@scrippsproduct/networks-ui-library 1.1.9 → 1.1.10

package/dist/components/ShowAboutContent/ShowAboutContent.test.js

@@ -0,0 +1,535 @@
+import { jsx as n } from "react/jsx-runtime";
+import { v as m, d as g, b as S, i as a, r as c, g as e, s as h } from "../../react.esm-DLSrfVwM.mjs";
+import "../../index-BVxBrkZB.mjs";
+import { ShowAboutContent as r } from "./ShowAboutContent.js";
+m.mock("../SectionedContent", () => ({
+  default: ({ sections: d }) => /* @__PURE__ */ n("div", { "data-sections": JSON.stringify(d), "data-testid": "sectioned-content", children: "SectionedContent Mock" })
+}));
+m.mock("../GenericList", () => ({
+  default: ({ list: d, classname: i }) => /* @__PURE__ */ n("ul", { "data-classname": i, "data-testid": "generic-list", children: d.map((s, o) => /* @__PURE__ */ n("li", { children: s }, o)) })
+}));
+m.mock("../SocialShareBlock", () => ({
+  default: ({ url: d, text: i, longtext: s }) => /* @__PURE__ */ n(
+    "div",
+    {
+      "data-longtext": s,
+      "data-testid": "social-share-block",
+      "data-text": i,
+      "data-url": d,
+      children: "SocialShareBlock Mock"
+    }
+  )
+}));
+const y = m.fn((d) => d.join(" "));
+m.mock("../../utils/helpers", () => ({
+  classes: (d) => y(d)
+}));
+const u = m.fn((d) => d);
+m.mock("html-react-parser", () => ({
+  default: (d) => u(d)
+}));
+g("ShowAboutContent", () => {
+  S(() => {
+    m.clearAllMocks();
+  });
+  const d = (s) => ({
+    name: "Test Show",
+    slug: "test-show",
+    title: "Test Show",
+    programType: "series",
+    series_synopsis: "This is a test show synopsis.",
+    director: "John Director",
+    creators: "Jane Creator, Bob Writer",
+    public_content: "<p>Award-winning show</p>",
+    rating: "TV-14",
+    logoImage: {
+      image: {
+        publicUrl: "https://example.com/logo.png",
+        altText: "Test Show Logo",
+        sources: [],
+        width: 100,
+        height: 100,
+        sizes: []
+      }
+    },
+    ...s
+  }), i = {
+    series: d(),
+    castStr: "Actor One, Actor Two, Actor Three",
+    showUpcoming: !1,
+    type: "series",
+    nextAirDates: []
+  };
+  g("Basic Rendering", () => {
+    a("should render SectionedContent", () => {
+      c(/* @__PURE__ */ n(r, { ...i })), e(h.getByTestId("sectioned-content")).toBeInTheDocument();
+    }), a("should render without social share by default", () => {
+      c(/* @__PURE__ */ n(r, { ...i })), e(h.queryByTestId("social-share-block")).not.toBeInTheDocument();
+    }), a("should not render upcoming content when showUpcoming is false", () => {
+      c(/* @__PURE__ */ n(r, { ...i, showUpcoming: !1 })), e(h.queryByText("Upcoming Airings")).not.toBeInTheDocument();
+    });
+  }), g("SectionedContent Sections", () => {
+    a("should create About section with series title", () => {
+      const s = d({ title: "My Custom Show" }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), p = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]")[0];
+      e(p.header.title).toBe("About My Custom Show"), e(p.header.type).toBe("primary");
+    }), a("should include series synopsis in About section content", () => {
+      const s = d({ series_synopsis: "Custom synopsis text" }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]");
+      e(l[0].content).toBe("Custom synopsis text");
+    }), a("should use empty string for About section when series_synopsis is undefined", () => {
+      const s = d({ series_synopsis: void 0 }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]");
+      e(l[0].content).toBe("");
+    }), a("should create Starring section with castStr", () => {
+      const { container: s } = c(/* @__PURE__ */ n(r, { ...i, castStr: "Star 1, Star 2" })), o = s.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((o == null ? void 0 : o.getAttribute("data-sections")) || "[]")[1];
+      e(l.header.title).toBe("Starring"), e(l.header.type).toBe("secondary"), e(l.content).toBe("<p>Star 1, Star 2</p>");
+    }), a("should use empty string for Starring section when castStr is empty", () => {
+      const { container: s } = c(/* @__PURE__ */ n(r, { ...i, castStr: "" })), o = s.querySelector('[data-testid="sectioned-content"]'), t = JSON.parse((o == null ? void 0 : o.getAttribute("data-sections")) || "[]");
+      e(t[1].content).toBe("");
+    }), a("should create Director section with director name", () => {
+      const s = d({ director: "Steven Spielberg" }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), p = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]")[2];
+      e(p.header.title).toBe("Director"), e(p.content).toBe("<p>Steven Spielberg</p>");
+    }), a("should use empty string for Director section when director is undefined", () => {
+      const s = d({ director: void 0 }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]");
+      e(l[2].content).toBe("");
+    }), a("should create Creators section with creators names", () => {
+      const s = d({ creators: "Creator A, Creator B" }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), p = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]")[3];
+      e(p.header.title).toBe("Creators"), e(p.content).toBe("<p>Creator A, Creator B</p>");
+    }), a("should use empty string for Creators section when creators is undefined", () => {
+      const s = d({ creators: void 0 }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]");
+      e(l[3].content).toBe("");
+    }), a("should create Public & Critical Acclaim section", () => {
+      const s = d({ public_content: "<p>Winner of 10 Emmy Awards</p>" }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), p = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]")[4];
+      e(p.header.title).toBe("Public & Critical Acclaim"), e(p.content).toBe("<p>Winner of 10 Emmy Awards</p>");
+    }), a("should use empty string for Public & Critical Acclaim when public_content is undefined", () => {
+      const s = d({ public_content: void 0 }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]");
+      e(l[4].content).toBe("");
+    }), a("should use nullish coalescing for public_content", () => {
+      const s = d({ public_content: null }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]");
+      e(l[4].content).toBe("");
+    }), a("should render all 5 sections", () => {
+      const { container: s } = c(/* @__PURE__ */ n(r, { ...i })), o = s.querySelector('[data-testid="sectioned-content"]'), t = JSON.parse((o == null ? void 0 : o.getAttribute("data-sections")) || "[]");
+      e(t).toHaveLength(5);
+    });
+  }), g("Social Share Block", () => {
+    a("should render SocialShareBlock when enabled", () => {
+      c(/* @__PURE__ */ n(r, { ...i, socialShare: {
+        enabled: !0,
+        url: "https://example.com/show",
+        text: "Check out this show",
+        longtext: "Check out this amazing show on our network"
+      } })), e(h.getByTestId("social-share-block")).toBeInTheDocument();
+    }), a("should not render SocialShareBlock when disabled", () => {
+      c(/* @__PURE__ */ n(r, { ...i, socialShare: {
+        enabled: !1,
+        url: "https://example.com/show",
+        text: "Check out this show",
+        longtext: "Check out this amazing show on our network"
+      } })), e(h.queryByTestId("social-share-block")).not.toBeInTheDocument();
+    }), a("should pass url to SocialShareBlock", () => {
+      c(/* @__PURE__ */ n(r, { ...i, socialShare: {
+        enabled: !0,
+        url: "https://custom.com/url",
+        text: "Text",
+        longtext: "Long text"
+      } }));
+      const o = h.getByTestId("social-share-block");
+      e(o).toHaveAttribute("data-url", "https://custom.com/url");
+    }), a("should pass text to SocialShareBlock", () => {
+      c(/* @__PURE__ */ n(r, { ...i, socialShare: {
+        enabled: !0,
+        url: "https://example.com",
+        text: "Custom text",
+        longtext: "Long text"
+      } }));
+      const o = h.getByTestId("social-share-block");
+      e(o).toHaveAttribute("data-text", "Custom text");
+    }), a("should pass longtext to SocialShareBlock", () => {
+      c(/* @__PURE__ */ n(r, { ...i, socialShare: {
+        enabled: !0,
+        url: "https://example.com",
+        text: "Text",
+        longtext: "Custom long text description"
+      } }));
+      const o = h.getByTestId("social-share-block");
+      e(o).toHaveAttribute("data-longtext", "Custom long text description");
+    }), a("should apply correct CSS classes to social share wrapper", () => {
+      const s = {
+        enabled: !0,
+        url: "https://example.com",
+        text: "Text",
+        longtext: "Long text"
+      }, { container: o } = c(/* @__PURE__ */ n(r, { ...i, socialShare: s })), t = o.querySelector(".show-about-content__social-share");
+      e(t).toBeInTheDocument();
+    }), a("should call classes helper for social share wrapper", () => {
+      c(/* @__PURE__ */ n(r, { ...i, socialShare: {
+        enabled: !0,
+        url: "https://example.com",
+        text: "Text",
+        longtext: "Long text"
+      } })), e(y).toHaveBeenCalledWith(
+        e.arrayContaining(["show-about-content__social-share"])
+      );
+    }), a("should use default empty socialShare when not provided", () => {
+      c(/* @__PURE__ */ n(r, { ...i })), e(h.queryByTestId("social-share-block")).not.toBeInTheDocument();
+    });
+  }), g("Upcoming Airings - With Air Dates", () => {
+    a("should render upcoming airings when showUpcoming is true and nextAirDates has items", () => {
+      c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: ["2024-01-15 7:00 PM", "2024-01-16 8:00 PM"]
+        }
+      )), e(h.getByText("Upcoming Airings")).toBeInTheDocument();
+    }), a("should render GenericList with air dates", () => {
+      c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: ["Date 1", "Date 2", "Date 3"]
+        }
+      ));
+      const s = h.getByTestId("generic-list");
+      e(s).toBeInTheDocument(), e(h.getByText("Date 1")).toBeInTheDocument(), e(h.getByText("Date 2")).toBeInTheDocument(), e(h.getByText("Date 3")).toBeInTheDocument();
+    }), a("should pass correct classname to GenericList", () => {
+      c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: ["Date 1"]
+        }
+      ));
+      const s = h.getByTestId("generic-list");
+      e(s).toHaveAttribute("data-classname", "upcoming-airings__list");
+    }), a("should wrap GenericList in upcoming-airings div", () => {
+      const { container: s } = c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: ["Date 1"]
+        }
+      )), o = s.querySelector(".upcoming-airings");
+      e(o).toBeInTheDocument();
+    }), a("should render h3 with h5 class for upcoming airings title", () => {
+      const { container: s } = c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: ["Date 1"]
+        }
+      )), o = s.querySelector("h3.h5");
+      e(o).toBeInTheDocument(), e(o == null ? void 0 : o.textContent).toBe("Upcoming Airings");
+    });
+  }), g("Upcoming Airings - No Air Dates (Series)", () => {
+    a("should show series message when type is series and no air dates", () => {
+      c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: [],
+          type: "series"
+        }
+      )), e(u).toHaveBeenCalledWith(
+        e.stringContaining("This show doesn't have any episodes scheduled")
+      );
+    }), a("should include link to schedule in series message", () => {
+      c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: [],
+          type: "series"
+        }
+      )), e(u).toHaveBeenCalledWith(
+        e.stringContaining('<a href="/schedule" className="inline-anchor">full schedule</a>')
+      );
+    }), a("should render paragraph for series message", () => {
+      const { container: s } = c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: [],
+          type: "series"
+        }
+      )), o = s.querySelector(".upcoming-airings"), t = o == null ? void 0 : o.querySelector("p");
+      e(t).toBeInTheDocument();
+    });
+  }), g("Upcoming Airings - No Air Dates (Film)", () => {
+    a("should show film message when type is film and no air dates", () => {
+      c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: [],
+          type: "film"
+        }
+      )), e(u).toHaveBeenCalledWith(
+        e.stringContaining("This movie doesn't have any airings in the next two weeks")
+      );
+    }), a("should include link to schedule in film message", () => {
+      c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: [],
+          type: "film"
+        }
+      )), e(u).toHaveBeenCalledWith(
+        e.stringContaining('<a href="/schedule" className="inline-anchor">full schedule</a>')
+      );
+    }), a("should render different message for film vs series", () => {
+      u.mockClear();
+      const { rerender: s } = c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: [],
+          type: "series"
+        }
+      )), o = u.mock.calls.find(
+        (l) => l[0].includes("This show doesn't have")
+      );
+      u.mockClear(), s(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: [],
+          type: "film"
+        }
+      ));
+      const t = u.mock.calls.find(
+        (l) => l[0].includes("This movie doesn't have")
+      );
+      e(o).toBeDefined(), e(t).toBeDefined();
+    });
+  }), g("Upcoming Airings - Unknown Type", () => {
+    a("should show film message when type is unknown and no air dates", () => {
+      c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: [],
+          type: "unknown"
+        }
+      )), e(u).toHaveBeenCalledWith(
+        e.stringContaining("This movie doesn't have any airings in the next two weeks")
+      );
+    });
+  }), g("Edge Cases", () => {
+    a("should handle very long series title", () => {
+      const s = d({ title: "A".repeat(200) }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]");
+      e(l[0].header.title).toContain("A".repeat(200));
+    }), a("should handle special characters in series title", () => {
+      const s = d({ title: 'Show <with> & "Special" Characters' }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]");
+      e(l[0].header.title).toBe('About Show <with> & "Special" Characters');
+    }), a("should handle empty castStr", () => {
+      const { container: s } = c(/* @__PURE__ */ n(r, { ...i, castStr: "" })), o = s.querySelector('[data-testid="sectioned-content"]'), t = JSON.parse((o == null ? void 0 : o.getAttribute("data-sections")) || "[]");
+      e(t[1].content).toBe("");
+    }), a("should handle very long castStr", () => {
+      const s = Array(50).fill("Actor Name").join(", "), { container: o } = c(/* @__PURE__ */ n(r, { ...i, castStr: s })), t = o.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]");
+      e(l[1].content).toContain(s);
+    }), a("should handle large number of air dates", () => {
+      const s = Array.from({ length: 100 }, (l, p) => `Date ${p + 1}`);
+      c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: s
+        }
+      ));
+      const t = h.getByTestId("generic-list").querySelectorAll("li");
+      e(t).toHaveLength(100);
+    }), a("should handle HTML in series_synopsis", () => {
+      const s = d({
+        series_synopsis: "<p>Synopsis with <strong>HTML</strong> tags</p>"
+      }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]");
+      e(l[0].content).toBe("<p>Synopsis with <strong>HTML</strong> tags</p>");
+    }), a("should handle unicode characters", () => {
+      const s = d({
+        title: "Show Title 🎬",
+        creators: "Creator 你好"
+      }), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]");
+      e(l[0].header.title).toBe("About Show Title 🎬"), e(l[3].content).toBe("<p>Creator 你好</p>");
+    }), a("should handle all optional fields missing", () => {
+      const s = d({
+        series_synopsis: void 0,
+        director: void 0,
+        creators: void 0,
+        public_content: void 0
+      }), { container: o } = c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          castStr: "",
+          series: s
+        }
+      )), t = o.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]");
+      e(l[0].content).toBe(""), e(l[1].content).toBe(""), e(l[2].content).toBe(""), e(l[3].content).toBe(""), e(l[4].content).toBe("");
+    });
+  }), g("Type Safety", () => {
+    a("should accept valid Series object", () => {
+      const s = d(), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s }));
+      e(o.querySelector('[data-testid="sectioned-content"]')).toBeInTheDocument();
+    }), a("should accept series type", () => {
+      c(/* @__PURE__ */ n(r, { ...i, type: "series" })), e(h.queryByText("Upcoming Airings")).not.toBeInTheDocument();
+    }), a("should accept film type", () => {
+      c(/* @__PURE__ */ n(r, { ...i, type: "film" })), e(h.queryByText("Upcoming Airings")).not.toBeInTheDocument();
+    }), a("should accept unknown type", () => {
+      c(/* @__PURE__ */ n(r, { ...i, type: "unknown" })), e(h.queryByText("Upcoming Airings")).not.toBeInTheDocument();
+    }), a("should accept empty nextAirDates array", () => {
+      c(/* @__PURE__ */ n(r, { ...i, nextAirDates: [] })), e(h.queryByTestId("generic-list")).not.toBeInTheDocument();
+    }), a("should accept array of strings for nextAirDates", () => {
+      c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: ["Date 1", "Date 2"]
+        }
+      )), e(h.getByTestId("generic-list")).toBeInTheDocument();
+    });
+  }), g("Integration Tests", () => {
+    a("should render complete component with all features", () => {
+      const s = d({
+        title: "Complete Show",
+        series_synopsis: "Full synopsis",
+        director: "Director Name",
+        creators: "Creators Names",
+        public_content: "<p>Awards</p>"
+      });
+      c(/* @__PURE__ */ n(
+        r,
+        {
+          showUpcoming: !0,
+          castStr: "Cast Members",
+          nextAirDates: ["Date 1", "Date 2"],
+          series: s,
+          socialShare: {
+            enabled: !0,
+            url: "https://example.com",
+            text: "Share text",
+            longtext: "Long share text"
+          },
+          type: "series"
+        }
+      )), e(h.getByTestId("sectioned-content")).toBeInTheDocument(), e(h.getByTestId("social-share-block")).toBeInTheDocument(), e(h.getByTestId("generic-list")).toBeInTheDocument(), e(h.getByText("Upcoming Airings")).toBeInTheDocument();
+    }), a("should coordinate SectionedContent sections correctly", () => {
+      const s = d(), { container: o } = c(/* @__PURE__ */ n(r, { ...i, series: s })), t = o.querySelector('[data-testid="sectioned-content"]'), l = JSON.parse((t == null ? void 0 : t.getAttribute("data-sections")) || "[]");
+      e(l[0].header.type).toBe("primary"), e(l[1].header.type).toBe("secondary"), e(l[2].header.type).toBe("secondary"), e(l[3].header.type).toBe("secondary"), e(l[4].header.type).toBe("secondary");
+    }), a("should render upcoming content based on air dates availability", () => {
+      const { rerender: s } = c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: ["Date 1"]
+        }
+      ));
+      e(h.getByTestId("generic-list")).toBeInTheDocument(), s(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: []
+        }
+      )), e(h.queryByTestId("generic-list")).not.toBeInTheDocument();
+    }), a("should toggle social share visibility", () => {
+      const s = {
+        enabled: !0,
+        url: "https://example.com",
+        text: "Text",
+        longtext: "Long text"
+      }, { rerender: o } = c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          socialShare: s
+        }
+      ));
+      e(h.getByTestId("social-share-block")).toBeInTheDocument(), o(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          socialShare: { ...s, enabled: !1 }
+        }
+      )), e(h.queryByTestId("social-share-block")).not.toBeInTheDocument();
+    });
+  }), g("Conditional Rendering Logic", () => {
+    a("should only render upcoming airings when showUpcoming is true", () => {
+      const { rerender: s } = c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          nextAirDates: ["Date 1"],
+          showUpcoming: !1
+        }
+      ));
+      e(h.queryByText("Upcoming Airings")).not.toBeInTheDocument(), s(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: ["Date 1"]
+        }
+      )), e(h.getByText("Upcoming Airings")).toBeInTheDocument();
+    }), a("should render different content based on nextAirDates.length", () => {
+      const { rerender: s } = c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: [],
+          type: "series"
+        }
+      ));
+      e(h.queryByTestId("generic-list")).not.toBeInTheDocument(), s(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: ["Date 1"],
+          type: "series"
+        }
+      )), e(h.getByTestId("generic-list")).toBeInTheDocument();
+    }), a("should render ternary based on type (series vs film)", () => {
+      u.mockClear(), c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: [],
+          type: "series"
+        }
+      ));
+      const s = u.mock.calls.some(
+        (t) => t[0].includes("This show doesn't have")
+      );
+      e(s).toBe(!0), u.mockClear(), c(/* @__PURE__ */ n(
+        r,
+        {
+          ...i,
+          showUpcoming: !0,
+          nextAirDates: [],
+          type: "film"
+        }
+      ));
+      const o = u.mock.calls.some(
+        (t) => t[0].includes("This movie doesn't have")
+      );
+      e(o).toBe(!0);
+    });
+  });
+});