@happyvertical/smrt-svelte 0.53.1 → 0.53.3

package/dist/components/workspace/__tests__/TenantNav.test.js

@@ -1,208 +0,0 @@
-import { mount, unmount } from 'svelte';
-import { afterEach, beforeEach, describe, expect, it } from 'vitest';
-import TenantNav from '../admin-shell/TenantNav.svelte';
-import TestIcon from './test-icon.svelte';
-let container;
-beforeEach(() => {
-    container = document.createElement('div');
-    document.body.appendChild(container);
-});
-afterEach(() => {
-    container.remove();
-});
-describe('TenantNav', () => {
-    it('renders named groups alongside flat links and keeps grouped active children', () => {
-        const component = mount(TenantNav, {
-            target: container,
-            props: {
-                'aria-label': 'Shop navigation',
-                currentHref: '/orders/open',
-                items: [{ href: '/home', label: 'Home' }],
-                groups: [
-                    {
-                        heading: 'Floor',
-                        items: [
-                            {
-                                href: '/orders',
-                                label: 'Orders',
-                                children: [{ href: '/orders/open', label: 'Open orders' }],
-                            },
-                        ],
-                    },
-                    { heading: 'Office', items: [] },
-                ],
-            },
-        });
-        try {
-            expect(container.querySelector('nav')).toHaveAttribute('aria-label', 'Shop navigation');
-            expect(container.querySelector('details[aria-label="Floor"]')).not.toBeNull();
-            expect(container.querySelectorAll('details')).toHaveLength(2);
-            expect(container.querySelector('a[href="/orders/open"]')).toHaveAttribute('aria-current', 'page');
-            expect(container.querySelectorAll('a')).toHaveLength(3);
-        }
-        finally {
-            unmount(component);
-        }
-    });
-    it('keeps collapsed group summaries named and independent of navigation links', () => {
-        const component = mount(TenantNav, {
-            target: container,
-            props: {
-                items: [],
-                collapsed: true,
-                groups: [
-                    { heading: 'Floor', items: [{ href: '/tasks', label: 'Tasks' }] },
-                ],
-            },
-        });
-        try {
-            const summary = container.querySelector('summary');
-            expect(summary?.textContent).toContain('Floor');
-            expect(container.querySelector('details')).toHaveAttribute('open');
-            expect(container.querySelectorAll('a')).toHaveLength(1);
-        }
-        finally {
-            unmount(component);
-        }
-    });
-    it('accepts per-instance touch density while leaving the default inherited', () => {
-        const component = mount(TenantNav, {
-            target: container,
-            props: { density: 'touch', items: [{ href: '/tasks', label: 'Tasks' }] },
-        });
-        try {
-            expect(container.querySelector('nav')).toHaveAttribute('data-density', 'touch');
-        }
-        finally {
-            unmount(component);
-        }
-    });
-    it('renders custom icon components for nav items', () => {
-        const component = mount(TenantNav, {
-            target: container,
-            props: {
-                currentHref: '/admin/tasks',
-                iconComponent: TestIcon,
-                items: [
-                    { href: '/admin/tasks', icon: 'tasks', label: 'Tasks' },
-                    {
-                        href: '/admin/opportunities',
-                        icon: 'briefcase',
-                        label: 'Opportunities',
-                    },
-                ],
-            },
-        });
-        try {
-            expect(container.querySelectorAll('[data-testid="custom-icon"]')).toHaveLength(2);
-            expect(container.querySelector('a[aria-current="page"]')?.textContent).toContain('Tasks');
-        }
-        finally {
-            unmount(component);
-        }
-    });
-    it('marks items that need attention with a labelled dot', () => {
-        const component = mount(TenantNav, {
-            target: container,
-            props: {
-                currentHref: '/admin/tasks',
-                items: [
-                    { href: '/admin/tasks', label: 'Tasks' },
-                    {
-                        href: '/admin/jobs',
-                        label: 'Jobs',
-                        attention: 'A background job failed recently',
-                    },
-                    { href: '/admin/health', label: 'Health', attention: true },
-                ],
-            },
-        });
-        try {
-            const links = [...container.querySelectorAll('a')];
-            expect(links[0].querySelector('[data-attention]')).toBeNull();
-            expect(links[1].querySelector('[data-attention]')).not.toBeNull();
-            expect(links[1].querySelector('[data-attention]')?.getAttribute('aria-hidden')).toBe('true');
-            expect(links[1].textContent).toContain('(A background job failed recently)');
-            expect(links[2].textContent).toContain('(Needs attention)');
-        }
-        finally {
-            unmount(component);
-        }
-    });
-    it('keeps the attention dot on a collapsed icon link', () => {
-        const component = mount(TenantNav, {
-            target: container,
-            props: {
-                collapsed: true,
-                iconComponent: TestIcon,
-                items: [
-                    { href: '/admin/jobs', icon: 'jobs', label: 'Jobs', attention: true },
-                ],
-            },
-        });
-        try {
-            const link = container.querySelector('a');
-            expect(link?.querySelector('[data-attention]')).not.toBeNull();
-            expect(link?.textContent).toContain('Jobs');
-            expect(link?.textContent).toContain('(Needs attention)');
-        }
-        finally {
-            unmount(component);
-        }
-    });
-    it('uses top-level icon links when collapsed', () => {
-        const component = mount(TenantNav, {
-            target: container,
-            props: {
-                collapsed: true,
-                currentHref: '/admin/experience',
-                iconComponent: TestIcon,
-                items: [
-                    {
-                        href: '/admin/resume',
-                        icon: 'file-text',
-                        label: 'Career',
-                        children: [
-                            {
-                                href: '/admin/experience',
-                                icon: 'briefcase',
-                                label: 'Experience',
-                            },
-                        ],
-                    },
-                ],
-            },
-        });
-        try {
-            expect(container.querySelector('.smrt-tenant-nav--collapsed')).not.toBeNull();
-            expect(container.querySelectorAll('[data-testid="custom-icon"]')).toHaveLength(1);
-            expect(container.querySelector('a[href="/admin/experience"]')).toBeNull();
-            const parentLink = container.querySelector('a[href="/admin/resume"]');
-            expect(parentLink).not.toHaveAttribute('aria-current');
-            expect(parentLink).toHaveClass('smrt-tenant-nav__link--visible-active');
-            expect(container.querySelector('a[href="/admin/resume"]')).toHaveAttribute('title', 'Career');
-        }
-        finally {
-            unmount(component);
-        }
-    });
-    it('renders a visible fallback glyph for iconless collapsed items', () => {
-        const component = mount(TenantNav, {
-            target: container,
-            props: {
-                collapsed: true,
-                currentHref: '/admin/memory',
-                items: [{ href: '/admin/memory', label: 'Memory' }],
-            },
-        });
-        try {
-            const link = container.querySelector('a[href="/admin/memory"]');
-            const fallback = link?.querySelector('.smrt-tenant-nav__icon--fallback');
-            expect(fallback?.textContent?.trim()).toBe('M');
-            expect(link).toHaveAttribute('aria-current', 'page');
-        }
-        finally {
-            unmount(component);
-        }
-    });
-});

