@scrippsproduct/networks-ui-library 1.1.9 → 1.1.10

package/dist/components/FooterNavigation/FooterNavigation.test.js

@@ -0,0 +1,310 @@
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import { v as u, d as c, b as g, a as y, i, r as a, g as e, s as l } from "../../react.esm-DLSrfVwM.mjs";
+import "../../index-BVxBrkZB.mjs";
+import { FooterNavigation as o } from "./FooterNavigation.js";
+u.mock("../NavList", () => ({
+  default: ({ classname: d, title: t, links: s }) => /* @__PURE__ */ h(
+    "div",
+    {
+      "data-classname": d,
+      "data-links-count": (s == null ? void 0 : s.length) || 0,
+      "data-testid": "nav-list",
+      "data-title": t,
+      children: [
+        "NavList Mock - ",
+        t
+      ]
+    }
+  )
+}));
+c("FooterNavigation", () => {
+  let d;
+  g(() => {
+    d = document.createElement("div"), d.id = "root", document.body.appendChild(d);
+  }), y(() => {
+    document.body.removeChild(d);
+  }), c("Basic Rendering", () => {
+    i("should render nav element", () => {
+      a(/* @__PURE__ */ n(o, {}));
+      const t = document.querySelector("nav");
+      e(t).toBeInTheDocument();
+    }), i("should apply footer-navigation CSS class", () => {
+      a(/* @__PURE__ */ n(o, {}));
+      const t = document.querySelector("nav");
+      e(t).toHaveClass("footer-navigation");
+    }), i("should have aria-labelledby attribute", () => {
+      a(/* @__PURE__ */ n(o, {}));
+      const t = document.querySelector("nav");
+      e(t).toHaveAttribute("aria-labelledby", "footer-navigation");
+    }), i("should render screen reader only heading", () => {
+      a(/* @__PURE__ */ n(o, {}));
+      const t = document.getElementById("footer-navigation");
+      e(t).toBeInTheDocument(), e(t == null ? void 0 : t.tagName).toBe("H4"), e(t).toHaveTextContent("Footer Navigation");
+    }), i("should apply sr-only class to heading", () => {
+      a(/* @__PURE__ */ n(o, {}));
+      const t = document.getElementById("footer-navigation");
+      e(t).toHaveClass("sr-only");
+    });
+  }), c("Sections Rendering", () => {
+    i("should render no NavList when sections is empty", () => {
+      a(/* @__PURE__ */ n(o, { sections: [] }));
+      const t = l.queryAllByTestId("nav-list");
+      e(t).toHaveLength(0);
+    }), i("should render single section", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        {
+          title: "Quick Links",
+          links: [{ label: "Home", href: "/" }]
+        }
+      ] }));
+      const s = l.getAllByTestId("nav-list");
+      e(s).toHaveLength(1);
+    }), i("should render multiple sections", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        { title: "Section 1", links: [] },
+        { title: "Section 2", links: [] },
+        { title: "Section 3", links: [] }
+      ] }));
+      const s = l.getAllByTestId("nav-list");
+      e(s).toHaveLength(3);
+    }), i("should render many sections", () => {
+      const t = Array.from({ length: 10 }, (r, v) => ({
+        title: `Section ${v + 1}`,
+        links: []
+      }));
+      a(/* @__PURE__ */ n(o, { sections: t }));
+      const s = l.getAllByTestId("nav-list");
+      e(s).toHaveLength(10);
+    }), i("should render sections in correct order", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        { title: "First Section", links: [] },
+        { title: "Second Section", links: [] },
+        { title: "Third Section", links: [] }
+      ] })), e(l.getByText("NavList Mock - First Section")).toBeInTheDocument(), e(l.getByText("NavList Mock - Second Section")).toBeInTheDocument(), e(l.getByText("NavList Mock - Third Section")).toBeInTheDocument();
+    });
+  }), c("NavList Props", () => {
+    i("should pass title to NavList", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        { title: "About Us", links: [] }
+      ] }));
+      const s = l.getByTestId("nav-list");
+      e(s).toHaveAttribute("data-title", "About Us");
+    }), i("should pass classname to NavList", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        { classname: "custom-class", title: "Links", links: [] }
+      ] }));
+      const s = l.getByTestId("nav-list");
+      e(s).toHaveAttribute("data-classname", "custom-class");
+    }), i("should pass links to NavList", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        {
+          title: "Navigation",
+          links: [
+            { label: "Home", href: "/" },
+            { label: "About", href: "/about" },
+            { label: "Contact", href: "/contact" }
+          ]
+        }
+      ] }));
+      const s = l.getByTestId("nav-list");
+      e(s).toHaveAttribute("data-links-count", "3");
+    }), i("should handle section without title", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        { links: [{ label: "Link", href: "/" }] }
+      ] }));
+      const s = l.getByTestId("nav-list");
+      e(s.hasAttribute("data-title")).toBe(!1);
+    }), i("should handle section without classname", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        { title: "Links", links: [] }
+      ] }));
+      const s = l.getByTestId("nav-list");
+      e(s.hasAttribute("data-classname")).toBe(!1);
+    }), i("should handle section without links", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        { title: "Empty Section" }
+      ] }));
+      const s = l.getByTestId("nav-list");
+      e(s).toHaveAttribute("data-links-count", "0");
+    }), i("should handle section with empty links array", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        { title: "Empty Links", links: [] }
+      ] }));
+      const s = l.getByTestId("nav-list");
+      e(s).toHaveAttribute("data-links-count", "0");
+    });
+  }), c("Keys Generation", () => {
+    i("should generate unique keys for sections", () => {
+      const t = [
+        { title: "Section 1", links: [] },
+        { title: "Section 2", links: [] },
+        { title: "Section 3", links: [] }
+      ], { container: s } = a(/* @__PURE__ */ n(o, { sections: t })), r = s.querySelectorAll('[data-testid="nav-list"]');
+      e(r).toHaveLength(3);
+    }), i("should use index-based keys", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        { title: "Same Title", links: [] },
+        { title: "Same Title", links: [] }
+      ] }));
+      const s = l.getAllByTestId("nav-list");
+      e(s).toHaveLength(2);
+    });
+  }), c("Default Props", () => {
+    i("should use empty array as default for sections", () => {
+      a(/* @__PURE__ */ n(o, {}));
+      const t = l.queryAllByTestId("nav-list");
+      e(t).toHaveLength(0);
+    }), i("should render correctly without any props", () => {
+      const { container: t } = a(/* @__PURE__ */ n(o, {})), s = t.querySelector("nav");
+      e(s).toBeInTheDocument(), e(s).toHaveClass("footer-navigation");
+    });
+  }), c("Section Variations", () => {
+    i("should render section with all properties", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        {
+          classname: "main-links",
+          title: "Main Navigation",
+          links: [
+            { label: "Home", href: "/" },
+            { label: "Products", href: "/products" }
+          ]
+        }
+      ] }));
+      const s = l.getByTestId("nav-list");
+      e(s).toHaveAttribute("data-classname", "main-links"), e(s).toHaveAttribute("data-title", "Main Navigation"), e(s).toHaveAttribute("data-links-count", "2");
+    }), i("should render sections with varying properties", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        {
+          classname: "section-1",
+          title: "First",
+          links: [{ label: "Link 1", href: "/1" }]
+        },
+        {
+          title: "Second",
+          links: [
+            { label: "Link 2", href: "/2" },
+            { label: "Link 3", href: "/3" }
+          ]
+        },
+        {
+          classname: "section-3",
+          links: []
+        }
+      ] }));
+      const s = l.getAllByTestId("nav-list");
+      e(s).toHaveLength(3), e(s[0]).toHaveAttribute("data-links-count", "1"), e(s[1]).toHaveAttribute("data-links-count", "2"), e(s[2]).toHaveAttribute("data-links-count", "0");
+    });
+  }), c("Accessibility", () => {
+    i("should have accessible navigation landmark", () => {
+      a(/* @__PURE__ */ n(o, {}));
+      const t = l.getByRole("navigation");
+      e(t).toBeInTheDocument();
+    }), i("should have accessible name via aria-labelledby", () => {
+      a(/* @__PURE__ */ n(o, {}));
+      const t = l.getByRole("navigation", { name: "Footer Navigation" });
+      e(t).toBeInTheDocument();
+    }), i("should have heading with correct id for aria-labelledby", () => {
+      a(/* @__PURE__ */ n(o, {}));
+      const t = document.getElementById("footer-navigation"), s = document.querySelector("nav");
+      e(t).toBeInTheDocument(), e(s == null ? void 0 : s.getAttribute("aria-labelledby")).toBe("footer-navigation");
+    }), i("should hide heading visually with sr-only", () => {
+      a(/* @__PURE__ */ n(o, {}));
+      const t = document.getElementById("footer-navigation");
+      e(t).toHaveClass("sr-only");
+    });
+  }), c("Edge Cases", () => {
+    i("should handle empty sections array", () => {
+      a(/* @__PURE__ */ n(o, { sections: [] }));
+      const t = document.querySelector("nav");
+      e(t).toBeInTheDocument(), e(l.queryAllByTestId("nav-list")).toHaveLength(0);
+    }), i("should handle sections with only empty objects", () => {
+      a(/* @__PURE__ */ n(o, { sections: [{}, {}, {}] }));
+      const s = l.getAllByTestId("nav-list");
+      e(s).toHaveLength(3);
+    }), i("should handle sections with special characters in title", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        { title: "Links & Resources", links: [] },
+        { title: "FAQ's", links: [] },
+        { title: "Contact <Us>", links: [] }
+      ] })), e(l.getByText("NavList Mock - Links & Resources")).toBeInTheDocument(), e(l.getByText("NavList Mock - FAQ's")).toBeInTheDocument(), e(l.getByText("NavList Mock - Contact <Us>")).toBeInTheDocument();
+    }), i("should handle section with very long title", () => {
+      const t = "This is a very long section title that might cause layout issues if not handled properly";
+      a(/* @__PURE__ */ n(o, { sections: [
+        { title: t, links: [] }
+      ] }));
+      const r = l.getByTestId("nav-list");
+      e(r).toHaveAttribute("data-title", t);
+    }), i("should handle section with many links", () => {
+      const t = [
+        {
+          title: "All Links",
+          links: Array.from({ length: 50 }, (r, v) => ({
+            label: `Link ${v + 1}`,
+            href: `/link-${v + 1}`
+          }))
+        }
+      ];
+      a(/* @__PURE__ */ n(o, { sections: t }));
+      const s = l.getByTestId("nav-list");
+      e(s).toHaveAttribute("data-links-count", "50");
+    }), i("should handle classname with special characters", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        { classname: "footer__nav--primary", title: "Primary", links: [] }
+      ] }));
+      const s = l.getByTestId("nav-list");
+      e(s).toHaveAttribute("data-classname", "footer__nav--primary");
+    }), i("should handle undefined sections prop", () => {
+      a(/* @__PURE__ */ n(o, { sections: void 0 }));
+      const t = document.querySelector("nav");
+      e(t).toBeInTheDocument();
+    });
+  }), c("Integration", () => {
+    i("should render complete footer navigation with multiple sections", () => {
+      a(/* @__PURE__ */ n(o, { sections: [
+        {
+          classname: "footer-nav-about",
+          title: "About",
+          links: [
+            { label: "About Us", href: "/about" },
+            { label: "Our Team", href: "/team" },
+            { label: "Careers", href: "/careers" }
+          ]
+        },
+        {
+          classname: "footer-nav-support",
+          title: "Support",
+          links: [
+            { label: "Help Center", href: "/help" },
+            { label: "Contact", href: "/contact" }
+          ]
+        },
+        {
+          classname: "footer-nav-legal",
+          title: "Legal",
+          links: [
+            { label: "Privacy Policy", href: "/privacy" },
+            { label: "Terms of Service", href: "/terms" }
+          ]
+        }
+      ] }));
+      const s = l.getByRole("navigation", { name: "Footer Navigation" });
+      e(s).toBeInTheDocument();
+      const r = l.getAllByTestId("nav-list");
+      e(r).toHaveLength(3), e(l.getByText("NavList Mock - About")).toBeInTheDocument(), e(l.getByText("NavList Mock - Support")).toBeInTheDocument(), e(l.getByText("NavList Mock - Legal")).toBeInTheDocument();
+    }), i("should update when sections prop changes", () => {
+      const t = [
+        { title: "Section 1", links: [] }
+      ], { rerender: s } = a(/* @__PURE__ */ n(o, { sections: t }));
+      e(l.getAllByTestId("nav-list")).toHaveLength(1), s(/* @__PURE__ */ n(o, { sections: [
+        { title: "Section 1", links: [] },
+        { title: "Section 2", links: [] },
+        { title: "Section 3", links: [] }
+      ] })), e(l.getAllByTestId("nav-list")).toHaveLength(3);
+    }), i("should render correctly when sections change from empty to populated", () => {
+      const { rerender: t } = a(/* @__PURE__ */ n(o, { sections: [] }));
+      e(l.queryAllByTestId("nav-list")).toHaveLength(0), t(/* @__PURE__ */ n(o, { sections: [
+        { title: "New Section", links: [{ label: "Link", href: "/" }] }
+      ] })), e(l.getAllByTestId("nav-list")).toHaveLength(1);
+    });
+  });
+});

