Add initial project files

apps/admin/tests/unit/shared/hooks/useMenu.test.ts

@@ -0,0 +1,65 @@
+import type { IntlShape } from 'react-intl';
+import { describe, expect, it } from 'vitest';
+import { createWebStudioMenu } from '#core/WebStudio/config/menu';
+// `useMenu` holds no React state — it returns plain path helpers — so the tests call it
+// directly. Aliased on import because the `use` prefix otherwise trips the rules-of-hooks lint.
+import { useMenu as menuFor } from '#shared/hooks/useMenu';
+
+const intl = { formatMessage: ({ id }: { id: string }) => id } as IntlShape;
+
+const webStudioMenu = [createWebStudioMenu(intl)];
+
+describe('useMenu', () => {
+  describe('isActive', () => {
+    it('stays true for a section while a sub-route is open', () => {
+      const { isActive } = menuFor('/web-studio/pages/-/create');
+
+      expect(isActive('/web-studio/pages/-/')).toBe(true);
+    });
+
+    it('is false for a path that only shares a prefix', () => {
+      const { isActive } = menuFor('/web-studio/pages/listing-archive');
+
+      expect(isActive('/web-studio/pages/listing')).toBe(false);
+    });
+  });
+
+  describe('isSelected', () => {
+    it('drops the ancestor once a deeper entry matches', () => {
+      const { isSelected } = menuFor('/web-studio/pages/-/create');
+
+      expect(isSelected('/web-studio/pages/-/create', webStudioMenu)).toBe(true);
+      expect(isSelected('/web-studio/pages/listing', webStudioMenu)).toBe(false);
+    });
+  });
+
+  describe('getBreadcrumb', () => {
+    it('resolves the trail for a listing route', () => {
+      const { getBreadcrumb } = menuFor('/web-studio/pages/listing');
+
+      expect(getBreadcrumb(webStudioMenu).map((item) => item.title)).toEqual([
+        'WEB_STUDIO.MENU.TITLE',
+        'WEB_STUDIO.PAGES.TITLE'
+      ]);
+    });
+
+    it('reaches the editor entry from a page id route', () => {
+      const { getBreadcrumb } = menuFor('/web-studio/pages/-/42');
+
+      expect(getBreadcrumb(webStudioMenu).map((item) => item.title)).toEqual([
+        'WEB_STUDIO.MENU.TITLE',
+        'WEB_STUDIO.PAGES.TITLE',
+        'WEB_STUDIO.EDITOR.EDIT_TITLE'
+      ]);
+    });
+  });
+
+  describe('hasActiveChild', () => {
+    it('is true for the section holding the current route', () => {
+      const { hasActiveChild } = menuFor('/web-studio/settings/footer');
+      const settings = createWebStudioMenu(intl).children?.[1];
+
+      expect(hasActiveChild(settings?.children)).toBe(true);
+    });
+  });
+});