@orangesk/orange-design-system 3.6.1 → 3.7.0

package/src/components/Megamenu/tests/Megamenu.unit.test.jsx

@@ -4,6 +4,38 @@ import "@testing-library/jest-dom/vitest";
 import { Megamenu, MegamenuBlog } from "../";
 
 describe("Megamenu logo markup", () => {
+  it("separates top links from the language switcher without a spacer item", () => {
+    const { container } = render(<Megamenu notSticky />);
+    const topContent = container.querySelector(".megamenu__top-content");
+    const lists = topContent?.querySelectorAll(":scope > ul");
+
+    expect(lists).toHaveLength(2);
+    expect(lists?.[1]).toHaveAttribute("aria-label", "Výber jazyka");
+    expect(
+      topContent?.querySelector(".megamenu__nav-spacer"),
+    ).not.toBeInTheDocument();
+    expect(
+      topContent?.querySelector(".megamenu__nav-item--push"),
+    ).toHaveTextContent("Velké firmy");
+  });
+
+  it("pushes mobile utility controls after the main logo", () => {
+    const { container, rerender } = render(<Megamenu notSticky />);
+    const mainLogoItem = container.querySelector(
+      ".megamenu__main .megamenu__nav-item--main:first-child",
+    );
+
+    expect(mainLogoItem).toHaveClass("megamenu__nav-item--push");
+
+    rerender(<MegamenuBlog notSticky />);
+
+    expect(
+      container.querySelector(
+        ".megamenu__main .megamenu__nav-item--main:first-child",
+      ),
+    ).toHaveClass("megamenu__nav-item--push");
+  });
+
   it("is sticky by default and supports disabling stickiness", () => {
     const { container, rerender } = render(<Megamenu />);
     const nav = container.querySelector("[data-megamenu]");

package/src/components/index.ts

@@ -51,6 +51,7 @@ import {
   Radio,
   RangeSlider,
   Select,
+  SelectionTile,
   TextArea,
   TextInput,
 } from "./Forms";
@@ -186,6 +187,7 @@ export {
   RangeSlider,
   Section,
   Select,
+  SelectionTile,
   Skeleton,
   SkipLink,
   SocialButton,