@scrippsproduct/networks-ui-library 1.1.9 → 1.1.10

package/dist/components/ShowAboutLayout/ShowAboutLayout.test.js

@@ -0,0 +1,570 @@
+import { jsx as s } from "react/jsx-runtime";
+import { v as g, d as m, b as T, i as n, r, g as t, s as i } from "../../react.esm-DLSrfVwM.mjs";
+import "../../index-BVxBrkZB.mjs";
+import { ShowAboutLayout as a } from "./ShowAboutLayout.js";
+g.mock("../Concat", () => ({
+  default: ({ list: o }) => /* @__PURE__ */ s("div", { "data-list-length": o.length, "data-testid": "concat", children: "Concat Mock" })
+}));
+g.mock("../StringList", () => ({
+  default: ({ list: o, separatorType: l, makeBlock: e }) => /* @__PURE__ */ s(
+    "div",
+    {
+      "data-list": JSON.stringify(o),
+      "data-make-block": String(e),
+      "data-separator": l,
+      "data-testid": "string-list",
+      children: o.join(l === "comma" ? ", " : " | ")
+    }
+  )
+}));
+g.mock("../ImageCard", () => ({
+  default: ({ content: o, image: l }) => /* @__PURE__ */ s(
+    "div",
+    {
+      "data-alt-text": l.altText,
+      "data-aspect-ratio": l.aspectRatio,
+      "data-image-url": l.url,
+      "data-testid": "image-card",
+      children: o
+    }
+  )
+}));
+g.mock("../AdjustableTwoColumnGrid", () => ({
+  default: ({ children: o, classname: l, firstColumnWidth: e }) => /* @__PURE__ */ s(
+    "div",
+    {
+      "data-classname": l,
+      "data-first-column-width": e,
+      "data-testid": "adjustable-two-column-grid",
+      children: o
+    }
+  )
+}));
+g.mock("../ShowAboutContent", () => ({
+  default: ({
+    series: o,
+    castStr: l,
+    showUpcoming: e,
+    type: c,
+    nextAirDates: u,
+    socialShare: h
+  }) => /* @__PURE__ */ s(
+    "div",
+    {
+      "data-cast-str": l,
+      "data-next-air-dates": JSON.stringify(u),
+      "data-series-title": o.title,
+      "data-show-upcoming": e,
+      "data-social-share-enabled": h.enabled,
+      "data-testid": "show-about-content",
+      "data-type": c,
+      children: "ShowAboutContent Mock"
+    }
+  )
+}));
+const p = g.fn((o) => o.join(" ")), d = g.fn((o) => {
+  const l = Math.floor(o / 60), e = o % 60;
+  return e > 0 ? `${l}h ${e}m` : `${l}h`;
+});
+g.mock("./../../utils/helpers", () => ({
+  classes: (o) => p(o),
+  getHoursMinsStr: (o) => d(o)
+}));
+m("ShowAboutLayout", () => {
+  T(() => {
+    g.clearAllMocks();
+  });
+  const o = (e) => ({
+    name: "Test Show",
+    slug: "test-show",
+    title: "Test Show",
+    programType: "series",
+    series_synopsis: "Test synopsis",
+    rating: "TV-14",
+    genres: ["Drama", "Comedy"],
+    cast: [
+      { name: "Character 1", real_name: "Actor One", role: "Lead" },
+      { name: "Character 2", real_name: "Actor Two", role: "Supporting" }
+    ],
+    detailImage: null,
+    logoImage: {
+      image: {
+        publicUrl: "https://example.com/logo.png",
+        sources: [],
+        width: 200,
+        height: 100,
+        sizes: []
+      }
+    },
+    ...e
+  }), l = {
+    series: o()
+  };
+  m("Basic Rendering", () => {
+    n("should render AdjustableTwoColumnGrid", () => {
+      r(/* @__PURE__ */ s(a, { ...l })), t(i.getByTestId("adjustable-two-column-grid")).toBeInTheDocument();
+    }), n("should render ShowAboutContent in second column", () => {
+      r(/* @__PURE__ */ s(a, { ...l })), t(i.getByTestId("show-about-content")).toBeInTheDocument();
+    }), n("should apply correct classname to AdjustableTwoColumnGrid", () => {
+      r(/* @__PURE__ */ s(a, { ...l })), t(p).toHaveBeenCalledWith(
+        t.arrayContaining(["series-about-tab"])
+      );
+    }), n("should wrap ShowAboutContent in content div with correct class", () => {
+      const { container: e } = r(/* @__PURE__ */ s(a, { ...l })), c = e.querySelector(".series-about-tab__content");
+      t(c).toBeInTheDocument();
+    }), n("should call classes helper multiple times", () => {
+      r(/* @__PURE__ */ s(a, { ...l })), t(p).toHaveBeenCalled();
+    });
+  }), m("First Column Width", () => {
+    n("should use default firstColumnWidth of 33%", () => {
+      r(/* @__PURE__ */ s(a, { ...l }));
+      const e = i.getByTestId("adjustable-two-column-grid");
+      t(e).toHaveAttribute("data-first-column-width", "33%");
+    }), n("should accept custom firstColumnWidth", () => {
+      r(/* @__PURE__ */ s(a, { ...l, firstColumnWidth: "50%" }));
+      const e = i.getByTestId("adjustable-two-column-grid");
+      t(e).toHaveAttribute("data-first-column-width", "50%");
+    }), n("should accept percentage string", () => {
+      r(/* @__PURE__ */ s(a, { ...l, firstColumnWidth: "40%" }));
+      const e = i.getByTestId("adjustable-two-column-grid");
+      t(e).toHaveAttribute("data-first-column-width", "40%");
+    }), n("should accept pixel string", () => {
+      r(/* @__PURE__ */ s(a, { ...l, firstColumnWidth: "400px" }));
+      const e = i.getByTestId("adjustable-two-column-grid");
+      t(e).toHaveAttribute("data-first-column-width", "400px");
+    });
+  }), m("DetailImage Null - Concat Rendering", () => {
+    n("should render Concat when detailImage is null", () => {
+      const e = o({ detailImage: null });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("concat")).toBeInTheDocument(), t(i.queryByTestId("image-card")).not.toBeInTheDocument();
+    }), n("should pass 2 items to Concat list (genres + ratingAndTime)", () => {
+      const e = o({ detailImage: null });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("concat");
+      t(c).toHaveAttribute("data-list-length", "2");
+    }), n("should render genres as StringList in Concat when genres is array", () => {
+      const e = o({
+        detailImage: null,
+        genres: ["Action", "Adventure"]
+      });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should render genres as string in Concat when genres is string", () => {
+      const e = o({
+        detailImage: null,
+        genres: "Drama"
+      });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("concat")).toBeInTheDocument();
+    });
+  }), m("DetailImage Present - ImageCard Rendering", () => {
+    n("should render ImageCard when detailImage is present", () => {
+      const e = o({
+        detailImage: {
+          url: "https://example.com/image.jpg",
+          aspectRatio: 1.7777777777777777,
+          altText: "Series image"
+        }
+      });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("image-card")).toBeInTheDocument();
+    }), n("should pass correct image url to ImageCard", () => {
+      const e = o({
+        detailImage: {
+          url: "https://custom.com/photo.png",
+          aspectRatio: 1.3333333333333333
+        }
+      });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("image-card");
+      t(c).toHaveAttribute("data-image-url", "https://custom.com/photo.png");
+    }), n("should pass correct aspectRatio to ImageCard", () => {
+      const e = o({
+        detailImage: {
+          url: "https://example.com/image.jpg",
+          aspectRatio: 1.5
+        }
+      });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("image-card");
+      t(c).toHaveAttribute("data-aspect-ratio", "1.5");
+    }), n("should generate altText from series title", () => {
+      const e = o({
+        title: "My Custom Show",
+        detailImage: {
+          url: "https://example.com/image.jpg",
+          aspectRatio: 1.7777777777777777
+        }
+      });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("image-card");
+      t(c).toHaveAttribute("data-alt-text", "Image for My Custom Show");
+    }), n("should use empty string for url when detailImage.url is missing", () => {
+      const e = o({
+        detailImage: {
+          url: void 0,
+          aspectRatio: 1.7777777777777777
+        }
+      });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("image-card");
+      t(c).toHaveAttribute("data-image-url", "");
+    }), n("should use 16/9 aspectRatio when detailImage.aspectRatio is missing", () => {
+      const e = o({
+        detailImage: {
+          url: "https://example.com/image.jpg",
+          aspectRatio: void 0
+        }
+      });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("image-card");
+      t(c).toHaveAttribute("data-aspect-ratio", String(16 / 9));
+    }), n("should render Concat as content inside ImageCard", () => {
+      const e = o({
+        detailImage: {
+          url: "https://example.com/image.jpg",
+          aspectRatio: 1.7777777777777777
+        }
+      }), { container: c } = r(/* @__PURE__ */ s(a, { series: e })), u = c.querySelector('[data-testid="image-card"]'), h = u == null ? void 0 : u.querySelector('[data-testid="concat"]');
+      t(h).toBeInTheDocument();
+    });
+  }), m("CastStr Construction", () => {
+    n("should build castStr from series.cast real_name values", () => {
+      const e = o({
+        cast: [
+          { name: "Char 1", real_name: "John Doe", role: "Lead" },
+          { name: "Char 2", real_name: "Jane Smith", role: "Support" },
+          { name: "Char 3", real_name: "Bob Johnson" }
+        ]
+      });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("show-about-content");
+      t(c).toHaveAttribute("data-cast-str", "John Doe, Jane Smith, Bob Johnson");
+    }), n("should use empty string when series.cast is undefined", () => {
+      const e = o({ cast: void 0 });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("show-about-content");
+      t(c).toHaveAttribute("data-cast-str", "");
+    }), n("should handle empty cast array", () => {
+      const e = o({ cast: [] });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("show-about-content");
+      t(c).toHaveAttribute("data-cast-str", "");
+    }), n("should handle single cast member", () => {
+      const e = o({
+        cast: [{ name: "Character", real_name: "Solo Actor", role: "Lead" }]
+      });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("show-about-content");
+      t(c).toHaveAttribute("data-cast-str", "Solo Actor");
+    });
+  }), m("RatingAndTime Construction - Series Type", () => {
+    n("should build ratingAndTime array for series type", () => {
+      const e = o({
+        rating: "TV-PG",
+        run_time: 120
+      });
+      r(/* @__PURE__ */ s(a, { series: e, type: "series" })), t(i.getByTestId("show-about-content")).toBeInTheDocument();
+    }), n("should include TV Series label for series type", () => {
+      const e = o({ rating: "TV-14" });
+      r(/* @__PURE__ */ s(a, { series: e, type: "series" })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should include rating in ratingAndTime for series", () => {
+      const e = o({ rating: "TV-MA" });
+      r(/* @__PURE__ */ s(a, { series: e, type: "series" })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should only have 2 items for series type (TV Series + rating)", () => {
+      const e = o({ rating: "TV-14", run_time: 60 });
+      r(/* @__PURE__ */ s(a, { series: e, type: "series" })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should not include runtime for series type", () => {
+      const e = o({ rating: "TV-14", run_time: 90 });
+      d.mockClear(), r(/* @__PURE__ */ s(a, { series: e, type: "series" })), t(d).toHaveBeenCalledWith(90);
+    });
+  }), m("RatingAndTime Construction - Film Type", () => {
+    n("should include year_released for film type", () => {
+      const e = o({
+        programType: "film",
+        year_released: 2020,
+        rating: "PG-13",
+        run_time: 120
+      });
+      r(/* @__PURE__ */ s(a, { series: e, type: "film" })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should use Film label when year_released is undefined", () => {
+      const e = o({
+        programType: "film",
+        year_released: void 0,
+        rating: "PG"
+      });
+      r(/* @__PURE__ */ s(a, { series: e, type: "film" })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should include rating for film type", () => {
+      const e = o({
+        programType: "film",
+        rating: "R",
+        run_time: 105
+      });
+      r(/* @__PURE__ */ s(a, { series: e, type: "film" })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should include runtime for film type", () => {
+      const e = o({
+        programType: "film",
+        rating: "PG-13",
+        run_time: 120
+      });
+      r(/* @__PURE__ */ s(a, { series: e, type: "film" })), t(d).toHaveBeenCalledWith(120);
+    }), n("should call getHoursMinsStr with run_time", () => {
+      const e = o({
+        programType: "film",
+        run_time: 95
+      });
+      d.mockClear(), r(/* @__PURE__ */ s(a, { series: e, type: "film" })), t(d).toHaveBeenCalledWith(95);
+    }), n("should use empty string for runtime when run_time is undefined", () => {
+      const e = o({
+        programType: "film",
+        run_time: void 0
+      });
+      r(/* @__PURE__ */ s(a, { series: e, type: "film" })), t(d).not.toHaveBeenCalled();
+    }), n("should have 3 items for film with year and runtime", () => {
+      const e = o({
+        programType: "film",
+        year_released: 2022,
+        rating: "PG",
+        run_time: 100
+      });
+      r(/* @__PURE__ */ s(a, { series: e, type: "film" })), t(d).toHaveBeenCalled();
+    });
+  }), m("RatingAndTime Construction - Unknown Type", () => {
+    n("should use film logic for unknown type", () => {
+      const e = o({
+        programType: "unknown",
+        year_released: 2021,
+        rating: "NR",
+        run_time: 85
+      });
+      r(/* @__PURE__ */ s(a, { series: e, type: "unknown" })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should include runtime for unknown type", () => {
+      const e = o({
+        programType: "unknown",
+        run_time: 75
+      });
+      d.mockClear(), r(/* @__PURE__ */ s(a, { series: e, type: "unknown" })), t(d).toHaveBeenCalledWith(75);
+    });
+  }), m("Genres Handling", () => {
+    n("should render genres as StringList when genres is array", () => {
+      const e = o({ genres: ["Action", "Thriller", "Sci-Fi"] });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should pass comma separator for genres StringList", () => {
+      const e = o({ genres: ["Drama", "Comedy"] });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should pass makeBlock true to genres StringList", () => {
+      const e = o({ genres: ["Drama", "Comedy"] });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should render genres as string when genres is string type", () => {
+      const e = o({ genres: "Single Genre String" });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should handle empty genres array", () => {
+      const e = o({ genres: [] }), { container: c } = r(/* @__PURE__ */ s(a, { series: e })), u = c.querySelector('[data-separator="comma"]');
+      if (u) {
+        const h = JSON.parse(u.getAttribute("data-list") || "[]");
+        t(h).toHaveLength(0);
+      }
+    }), n("should handle undefined genres with fallback to empty array", () => {
+      const e = o({ genres: void 0 });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("concat")).toBeInTheDocument();
+    });
+  }), m("ShowAboutContent Props", () => {
+    n("should pass series to ShowAboutContent", () => {
+      const e = o({ title: "Custom Series Title" });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("show-about-content");
+      t(c).toHaveAttribute("data-series-title", "Custom Series Title");
+    }), n("should pass castStr to ShowAboutContent", () => {
+      const e = o({
+        cast: [
+          { name: "Char", real_name: "Actor A" },
+          { name: "Char", real_name: "Actor B" }
+        ]
+      });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("show-about-content");
+      t(c).toHaveAttribute("data-cast-str", "Actor A, Actor B");
+    }), n("should pass showUpcoming to ShowAboutContent", () => {
+      r(/* @__PURE__ */ s(a, { ...l, showUpcoming: !0 }));
+      const e = i.getByTestId("show-about-content");
+      t(e).toHaveAttribute("data-show-upcoming", "true");
+    }), n("should default showUpcoming to false", () => {
+      r(/* @__PURE__ */ s(a, { ...l }));
+      const e = i.getByTestId("show-about-content");
+      t(e).toHaveAttribute("data-show-upcoming", "false");
+    }), n("should pass type to ShowAboutContent", () => {
+      r(/* @__PURE__ */ s(a, { ...l, type: "film" }));
+      const e = i.getByTestId("show-about-content");
+      t(e).toHaveAttribute("data-type", "film");
+    }), n("should default type to series", () => {
+      r(/* @__PURE__ */ s(a, { ...l }));
+      const e = i.getByTestId("show-about-content");
+      t(e).toHaveAttribute("data-type", "series");
+    }), n("should pass nextAirdates to ShowAboutContent", () => {
+      r(/* @__PURE__ */ s(
+        a,
+        {
+          ...l,
+          nextAirdates: ["2024-01-15 7:00 PM", "2024-01-16 8:00 PM"]
+        }
+      ));
+      const e = i.getByTestId("show-about-content"), c = JSON.parse(e.getAttribute("data-next-air-dates") || "[]");
+      t(c).toEqual(["2024-01-15 7:00 PM", "2024-01-16 8:00 PM"]);
+    }), n("should default nextAirdates to empty array", () => {
+      r(/* @__PURE__ */ s(a, { ...l }));
+      const e = i.getByTestId("show-about-content"), c = JSON.parse(e.getAttribute("data-next-air-dates") || "[]");
+      t(c).toEqual([]);
+    }), n("should pass socialShare to ShowAboutContent", () => {
+      r(/* @__PURE__ */ s(a, { ...l, socialShare: {
+        enabled: !0,
+        url: "https://example.com",
+        text: "Share text",
+        longtext: "Long share text"
+      } }));
+      const c = i.getByTestId("show-about-content");
+      t(c).toHaveAttribute("data-social-share-enabled", "true");
+    }), n("should default socialShare to disabled", () => {
+      r(/* @__PURE__ */ s(a, { ...l }));
+      const e = i.getByTestId("show-about-content");
+      t(e).toHaveAttribute("data-social-share-enabled", "false");
+    });
+  }), m("Edge Cases", () => {
+    n("should handle very long series title", () => {
+      const e = o({ title: "A".repeat(200) });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("show-about-content");
+      t(c).toHaveAttribute("data-series-title", "A".repeat(200));
+    }), n("should handle special characters in series title", () => {
+      const e = o({ title: 'Show <with> & "Special" Characters' }), { container: c } = r(/* @__PURE__ */ s(a, { series: e })), u = c.querySelector('[data-testid="image-card"]');
+      u && t(u).toHaveAttribute("data-alt-text", 'Image for Show <with> & "Special" Characters');
+    }), n("should handle missing rating", () => {
+      const e = o({ rating: void 0 });
+      r(/* @__PURE__ */ s(a, { series: e, type: "series" })), t(i.getByTestId("show-about-content")).toBeInTheDocument();
+    }), n("should handle 0 run_time as falsy (empty string)", () => {
+      const e = o({ run_time: 0 });
+      d.mockClear(), r(/* @__PURE__ */ s(a, { series: e, type: "film" })), t(d).not.toHaveBeenCalled();
+    }), n("should handle very large run_time", () => {
+      const e = o({ run_time: 500 });
+      d.mockClear(), r(/* @__PURE__ */ s(a, { series: e, type: "film" })), t(d).toHaveBeenCalledWith(500);
+    }), n("should handle year_released as 0 (falsy, uses Film label)", () => {
+      const e = o({
+        programType: "film",
+        year_released: 0
+      });
+      r(/* @__PURE__ */ s(a, { series: e, type: "film" })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should handle cast with special characters in names", () => {
+      const e = o({
+        cast: [
+          { name: "Character", real_name: "O'Brien-Smith", role: "Lead" },
+          { name: "Character", real_name: "José García", role: "Support" }
+        ]
+      });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("show-about-content");
+      t(c).toHaveAttribute("data-cast-str", "O'Brien-Smith, José García");
+    }), n("should handle large cast array", () => {
+      const e = Array.from({ length: 50 }, (I, y) => ({
+        name: `Character ${y}`,
+        real_name: `Actor ${y}`,
+        role: "Extra"
+      })), c = o({ cast: e });
+      r(/* @__PURE__ */ s(a, { series: c }));
+      const h = i.getByTestId("show-about-content").getAttribute("data-cast-str");
+      t(h == null ? void 0 : h.split(", ")).toHaveLength(50);
+    }), n("should handle genres with special characters", () => {
+      const e = o({ genres: ["Sci-Fi", "Film-Noir", "Neo-Western"] });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should handle unicode in genres", () => {
+      const e = o({ genres: ["Drama 🎭", "Comedy 😂"] });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("concat")).toBeInTheDocument();
+    });
+  }), m("Type Safety", () => {
+    n("should accept valid Series object", () => {
+      const e = o();
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("adjustable-two-column-grid")).toBeInTheDocument();
+    }), n("should accept series type", () => {
+      r(/* @__PURE__ */ s(a, { ...l, type: "series" })), t(i.getByTestId("show-about-content")).toBeInTheDocument();
+    }), n("should accept film type", () => {
+      r(/* @__PURE__ */ s(a, { ...l, type: "film" })), t(i.getByTestId("show-about-content")).toBeInTheDocument();
+    }), n("should accept unknown type", () => {
+      r(/* @__PURE__ */ s(a, { ...l, type: "unknown" })), t(i.getByTestId("show-about-content")).toBeInTheDocument();
+    }), n("should accept detailImage with required fields", () => {
+      const e = o({
+        detailImage: {
+          url: "https://example.com/image.jpg",
+          aspectRatio: 1.77
+        }
+      });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("image-card")).toBeInTheDocument();
+    }), n("should accept detailImage as null", () => {
+      const e = o({ detailImage: null });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should accept genres as string array", () => {
+      const e = o({ genres: ["Genre1", "Genre2"] });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("concat")).toBeInTheDocument();
+    }), n("should accept genres as string", () => {
+      const e = o({ genres: "Single Genre" });
+      r(/* @__PURE__ */ s(a, { series: e })), t(i.getByTestId("concat")).toBeInTheDocument();
+    });
+  }), m("Integration Tests", () => {
+    n("should render complete layout with all features", () => {
+      const e = o({
+        title: "Complete Show",
+        genres: ["Drama", "Action"],
+        rating: "TV-14",
+        detailImage: {
+          url: "https://example.com/image.jpg",
+          aspectRatio: 1.7777777777777777
+        },
+        cast: [
+          { name: "Char", real_name: "Actor 1" },
+          { name: "Char", real_name: "Actor 2" }
+        ]
+      });
+      r(/* @__PURE__ */ s(
+        a,
+        {
+          showUpcoming: !0,
+          firstColumnWidth: "40%",
+          nextAirdates: ["Date 1", "Date 2"],
+          series: e,
+          socialShare: {
+            enabled: !0,
+            url: "https://example.com",
+            text: "Share",
+            longtext: "Long share text"
+          },
+          type: "series"
+        }
+      )), t(i.getByTestId("adjustable-two-column-grid")).toBeInTheDocument(), t(i.getByTestId("image-card")).toBeInTheDocument(), t(i.getByTestId("show-about-content")).toBeInTheDocument();
+    }), n("should coordinate all child components correctly", () => {
+      const e = o({
+        detailImage: {
+          url: "https://example.com/image.jpg",
+          aspectRatio: 1.7777777777777777
+        }
+      });
+      r(/* @__PURE__ */ s(a, { series: e }));
+      const c = i.getByTestId("adjustable-two-column-grid"), u = i.getByTestId("image-card"), h = i.getByTestId("show-about-content");
+      t(c).toBeInTheDocument(), t(u).toBeInTheDocument(), t(h).toBeInTheDocument();
+    }), n("should switch between Concat and ImageCard based on detailImage", () => {
+      const e = o({ detailImage: null }), { rerender: c } = r(/* @__PURE__ */ s(a, { series: e }));
+      t(i.getByTestId("concat")).toBeInTheDocument(), t(i.queryByTestId("image-card")).not.toBeInTheDocument();
+      const u = o({
+        detailImage: {
+          url: "https://example.com/image.jpg",
+          aspectRatio: 16 / 9
+        }
+      });
+      c(/* @__PURE__ */ s(a, { series: u })), t(i.getByTestId("image-card")).toBeInTheDocument();
+      const h = i.getByTestId("image-card");
+      t(h.querySelector('[data-testid="concat"]')).toBeInTheDocument();
+    }), n("should build different ratingAndTime for series vs film", () => {
+      const e = o({
+        rating: "PG-13",
+        year_released: 2020,
+        run_time: 120
+      });
+      d.mockClear();
+      const { rerender: c } = r(/* @__PURE__ */ s(a, { series: e, type: "series" }));
+      t(i.getByTestId("concat")).toBeInTheDocument(), d.mockClear(), c(/* @__PURE__ */ s(a, { series: e, type: "film" })), t(d).toHaveBeenCalledWith(120);
+    });
+  });
+});

package/dist/components/SocialLinks/SocialLinks.js

@@ -4,7 +4,7 @@ import _ from "../../icons/Tiktok.js";
 import x from "../../icons/Twitter.js";
 import { ImageReplacementAnchor as z } from "../ImageReplacementAnchor/ImageReplacementAnchor.js";
 import s, { forwardRef as u } from "react";
-import { P as a } from "../../index-DC2JJV3a.mjs";
+import { P as a } from "../../index-D3kkcgee.mjs";
 import '../../assets/SocialLinks.css';function h() {
   return h = Object.assign || function(t) {
     for (var i = 1; i < arguments.length; i++) {

package/dist/components/StringList/StringList.js

@@ -1,6 +1,6 @@
 import { jsx as s, Fragment as c, jsxs as p } from "react/jsx-runtime";
 import { Fragment as t } from "react";
-import { p as n } from "../../index-VjANCDXC.mjs";
+import { p as n } from "../../index-06PEPfBQ.mjs";
 import { classes as l } from "../../utils/helpers.js";
 import '../../assets/StringList.css';const e = {
   "string-list__pipe": "_string-list__pipe_6c2cm_1",