@scrippsproduct/networks-ui-library 1.1.9 → 1.1.10

package/dist/components/AdjustableTwoColumnGrid/AdjustableTwoColumnGrid.test.js

@@ -0,0 +1,295 @@
+import { jsxs as u, jsx as e, Fragment as s } from "react/jsx-runtime";
+import { d as a, i as n, r as c, g as o, s as d } from "../../react.esm-DLSrfVwM.mjs";
+import "../../index-BVxBrkZB.mjs";
+import { AdjustableTwoColumnGrid as i } from "./AdjustableTwoColumnGrid.js";
+a("AdjustableTwoColumnGrid", () => {
+  a("Basic Rendering", () => {
+    n("should render with two child elements", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      );
+      o(d.getByText("Column 1")).toBeInTheDocument(), o(d.getByText("Column 2")).toBeInTheDocument();
+      const l = t.querySelectorAll('[class*="two-column-layout__column"]');
+      o(l).toHaveLength(2);
+    }), n("should render children in correct columns", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { children: [
+          /* @__PURE__ */ e("div", { "data-testid": "first-child", children: "First" }),
+          /* @__PURE__ */ e("div", { "data-testid": "second-child", children: "Second" })
+        ] })
+      ), l = t.querySelector('[class*="two-column-layout__column-one"]'), r = t.querySelector('[class*="two-column-layout__column-two"]');
+      o(l).toContainElement(d.getByTestId("first-child")), o(r).toContainElement(d.getByTestId("second-child"));
+    }), n("should render with custom element tag", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toBeInTheDocument();
+    });
+  }), a("Default Props", () => {
+    n("should apply default gap of 1.5rem", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-gap-size": "1.5rem" });
+    }), n("should apply default firstColumnWidth of 33%", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-first-column-width": "33%" });
+    }), n("should apply empty classname by default", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveAttribute("class", "");
+    });
+  }), a("Custom Gap Prop", () => {
+    n("should apply custom gap in rem units", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { gap: "2rem", children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-gap-size": "2rem" });
+    }), n("should apply custom gap in pixel units", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { gap: "24px", children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-gap-size": "24px" });
+    }), n("should apply custom gap with zero value", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { gap: "0", children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-gap-size": "0" });
+    });
+  }), a("Custom FirstColumnWidth Prop", () => {
+    n("should apply numeric width as percentage", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { firstColumnWidth: 50, children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-first-column-width": "50%" });
+    }), n("should apply string width as-is", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { firstColumnWidth: "300px", children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-first-column-width": "300px" });
+    }), n("should handle zero width", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { firstColumnWidth: 0, children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-first-column-width": "0%" });
+    }), n("should handle 100 percent width", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { firstColumnWidth: 100, children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-first-column-width": "100%" });
+    }), n("should handle string with rem units", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { firstColumnWidth: "20rem", children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-first-column-width": "20rem" });
+    }), n("should handle string with percentage", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { firstColumnWidth: "40%", children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-first-column-width": "40%" });
+    });
+  }), a("Custom Classname Prop", () => {
+    n("should apply single custom classname", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { classname: "custom-layout", children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveClass("custom-layout");
+    }), n("should apply multiple custom classnames", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { classname: "custom-layout theme-dark", children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveClass("custom-layout"), o(l).toHaveClass("theme-dark");
+    });
+  }), a("Combined Props", () => {
+    n("should apply all custom props together", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(
+          i,
+          {
+            classname: "custom-grid",
+            firstColumnWidth: 40,
+            gap: "3rem",
+            children: [
+              /* @__PURE__ */ e("div", { children: "Column 1" }),
+              /* @__PURE__ */ e("div", { children: "Column 2" })
+            ]
+          }
+        )
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveClass("custom-grid"), o(l).toHaveStyle({ "--atcl-gap-size": "3rem" }), o(l).toHaveStyle({ "--atcl-first-column-width": "40%" });
+    });
+  }), a("Children Handling", () => {
+    n("should handle only first two children when more are provided", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { children: [
+          /* @__PURE__ */ e("div", { "data-testid": "child-1", children: "First" }),
+          /* @__PURE__ */ e("div", { "data-testid": "child-2", children: "Second" }),
+          /* @__PURE__ */ e("div", { "data-testid": "child-3", children: "Third" }),
+          /* @__PURE__ */ e("div", { "data-testid": "child-4", children: "Fourth" })
+        ] })
+      ), l = t.querySelector('[class*="two-column-layout__column-one"]'), r = t.querySelector('[class*="two-column-layout__column-two"]');
+      o(l).toContainElement(d.getByTestId("child-1")), o(r).toContainElement(d.getByTestId("child-2")), o(d.queryByTestId("child-3")).not.toBeInTheDocument(), o(d.queryByTestId("child-4")).not.toBeInTheDocument();
+    }), n("should handle complex child components", () => {
+      const t = ({ text: l }) => /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ e("h2", { children: l }),
+        /* @__PURE__ */ e("p", { children: "Paragraph" })
+      ] });
+      c(
+        /* @__PURE__ */ u(i, { children: [
+          /* @__PURE__ */ e(t, { text: "Left Side" }),
+          /* @__PURE__ */ e(t, { text: "Right Side" })
+        ] })
+      ), o(d.getByText("Left Side")).toBeInTheDocument(), o(d.getByText("Right Side")).toBeInTheDocument(), o(d.getAllByText("Paragraph")).toHaveLength(2);
+    }), n("should handle fragment children", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { children: [
+          /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("div", { children: "Fragment Child 1" }) }),
+          /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e("div", { children: "Fragment Child 2" }) })
+        ] })
+      ), l = t.querySelector('[class*="two-column-layout__column-one"]'), r = t.querySelector('[class*="two-column-layout__column-two"]');
+      o(l).toContainElement(d.getByText("Fragment Child 1")), o(r).toContainElement(d.getByText("Fragment Child 2"));
+    }), n("should handle null or undefined children gracefully", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { children: [
+          /* @__PURE__ */ e("div", { children: "First" }),
+          null
+        ] })
+      ), l = t.querySelector('[class*="two-column-layout__column-one"]'), r = t.querySelector('[class*="two-column-layout__column-two"]');
+      o(l).toContainElement(d.getByText("First")), o(r).toBeEmptyDOMElement();
+    }), n("should handle single child", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e("div", { children: "Only Child" }) })
+      ), l = t.querySelector('[class*="two-column-layout__column-one"]'), r = t.querySelector('[class*="two-column-layout__column-two"]');
+      o(l).toContainElement(d.getByText("Only Child")), o(r).toBeEmptyDOMElement();
+    });
+  }), a("CSS Custom Properties", () => {
+    n("should set CSS custom properties correctly", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(
+          i,
+          {
+            firstColumnWidth: 25,
+            gap: "4rem",
+            children: [
+              /* @__PURE__ */ e("div", { children: "Column 1" }),
+              /* @__PURE__ */ e("div", { children: "Column 2" })
+            ]
+          }
+        )
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({
+        "--atcl-gap-size": "4rem",
+        "--atcl-first-column-width": "25%"
+      });
+    });
+  }), a("Edge Cases", () => {
+    n("should handle empty children prop", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ e(i, { children: [] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toBeInTheDocument();
+      const r = t.querySelectorAll('[class*="two-column-layout__column"]');
+      o(r).toHaveLength(2);
+    }), n("should handle very large firstColumnWidth values", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { firstColumnWidth: 500, children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-first-column-width": "500%" });
+    }), n("should handle negative firstColumnWidth values", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { firstColumnWidth: -10, children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-first-column-width": "-10%" });
+    }), n("should handle decimal firstColumnWidth values", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { firstColumnWidth: 33.5, children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-first-column-width": "33.5%" });
+    });
+  }), a("Type Safety", () => {
+    n("should accept React nodes as children", () => {
+      c(
+        /* @__PURE__ */ u(i, { children: [
+          /* @__PURE__ */ e("div", { children: "Text" }),
+          /* @__PURE__ */ e("span", { children: "More text" })
+        ] })
+      ), o(d.getByText("Text")).toBeInTheDocument(), o(d.getByText("More text")).toBeInTheDocument();
+    }), n("should accept number for firstColumnWidth", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { firstColumnWidth: 45, children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-first-column-width": "45%" });
+    }), n("should accept string for firstColumnWidth", () => {
+      const { container: t } = c(
+        /* @__PURE__ */ u(i, { firstColumnWidth: "15rem", children: [
+          /* @__PURE__ */ e("div", { children: "Column 1" }),
+          /* @__PURE__ */ e("div", { children: "Column 2" })
+        ] })
+      ), l = t.querySelector("adjustable-two-column-layout");
+      o(l).toHaveStyle({ "--atcl-first-column-width": "15rem" });
+    });
+  });
+});