package/dist/components/workspace/__tests__/WorkspaceAccountMenu.test.js

@@ -1,79 +0,0 @@
-import { expectNoA11yViolations } from '@happyvertical/smrt-ui/test-support/a11y';
-import { render, screen } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it, vi } from 'vitest';
-import WorkspaceAccountMenu from '../admin-shell/WorkspaceAccountMenu.svelte';
-const tenants = [
-    { id: 'tenant-a', label: 'Acme', roleLabel: 'Owner' },
-    { id: 'tenant-b', label: 'Beta', roleLabel: 'Member' },
-];
-describe('WorkspaceAccountMenu', () => {
-    it('exposes typed touch density without changing account actions', () => {
-        const { container } = render(WorkspaceAccountMenu, {
-            props: { userName: 'Dana', density: 'touch', onSignOut: vi.fn() },
-        });
-        expect(container.querySelector('.smrt-workspace-account-menu')).toHaveAttribute('data-density', 'touch');
-    });
-    it('switches tenant and signs out through app-owned callbacks', async () => {
-        const user = userEvent.setup();
-        const onTenantSelect = vi.fn();
-        const onSignOut = vi.fn();
-        render(WorkspaceAccountMenu, {
-            props: {
-                userName: 'Ada Lovelace',
-                userLabel: 'ada@example.com',
-                tenantLabel: 'Acme',
-                roleLabel: 'Owner',
-                currentTenantId: 'tenant-a',
-                tenants,
-                onTenantSelect,
-                onSignOut,
-            },
-        });
-        const trigger = screen.getByRole('button', {
-            name: /Open account menu ada@example.com Acme · Owner/,
-        });
-        await user.click(trigger);
-        expect(screen.getByRole('menuitem', { name: 'Acme — current — Owner' })).toBeDisabled();
-        await user.click(screen.getByRole('menuitem', { name: 'Beta — Member' }));
-        expect(onTenantSelect).toHaveBeenCalledWith('tenant-b');
-        await user.click(trigger);
-        await user.click(screen.getByRole('menuitem', { name: 'Sign out' }));
-        expect(onSignOut).toHaveBeenCalledOnce();
-    });
-    it('keeps tenant switching out of the menu when only one tenant is available', async () => {
-        const user = userEvent.setup();
-        render(WorkspaceAccountMenu, {
-            props: {
-                userName: 'Ada Lovelace',
-                userLabel: 'ada@example.com',
-                tenantLabel: 'Acme',
-                roleLabel: 'Owner',
-                currentTenantId: 'tenant-a',
-                tenants: tenants.slice(0, 1),
-                onTenantSelect: vi.fn(),
-                onSignOut: vi.fn(),
-            },
-        });
-        const trigger = screen.getByRole('button', {
-            name: /Open account menu ada@example.com Acme · Owner/,
-        });
-        await user.click(trigger);
-        expect(screen.queryByRole('menuitem', { name: /Acme/ })).toBeNull();
-        expect(screen.getByRole('menuitem', { name: 'Sign out' })).toBeVisible();
-    });
-    it('is axe-clean', async () => {
-        const { container } = render(WorkspaceAccountMenu, {
-            props: {
-                userName: 'Ada Lovelace',
-                userLabel: 'ada@example.com',
-                tenantLabel: 'Acme',
-                currentTenantId: 'tenant-a',
-                tenants,
-                onTenantSelect: vi.fn(),
-                onSignOut: vi.fn(),
-            },
-        });
-        await expectNoA11yViolations(container);
-    });
-});