package/dist/components/GenericList/GenericList.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { p as c } from "../../index-VjANCDXC.mjs";
+import { p as c } from "../../index-06PEPfBQ.mjs";
 import { classes as t } from "../../utils/helpers.js";
 function f({
   list: s = [],

package/dist/components/GenericList/GenericList.test.js

@@ -0,0 +1,288 @@
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import { v as d, d as m, b as y, a as g, i as s, r as l, g as t, s as i } from "../../react.esm-DLSrfVwM.mjs";
+import "../../index-BVxBrkZB.mjs";
+import { GenericList as n } from "./GenericList.js";
+d.mock("html-react-parser", () => ({
+  default: (c) => {
+    if (c.includes("<strong>"))
+      return /* @__PURE__ */ o("strong", { children: c.replace(/<\/?strong>/g, "") });
+    if (c.includes("<em>"))
+      return /* @__PURE__ */ o("em", { children: c.replace(/<\/?em>/g, "") });
+    if (c.includes("<a")) {
+      const e = c.match(/href="([^"]+)">([^<]+)/);
+      if (e)
+        return /* @__PURE__ */ o("a", { href: e[1], children: e[2] });
+    }
+    return c;
+  }
+}));
+d.mock("../../utils/helpers", () => ({
+  classes: (c) => c.filter(Boolean).join(" ")
+}));
+m("GenericList", () => {
+  let c;
+  y(() => {
+    c = document.createElement("div"), c.id = "root", document.body.appendChild(c);
+  }), g(() => {
+    document.body.removeChild(c);
+  }), m("Basic Rendering - Unordered List", () => {
+    s("should render ul element by default", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item 1"] }));
+      const e = document.querySelector("ul");
+      t(e).toBeInTheDocument();
+    }), s("should render ul when type is unordered", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item 1"], type: "unordered" }));
+      const e = document.querySelector("ul");
+      t(e).toBeInTheDocument(), t(document.querySelector("ol")).not.toBeInTheDocument();
+    }), s("should apply generic-list class to ul", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item 1"] }));
+      const e = document.querySelector("ul");
+      t(e).toHaveClass("generic-list");
+    }), s("should not apply ordered class to unordered list", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item 1"], type: "unordered" }));
+      const e = document.querySelector("ul");
+      t(e).not.toHaveClass("generic-list--ordered");
+    });
+  }), m("Basic Rendering - Ordered List", () => {
+    s("should render ol when type is ordered", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item 1"], type: "ordered" }));
+      const e = document.querySelector("ol");
+      t(e).toBeInTheDocument(), t(document.querySelector("ul")).not.toBeInTheDocument();
+    }), s("should apply generic-list class to ol", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item 1"], type: "ordered" }));
+      const e = document.querySelector("ol");
+      t(e).toHaveClass("generic-list");
+    }), s("should apply ordered class to ol", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item 1"], type: "ordered" }));
+      const e = document.querySelector("ol");
+      t(e).toHaveClass("generic-list--ordered");
+    });
+  }), m("List Items - String Content", () => {
+    s("should render string items", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item 1", "Item 2", "Item 3"] })), t(i.getByText("Item 1")).toBeInTheDocument(), t(i.getByText("Item 2")).toBeInTheDocument(), t(i.getByText("Item 3")).toBeInTheDocument();
+    }), s("should render correct number of list items", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item 1", "Item 2", "Item 3"] }));
+      const e = document.querySelectorAll("li");
+      t(e).toHaveLength(3);
+    }), s("should apply generic-list__item class to list items", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item 1"] }));
+      const e = document.querySelector("li");
+      t(e).toHaveClass("generic-list__item");
+    }), s("should parse HTML in string items", () => {
+      l(/* @__PURE__ */ o(n, { list: ["<strong>Bold text</strong>"] }));
+      const e = document.querySelector("strong");
+      t(e).toBeInTheDocument(), t(e).toHaveTextContent("Bold text");
+    }), s("should parse multiple HTML elements", () => {
+      l(/* @__PURE__ */ o(n, { list: ["<em>Italic text</em>", "<strong>Bold text</strong>"] })), t(document.querySelector("em")).toBeInTheDocument(), t(document.querySelector("strong")).toBeInTheDocument();
+    }), s("should parse links in string items", () => {
+      l(/* @__PURE__ */ o(n, { list: ['<a href="/test">Link text</a>'] }));
+      const e = i.getByRole("link");
+      t(e).toHaveAttribute("href", "/test"), t(e).toHaveTextContent("Link text");
+    }), s("should not parse empty strings", () => {
+      l(/* @__PURE__ */ o(n, { list: ["", "Valid item"] }));
+      const e = document.querySelectorAll("li");
+      t(e).toHaveLength(2), t(e[0]).toHaveTextContent(""), t(e[1]).toHaveTextContent("Valid item");
+    });
+  }), m("List Items - JSX Content", () => {
+    s("should render JSX element items", () => {
+      l(/* @__PURE__ */ o(n, { list: [/* @__PURE__ */ o("span", { children: "JSX Content" })] })), t(i.getByText("JSX Content")).toBeInTheDocument();
+    }), s("should render multiple JSX elements", () => {
+      l(/* @__PURE__ */ o(n, { list: [
+        /* @__PURE__ */ o("span", { children: "First" }, "1"),
+        /* @__PURE__ */ o("span", { children: "Second" }, "2"),
+        /* @__PURE__ */ o("span", { children: "Third" }, "3")
+      ] })), t(i.getByText("First")).toBeInTheDocument(), t(i.getByText("Second")).toBeInTheDocument(), t(i.getByText("Third")).toBeInTheDocument();
+    }), s("should render complex JSX elements", () => {
+      l(/* @__PURE__ */ o(n, { list: [/* @__PURE__ */ h("div", { children: [
+        /* @__PURE__ */ o("strong", { children: "Title" }),
+        /* @__PURE__ */ o("p", { children: "Description" })
+      ] })] })), t(i.getByText("Title")).toBeInTheDocument(), t(i.getByText("Description")).toBeInTheDocument();
+    });
+  }), m("Mixed Content", () => {
+    s("should render mixed string and JSX items", () => {
+      l(/* @__PURE__ */ o(n, { list: [
+        "String item",
+        /* @__PURE__ */ o("span", { children: "JSX item" }, "jsx"),
+        "Another string"
+      ] })), t(i.getByText("String item")).toBeInTheDocument(), t(i.getByText("JSX item")).toBeInTheDocument(), t(i.getByText("Another string")).toBeInTheDocument();
+    }), s("should handle HTML strings mixed with JSX", () => {
+      l(/* @__PURE__ */ o(n, { list: [
+        "<strong>Bold string</strong>",
+        /* @__PURE__ */ o("em", { children: "Italic JSX" }, "jsx")
+      ] })), t(document.querySelector("strong")).toHaveTextContent("Bold string"), t(document.querySelector("em")).toHaveTextContent("Italic JSX");
+    });
+  }), m("Custom Classnames", () => {
+    s("should apply custom classname to list", () => {
+      l(/* @__PURE__ */ o(n, { classname: "custom-list", list: ["Item"] }));
+      const e = document.querySelector("ul");
+      t(e).toHaveClass("generic-list"), t(e).toHaveClass("custom-list");
+    }), s("should apply custom classname to ordered list", () => {
+      l(/* @__PURE__ */ o(n, { classname: "custom-ordered", list: ["Item"], type: "ordered" }));
+      const e = document.querySelector("ol");
+      t(e).toHaveClass("generic-list"), t(e).toHaveClass("generic-list--ordered"), t(e).toHaveClass("custom-ordered");
+    }), s("should apply custom classname__item to list items", () => {
+      l(/* @__PURE__ */ o(n, { classname: "custom-list", list: ["Item"] }));
+      const e = document.querySelector("li");
+      t(e).toHaveClass("generic-list__item"), t(e).toHaveClass("custom-list__item");
+    }), s("should handle empty classname", () => {
+      l(/* @__PURE__ */ o(n, { classname: "", list: ["Item"] }));
+      const e = document.querySelector("ul"), r = document.querySelector("li");
+      t(e).toHaveClass("generic-list"), t(r).toHaveClass("generic-list__item");
+    }), s("should handle classname with special characters", () => {
+      l(/* @__PURE__ */ o(n, { classname: "my-list__special--variant", list: ["Item"] }));
+      const e = document.querySelector("ul");
+      t(e).toHaveClass("my-list__special--variant");
+    });
+  }), m("Keys Generation", () => {
+    s("should generate generic-list keys when classname is empty", () => {
+      const { container: e } = l(/* @__PURE__ */ o(n, { classname: "", list: ["Item 1", "Item 2"] })), r = e.querySelectorAll("li");
+      t(r).toHaveLength(2);
+    }), s("should generate custom keys when classname is provided", () => {
+      const { container: e } = l(/* @__PURE__ */ o(n, { classname: "custom", list: ["Item 1", "Item 2"] })), r = e.querySelectorAll("li");
+      t(r).toHaveLength(2);
+    }), s("should handle duplicate items with unique keys", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Same", "Same", "Same"] }));
+      const e = document.querySelectorAll("li");
+      t(e).toHaveLength(3);
+    });
+  }), m("Empty Lists", () => {
+    s("should render empty ul with empty list", () => {
+      l(/* @__PURE__ */ o(n, { list: [] }));
+      const e = document.querySelector("ul");
+      t(e).toBeInTheDocument(), t(e == null ? void 0 : e.children).toHaveLength(0);
+    }), s("should render empty ol with empty list", () => {
+      l(/* @__PURE__ */ o(n, { list: [], type: "ordered" }));
+      const e = document.querySelector("ol");
+      t(e).toBeInTheDocument(), t(e == null ? void 0 : e.children).toHaveLength(0);
+    }), s("should use empty array as default", () => {
+      l(/* @__PURE__ */ o(n, {}));
+      const e = document.querySelector("ul");
+      t(e).toBeInTheDocument(), t(e == null ? void 0 : e.children).toHaveLength(0);
+    }), s("should render list with empty string items", () => {
+      l(/* @__PURE__ */ o(n, { list: ["", "", ""] }));
+      const e = document.querySelectorAll("li");
+      t(e).toHaveLength(3);
+    });
+  }), m("Default Props", () => {
+    s("should use unordered as default type", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item"] })), t(document.querySelector("ul")).toBeInTheDocument(), t(document.querySelector("ol")).not.toBeInTheDocument();
+    }), s("should use empty array as default list", () => {
+      l(/* @__PURE__ */ o(n, {}));
+      const e = document.querySelectorAll("li");
+      t(e).toHaveLength(0);
+    }), s("should use empty string as default classname", () => {
+      const { container: e } = l(/* @__PURE__ */ o(n, { list: ["Item"] })), r = e.querySelector("ul");
+      t(r == null ? void 0 : r.className).toBe("generic-list");
+    });
+  }), m("Edge Cases", () => {
+    s("should handle very long list", () => {
+      const e = Array.from({ length: 100 }, (a, u) => `Item ${u + 1}`);
+      l(/* @__PURE__ */ o(n, { list: e }));
+      const r = document.querySelectorAll("li");
+      t(r).toHaveLength(100);
+    }), s("should handle items with special characters", () => {
+      l(/* @__PURE__ */ o(n, { list: [
+        "Item with 'quotes'",
+        'Item with "double quotes"',
+        "Item with & ampersand",
+        "Item with <brackets>"
+      ] })), t(i.getByText("Item with 'quotes'")).toBeInTheDocument(), t(i.getByText('Item with "double quotes"')).toBeInTheDocument(), t(i.getByText("Item with & ampersand")).toBeInTheDocument();
+    }), s("should handle items with unicode characters", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item © 2024", "Item™ trademark", "Item 😊 emoji"] })), t(i.getByText("Item © 2024")).toBeInTheDocument(), t(i.getByText("Item™ trademark")).toBeInTheDocument(), t(i.getByText("Item 😊 emoji")).toBeInTheDocument();
+    }), s("should handle very long item text", () => {
+      const e = "This is a very long item text that goes on and on and contains a lot of information that might cause layout issues if not handled properly in the component.";
+      l(/* @__PURE__ */ o(n, { list: [e] })), t(i.getByText(e)).toBeInTheDocument();
+    }), s("should handle whitespace-only strings", () => {
+      l(/* @__PURE__ */ o(n, { list: ["   ", "	", `
+`] }));
+      const e = document.querySelectorAll("li");
+      t(e).toHaveLength(3);
+    }), s("should handle null-like values gracefully", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Valid item", "", "Another valid"] }));
+      const r = document.querySelectorAll("li");
+      t(r).toHaveLength(3);
+    });
+  }), m("Conditional Rendering", () => {
+    s("should render string item when not empty", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Not empty"] }));
+      const e = document.querySelector("li");
+      t(e).toHaveTextContent("Not empty");
+    }), s("should render JSX item directly", () => {
+      l(/* @__PURE__ */ o(n, { list: [/* @__PURE__ */ o("span", { children: "JSX Content" })] })), t(i.getByText("JSX Content")).toBeInTheDocument();
+    }), s("should not parse JSX elements", () => {
+      l(/* @__PURE__ */ o(n, { list: [/* @__PURE__ */ o("span", { "data-testid": "jsx-span", children: "Content" })] })), t(i.getByTestId("jsx-span")).toBeInTheDocument();
+    });
+  }), m("Integration", () => {
+    s("should render complete unordered list with all features", () => {
+      l(
+        /* @__PURE__ */ o(
+          n,
+          {
+            classname: "feature-list",
+            list: [
+              "<strong>Bold item</strong>",
+              /* @__PURE__ */ o("em", { children: "Italic JSX" }, "em"),
+              "Plain text",
+              '<a href="/link">Link item</a>'
+            ],
+            type: "unordered"
+          }
+        )
+      );
+      const r = document.querySelector("ul");
+      t(r).toHaveClass("generic-list", "feature-list");
+      const a = document.querySelectorAll("li");
+      t(a).toHaveLength(4), a.forEach((u) => {
+        t(u).toHaveClass("generic-list__item", "feature-list__item");
+      }), t(document.querySelector("strong")).toHaveTextContent("Bold item"), t(document.querySelector("em")).toHaveTextContent("Italic JSX"), t(i.getByText("Plain text")).toBeInTheDocument(), t(i.getByRole("link")).toHaveTextContent("Link item");
+    }), s("should render complete ordered list with all features", () => {
+      l(
+        /* @__PURE__ */ o(
+          n,
+          {
+            classname: "steps-list",
+            list: [
+              "First step",
+              "Second step",
+              "<strong>Third step</strong>"
+            ],
+            type: "ordered"
+          }
+        )
+      );
+      const r = document.querySelector("ol");
+      t(r).toHaveClass("generic-list", "generic-list--ordered", "steps-list");
+      const a = document.querySelectorAll("li");
+      t(a).toHaveLength(3);
+    }), s("should update when props change", () => {
+      const { rerender: e } = l(
+        /* @__PURE__ */ o(n, { list: ["Item 1"], type: "unordered" })
+      );
+      t(document.querySelector("ul")).toBeInTheDocument(), t(document.querySelectorAll("li")).toHaveLength(1), e(
+        /* @__PURE__ */ o(n, { list: ["Item 1", "Item 2", "Item 3"], type: "ordered" })
+      ), t(document.querySelector("ol")).toBeInTheDocument(), t(document.querySelector("ul")).not.toBeInTheDocument(), t(document.querySelectorAll("li")).toHaveLength(3);
+    }), s("should handle classname changes", () => {
+      const { rerender: e } = l(
+        /* @__PURE__ */ o(n, { classname: "original", list: ["Item"] })
+      );
+      let r = document.querySelector("ul");
+      t(r).toHaveClass("original"), e(
+        /* @__PURE__ */ o(n, { classname: "updated", list: ["Item"] })
+      ), r = document.querySelector("ul"), t(r).toHaveClass("updated"), t(r).not.toHaveClass("original");
+    });
+  }), m("Component Structure", () => {
+    s("should have correct DOM hierarchy for unordered list", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item 1", "Item 2"] }));
+      const e = document.querySelector("ul"), r = e == null ? void 0 : e.querySelectorAll("li");
+      t(e).toBeInTheDocument(), t(r).toHaveLength(2), t(r == null ? void 0 : r[0].parentElement).toBe(e);
+    }), s("should have correct DOM hierarchy for ordered list", () => {
+      l(/* @__PURE__ */ o(n, { list: ["Item 1", "Item 2"], type: "ordered" }));
+      const e = document.querySelector("ol"), r = e == null ? void 0 : e.querySelectorAll("li");
+      t(e).toBeInTheDocument(), t(r).toHaveLength(2), t(r == null ? void 0 : r[0].parentElement).toBe(e);
+    }), s("should maintain list item order", () => {
+      l(/* @__PURE__ */ o(n, { list: ["First", "Second", "Third"] }));
+      const e = Array.from(document.querySelectorAll("li"));
+      t(e[0]).toHaveTextContent("First"), t(e[1]).toHaveTextContent("Second"), t(e[2]).toHaveTextContent("Third");
+    });
+  });
+});