package/dist/components/AirDateFormatter/AirDateFormatter.test.js

@@ -0,0 +1,192 @@
+import { jsx as r } from "react/jsx-runtime";
+import { d as u, b as y, a as p, i as n, r as i, g as e, s as c, v as m } from "../../react.esm-DLSrfVwM.mjs";
+import "../../index-BVxBrkZB.mjs";
+import { AirDateFormatter as s } from "./AirDateFormatter.js";
+u("AirDateFormatter", () => {
+  const h = /* @__PURE__ */ new Date("2024-01-15T14:00:00-05:00");
+  y(() => {
+    m.useFakeTimers(), m.setSystemTime(h);
+  }), p(() => {
+    m.useRealTimers(), m.clearAllMocks();
+  }), u("Null/Empty Handling", () => {
+    n("should render empty space when airdateStr is null", () => {
+      const { container: o } = i(/* @__PURE__ */ r(s, { airdateStr: null })), a = o.querySelector("airdate-formatter");
+      e(a).toBeInTheDocument(), e(a).toHaveAttribute("classname", "no-airdate"), e(a == null ? void 0 : a.textContent).toBe(" ");
+    }), n("should render empty space when airdateStr is undefined", () => {
+      const { container: o } = i(/* @__PURE__ */ r(s, {})), a = o.querySelector("airdate-formatter");
+      e(a).toBeInTheDocument(), e(a).toHaveAttribute("classname", "no-airdate");
+    });
+  }), u("Today Detection", () => {
+    n('should display "Today" when airdate is today', () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-15 10:00:00" })), e(c.getByText("Today")).toBeInTheDocument();
+    }), n('should display "Today" with correct time format for morning hours', () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-15 09:00:00" })), e(c.getByText("Today")).toBeInTheDocument();
+      const a = c.getByText("9a");
+      e(a).toBeInTheDocument();
+    }), n('should display "Today" with correct time format for afternoon hours', () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-15 15:30:00" })), e(c.getByText("Today")).toBeInTheDocument();
+      const a = c.getByText("3:30");
+      e(a).toBeInTheDocument();
+    });
+  }), u("Tomorrow Detection", () => {
+    n('should display "Tomorrow" when airdate is tomorrow', () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-16 10:00:00" })), e(c.getByText("Tomorrow")).toBeInTheDocument();
+    }), n('should display "Tomorrow" with correct time', () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-16 14:45:00" })), e(c.getByText("Tomorrow")).toBeInTheDocument(), e(c.getByText("2:45")).toBeInTheDocument();
+    });
+  }), u("Future Date Handling", () => {
+    n("should display day name and date for future dates", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-20 10:00:00" })), e(c.getByText(/Sat, Jan 20/)).toBeInTheDocument();
+    }), n("should display day name and date with time for future dates", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-02-05 16:00:00" })), e(c.getByText(/Mon, Feb 5/)).toBeInTheDocument(), e(c.getByText("4")).toBeInTheDocument();
+    });
+  }), u("Time Formatting", () => {
+    n("should omit minutes when time is on the hour", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-15 10:00:00" })), e(c.getByText("10a")).toBeInTheDocument();
+    }), n("should include minutes when not on the hour", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-15 10:30:00" })), e(c.getByText("10:30a")).toBeInTheDocument();
+    }), n('should add "a" suffix for morning times', () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-15 08:00:00" })), e(c.getByText("8a")).toBeInTheDocument();
+    }), n("should not add suffix for afternoon/evening times", () => {
+      const o = "2024-01-15 15:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o })), t = a.querySelector(".airdate-formatter__time");
+      e(t == null ? void 0 : t.textContent).toBe("3");
+    }), n("should handle midnight correctly", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-15 00:00:00" })), e(c.getByText("12a")).toBeInTheDocument();
+    }), n("should handle noon correctly", () => {
+      const o = "2024-01-15 12:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o })), t = a.querySelector(".airdate-formatter__time");
+      e(t == null ? void 0 : t.textContent).toBe("12");
+    });
+  }), u("Central Time Display", () => {
+    n("should display central time (1 hour earlier)", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-15 10:00:00" }));
+      const a = c.getByText("9");
+      e(a).toBeInTheDocument();
+    }), n("should display central time with minutes when applicable", () => {
+      const o = "2024-01-15 10:30:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o })), t = a.querySelector(".airdate-formatter__central-time");
+      e(t == null ? void 0 : t.textContent).toContain("9:30");
+    }), n('should include "c" suffix for central time', () => {
+      const o = "2024-01-15 10:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o })), t = a.querySelector(".airdate-formatter__central-time");
+      e(t == null ? void 0 : t.textContent).toContain("c");
+    });
+  }), u("Separator Type: none (default)", () => {
+    n("should render with default separator (none)", () => {
+      const o = "2024-01-15 10:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o }));
+      e(c.getByText("Today")).toBeInTheDocument();
+      const t = a.querySelector("span.airdate-formatter__time-wrap");
+      e(t).toBeInTheDocument();
+    }), n('should display date and time inline with space for "none" separator', () => {
+      const o = "2024-01-20 14:30:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "none" })), t = a.querySelector("airdate-formatter"), d = t == null ? void 0 : t.querySelectorAll("span");
+      e(d.length).toBeGreaterThan(0);
+    });
+  }), u("Separator Type: pipe", () => {
+    n("should render with pipe separator", () => {
+      const o = "2024-01-15 10:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "pipe" })), t = a.querySelector(".airdate-formatter__pipe");
+      e(t).toBeInTheDocument(), e(t == null ? void 0 : t.textContent).toBe(" | ");
+    }), n("should render date, pipe, and time separately", () => {
+      const o = "2024-01-20 14:30:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "pipe" }));
+      e(c.getByText(/Sat, Jan 20/)).toBeInTheDocument(), e(a.querySelector(".airdate-formatter__pipe")).toBeInTheDocument(), e(c.getByText("2:30")).toBeInTheDocument();
+    }), n("should include line break in time when minutes are present", () => {
+      const o = "2024-01-15 10:30:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "pipe" })), t = a.querySelector(".airdate-formatter__time-wrap"), d = t == null ? void 0 : t.querySelector("br");
+      e(d).toBeInTheDocument();
+    }), n("should not include line break when time is on the hour", () => {
+      const o = "2024-01-15 10:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "pipe" })), t = a.querySelector(".airdate-formatter__time-wrap"), d = t == null ? void 0 : t.querySelector("br");
+      e(d).not.toBeInTheDocument();
+    });
+  }), u("Separator Type: line-break", () => {
+    n("should render with line breaks between elements", () => {
+      const o = "2024-01-20 14:30:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "line-break" })), t = a.querySelector("airdate-formatter"), d = t == null ? void 0 : t.querySelectorAll("div");
+      e(d.length).toBeGreaterThan(0);
+    }), n("should render day, date, and time in separate divs", () => {
+      const o = "2024-01-20 14:30:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "line-break" })), t = a.querySelector(".airdate-formatter__day"), d = a.querySelector(".airdate-formatter__date"), l = a.querySelector(".airdate-formatter__time-wrap");
+      e(t).toBeInTheDocument(), e(d).toBeInTheDocument(), e(l).toBeInTheDocument(), e(t == null ? void 0 : t.textContent).toBe("Sat"), e(d == null ? void 0 : d.textContent).toBe("Jan 20");
+    }), n('should not display date section for "Today"', () => {
+      const o = "2024-01-15 10:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "line-break" })), t = a.querySelector(".airdate-formatter__day"), d = a.querySelector(".airdate-formatter__date");
+      e(t == null ? void 0 : t.textContent).toBe("Today"), e(d == null ? void 0 : d.textContent).toBe("");
+    });
+  }), u("Separator Type: single-line-break", () => {
+    n("should render day and date on same line with time on separate line", () => {
+      const o = "2024-01-20 14:30:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "single-line-break" })), t = a.querySelector("airdate-formatter"), d = t == null ? void 0 : t.querySelectorAll("div");
+      e(d.length).toBe(2);
+    }), n("should combine day and date in first div", () => {
+      const o = "2024-01-20 14:30:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "single-line-break" })), t = a.querySelector(".airdate-formatter__day");
+      e(t).toBeInTheDocument(), e(t == null ? void 0 : t.textContent).toContain("Sat"), e(t == null ? void 0 : t.textContent).toContain("Jan 20");
+    }), n("should have time in separate div", () => {
+      const o = "2024-01-20 14:30:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "single-line-break" })), t = a.querySelector(".airdate-formatter__time-wrap");
+      e(t).toBeInTheDocument();
+    });
+  }), u("Separator Type: comma", () => {
+    n("should render with comma separator when specified", () => {
+      const o = "2024-01-15 10:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "comma" })), t = a.querySelector("airdate-formatter");
+      e(t).toBeInTheDocument();
+    });
+  }), u("Date String Format Handling", () => {
+    n("should handle date strings with space separator", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-15 10:00:00" })), e(c.getByText("Today")).toBeInTheDocument();
+    }), n("should convert space to T for proper date parsing", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-02-20 15:45:00" })), e(c.getByText(/Tue, Feb 20/)).toBeInTheDocument();
+    });
+  }), u("CSS Classes", () => {
+    n("should apply date class", () => {
+      const o = "2024-01-15 10:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o })), t = a.querySelector(".airdate-formatter__date");
+      e(t).toBeInTheDocument();
+    }), n("should apply time-wrap class", () => {
+      const o = "2024-01-15 10:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o })), t = a.querySelector(".airdate-formatter__time-wrap");
+      e(t).toBeInTheDocument();
+    }), n("should apply time class", () => {
+      const o = "2024-01-15 10:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o })), t = a.querySelector(".airdate-formatter__time");
+      e(t).toBeInTheDocument();
+    }), n("should apply central-time class", () => {
+      const o = "2024-01-15 10:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o })), t = a.querySelector(".airdate-formatter__central-time");
+      e(t).toBeInTheDocument();
+    });
+  }), u("Edge Cases", () => {
+    n("should handle past dates", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-10 10:00:00" })), e(c.getByText(/Wed, Jan 10/)).toBeInTheDocument();
+    }), n("should handle dates far in the future", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-12-25 10:00:00" })), e(c.getByText(/Wed, Dec 25/)).toBeInTheDocument();
+    }), n("should handle dates in different months", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-03-15 10:00:00" })), e(c.getByText(/Fri, Mar 15/)).toBeInTheDocument();
+    }), n("should handle end of month dates", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-01-31 10:00:00" })), e(c.getByText(/Wed, Jan 31/)).toBeInTheDocument();
+    }), n("should handle leap year dates", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2024-02-29 10:00:00" })), e(c.getByText(/Thu, Feb 29/)).toBeInTheDocument();
+    }), n("should handle year boundaries", () => {
+      i(/* @__PURE__ */ r(s, { airdateStr: "2025-01-01 10:00:00" })), e(c.getByText(/Wed, Jan 1/)).toBeInTheDocument();
+    });
+  }), u("Custom Element Tag", () => {
+    n("should render with airdate-formatter custom element", () => {
+      const o = "2024-01-15 10:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o })), t = a.querySelector("airdate-formatter");
+      e(t).toBeInTheDocument();
+    }), n("should contain all content within custom element", () => {
+      const o = "2024-01-15 10:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o })), t = a.querySelector("airdate-formatter");
+      e(t == null ? void 0 : t.querySelector(".airdate-formatter__date")).toBeInTheDocument(), e(t == null ? void 0 : t.querySelector(".airdate-formatter__time")).toBeInTheDocument();
+    });
+  }), u("Time Display with Different Separator Types", () => {
+    n("should show forward slash between times for all separator types", () => {
+      const o = "2024-01-15 10:30:00";
+      ["none", "pipe", "line-break", "single-line-break"].forEach((t) => {
+        const { container: d } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: t })), l = d.querySelector(".airdate-formatter__time-wrap");
+        e(l == null ? void 0 : l.textContent).toContain("/");
+      });
+    });
+  }), u("Integration Tests", () => {
+    n("should correctly format a complete Today airdate with all elements", () => {
+      const o = "2024-01-15 14:30:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "pipe" }));
+      e(c.getByText("Today")).toBeInTheDocument(), e(a.querySelector(".airdate-formatter__pipe")).toBeInTheDocument(), e(c.getByText("2:30")).toBeInTheDocument();
+      const t = a.querySelector(".airdate-formatter__central-time");
+      e(t == null ? void 0 : t.textContent).toContain("1:30"), e(t == null ? void 0 : t.textContent).toContain("c");
+    }), n("should correctly format a complete Tomorrow airdate", () => {
+      const o = "2024-01-16 09:00:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o }));
+      e(c.getByText("Tomorrow")).toBeInTheDocument(), e(c.getByText("9a")).toBeInTheDocument();
+      const t = a.querySelector(".airdate-formatter__central-time");
+      e(t == null ? void 0 : t.textContent).toContain("8");
+    }), n("should correctly format a complete future date with line-break", () => {
+      const o = "2024-02-20 16:45:00", { container: a } = i(/* @__PURE__ */ r(s, { airdateStr: o, separatorType: "line-break" })), t = a.querySelector(".airdate-formatter__day");
+      e(t == null ? void 0 : t.textContent).toBe("Tue");
+      const d = a.querySelector(".airdate-formatter__date");
+      e(d == null ? void 0 : d.textContent).toBe("Feb 20"), e(c.getByText("4:45")).toBeInTheDocument();
+      const l = a.querySelector(".airdate-formatter__central-time");
+      e(l == null ? void 0 : l.textContent).toContain("3:45"), e(l == null ? void 0 : l.textContent).toContain("c");
+    });
+  });
+});