@classic-homes/theme-svelte 1.21.0 → 1.22.1

package/dist/__tests__/public-layout-drawer.test.js

@@ -1,116 +0,0 @@
-/**
- * PublicLayout mobileNavStyle="drawer": the hamburger opens the Sidebar drawer
- * over the page instead of expanding a dropdown inside the header (which pushed
- * the page down and, once scrolled, sat on the header's translucent bar).
- */
-import { describe, it, expect, vi, afterEach } from 'vitest';
-import { mount, unmount, flushSync, createRawSnippet } from 'svelte';
-import PublicLayout from '../lib/components/layout/PublicLayout.svelte';
-const children = createRawSnippet(() => ({ render: () => '<p>Page</p>' }));
-const navigation = [
-    { id: 'inventory', name: 'Inventory', href: '/inventory', active: true },
-    { id: 'pricing', name: 'Pricing', href: '/pricing' },
-];
-let instance = null;
-let host;
-function phoneWidth(matches) {
-    vi.spyOn(window, 'matchMedia').mockImplementation((query) => ({
-        matches: query.startsWith('(max-width') ? matches : false,
-        media: query,
-        onchange: null,
-        addEventListener: vi.fn(),
-        removeEventListener: vi.fn(),
-        addListener: vi.fn(),
-        removeListener: vi.fn(),
-        dispatchEvent: vi.fn(),
-    }));
-}
-function mountLayout(props) {
-    host = document.createElement('div');
-    document.body.appendChild(host);
-    instance = mount(PublicLayout, { target: host, props: { navigation, children, ...props } });
-    flushSync();
-    const hamburger = () => host.querySelector('button[aria-label="Open menu"]');
-    return {
-        open: () => {
-            hamburger().click();
-            flushSync();
-        },
-        drawer: () => host.querySelector('aside[aria-label="Main navigation"]'),
-        dropdown: () => host.querySelector('nav[aria-label="Mobile navigation"]'),
-        header: () => host.querySelector('header'),
-    };
-}
-afterEach(() => {
-    if (instance)
-        unmount(instance);
-    instance = null;
-    host?.remove();
-    vi.restoreAllMocks();
-});
-describe('PublicLayout drawer nav', () => {
-    it('opens the Sidebar drawer over the page on a phone', () => {
-        phoneWidth(true);
-        const layout = mountLayout({ mobileNavStyle: 'drawer' });
-        // Closed drawer is off-canvas (jsdom does not reflect `inert`)
-        expect(layout.drawer()?.className).toContain('-translate-x-full');
-        layout.open();
-        expect(layout.drawer()?.className).not.toContain('-translate-x-full');
-        expect(layout.drawer()?.textContent).toContain('Pricing');
-        // No dropdown inside the header
-        expect(layout.dropdown()?.textContent ?? '').not.toContain('Pricing');
-        // Drawer and scrim lift over the elevated header and page sheets
-        const layer = layout.drawer().parentElement;
-        expect(layer.style.getPropertyValue('--z-sidebar')).toBe('70');
-        expect(layer.querySelector('[aria-hidden="true"].fixed.inset-0')).not.toBeNull();
-    });
-    it('renders no drawer above the breakpoint', () => {
-        phoneWidth(false);
-        const layout = mountLayout({ mobileNavStyle: 'drawer' });
-        expect(layout.drawer()).toBeNull();
-    });
-    it('keeps the dropdown by default, on a solid background', () => {
-        phoneWidth(true);
-        const layout = mountLayout({});
-        layout.open();
-        expect(layout.drawer()).toBeNull();
-        expect(layout.dropdown()?.textContent).toContain('Pricing');
-        expect(layout.dropdown()?.className).toContain('bg-background');
-        expect(layout.header().className).toContain('z-50');
-    });
-    it('gives a parent with children a chevron menu in the header, and keeps the link', () => {
-        phoneWidth(false);
-        host = document.createElement('div');
-        document.body.appendChild(host);
-        instance = mount(PublicLayout, {
-            target: host,
-            props: {
-                children,
-                navigation: [
-                    {
-                        id: 'inventory',
-                        name: 'Inventory',
-                        href: '/inventory',
-                        active: true,
-                        children: [
-                            { id: 'inventory-community', name: 'Community', href: '/inventory?view=community' },
-                            {
-                                id: 'inventory-collection',
-                                name: 'Collection',
-                                href: '/inventory?view=collection',
-                            },
-                        ],
-                    },
-                    { id: 'pricing', name: 'Pricing', href: '/pricing' },
-                ],
-            },
-        });
-        flushSync();
-        const link = host.querySelector('header a[href="/inventory"]');
-        expect(link?.getAttribute('aria-current')).toBe('page');
-        const trigger = host.querySelector('header button[aria-label="Inventory options"]');
-        expect(trigger).not.toBeNull();
-        // Only parents with children get one
-        expect(host.querySelector('header button[aria-label="Pricing options"]')).toBeNull();
-    });
-});

package/dist/__tests__/setup.js

@@ -1,56 +0,0 @@
-import '@testing-library/jest-dom/vitest';
-import { expect, vi } from 'vitest';
-import * as matchers from 'vitest-axe/matchers';
-expect.extend(matchers);
-// Mock scrollIntoView since jsdom doesn't support it
-Element.prototype.scrollIntoView = vi.fn();
-// jsdom has no layout engine, so scrollTo is a no-op stub
-Element.prototype.scrollTo = vi.fn();
-// jsdom implements no media pipeline: play/pause/load all throw "not
-// implemented" without these stubs, which breaks any Video or Audio test.
-HTMLMediaElement.prototype.play = vi.fn().mockResolvedValue(undefined);
-HTMLMediaElement.prototype.pause = vi.fn();
-HTMLMediaElement.prototype.load = vi.fn();
-// Fullscreen and picture-in-picture are not implemented in jsdom either
-Element.prototype.requestFullscreen = vi.fn().mockResolvedValue(undefined);
-document.exitFullscreen = vi.fn().mockResolvedValue(undefined);
-// Observers used for lazy loading and layout measurement
-if (!('IntersectionObserver' in globalThis)) {
-    globalThis.IntersectionObserver = class {
-        constructor() {
-            this.observe = vi.fn();
-            this.unobserve = vi.fn();
-            this.disconnect = vi.fn();
-            this.takeRecords = vi.fn(() => []);
-            this.root = null;
-            this.rootMargin = '';
-            this.thresholds = [];
-        }
-    };
-}
-if (!('ResizeObserver' in globalThis)) {
-    globalThis.ResizeObserver = class {
-        constructor() {
-            this.observe = vi.fn();
-            this.unobserve = vi.fn();
-            this.disconnect = vi.fn();
-        }
-    };
-}
-// jsdom has no canvas backend and logs a "not implemented" notice on every
-// getContext call. Returning null matches what a real browser does when the
-// context type is unsupported, and the callers already handle it.
-HTMLCanvasElement.prototype.getContext = vi.fn(() => null);
-// matchMedia backs useReducedMotion; jsdom does not provide it
-if (!window.matchMedia) {
-    window.matchMedia = vi.fn().mockImplementation((query) => ({
-        matches: false,
-        media: query,
-        onchange: null,
-        addEventListener: vi.fn(),
-        removeEventListener: vi.fn(),
-        addListener: vi.fn(),
-        removeListener: vi.fn(),
-        dispatchEvent: vi.fn(),
-    }));
-}

package/dist/__tests__/sidebar-collapse.test.js

@@ -1,58 +0,0 @@
-/**
- * Sidebar Collapse Tests
- *
- * DashboardLayout applies its `sidebarCollapsed` default only when no open
- * state is persisted. A first session (nothing in localStorage yet) must
- * still let the user collapse the sidebar — the default must not re-apply
- * on every toggle and snap it back open.
- */
-import { describe, it, expect, beforeEach } from 'vitest';
-import { render, screen, fireEvent } from '@testing-library/svelte';
-import { createRawSnippet, flushSync } from 'svelte';
-import DashboardLayout from '../lib/components/layout/DashboardLayout.svelte';
-import { sidebarStore } from '../lib/stores/sidebar.svelte.js';
-let appCounter = 0;
-function freshAppId() {
-    return `test-collapse-${++appCounter}`;
-}
-function renderLayout(appId) {
-    return render(DashboardLayout, {
-        props: {
-            navigation: [{ id: 'main', items: [{ id: 'home', name: 'Home', href: '/' }] }],
-            appId,
-            children: createRawSnippet(() => ({ render: () => '<p>content</p>' })),
-        },
-    });
-}
-describe('sidebar collapse', () => {
-    beforeEach(() => {
-        localStorage.clear();
-        sidebarStore.setMobile(false);
-    });
-    it('collapses on a first session with no persisted state', async () => {
-        const appId = freshAppId();
-        renderLayout(appId);
-        expect(sidebarStore.isOpen).toBe(true);
-        await fireEvent.click(screen.getByRole('button', { name: 'Collapse sidebar' }));
-        flushSync();
-        expect(sidebarStore.isOpen).toBe(false);
-        expect(localStorage.getItem(`classic-theme-sidebar-${appId}-open`)).toBe('false');
-        expect(screen.getByRole('button', { name: 'Expand sidebar' })).toBeInTheDocument();
-    });
-    it('keeps the collapse after a mobile round-trip in a first session', () => {
-        renderLayout(freshAppId());
-        sidebarStore.toggle();
-        flushSync();
-        sidebarStore.setMobile(true);
-        flushSync();
-        sidebarStore.setMobile(false);
-        flushSync();
-        expect(sidebarStore.isOpen).toBe(false);
-    });
-    it('marks state as persisted once the open state is written', () => {
-        sidebarStore.initialize(freshAppId());
-        expect(sidebarStore.hasPersistedState).toBe(false);
-        sidebarStore.close();
-        expect(sidebarStore.hasPersistedState).toBe(true);
-    });
-});

package/dist/__tests__/sidebar-docs-parity.test.js

@@ -1,134 +0,0 @@
-/**
- * Sidebar features docs sites need (Docusaurus parity)
- *
- * - Items nest to any depth: a child with its own children renders as an expandable row
- *   instead of being dropped.
- * - Search filters and expands at every depth.
- * - `sidebarAutoCollapse`: opening a section or item closes the others at its level.
- * - DashboardLayout renders a page `footer` below the main content.
- */
-import { describe, it, expect, beforeAll, beforeEach, vi } from 'vitest';
-import { fireEvent, render, screen, within } from '@testing-library/svelte';
-import { createRawSnippet } from 'svelte';
-import DashboardLayout from '../lib/components/layout/DashboardLayout.svelte';
-import { sidebarStore } from '../lib/stores/sidebar.svelte.js';
-const navigation = [
-    {
-        id: 'setup',
-        title: 'Setup',
-        collapsible: true,
-        expanded: true,
-        items: [
-            {
-                id: 'platforms',
-                name: 'Platforms',
-                expanded: true,
-                children: [
-                    { id: 'mac', name: 'macOS', href: '/setup/mac' },
-                    {
-                        id: 'linux',
-                        name: 'Linux',
-                        expanded: true,
-                        children: [
-                            { id: 'debian', name: 'Debian', href: '/setup/linux/debian', active: true },
-                            {
-                                id: 'rhel',
-                                name: 'RHEL',
-                                children: [{ id: 'rhel9', name: 'RHEL 9', href: '/setup/linux/rhel/9' }],
-                            },
-                        ],
-                    },
-                ],
-            },
-            {
-                id: 'tools',
-                name: 'Tools',
-                children: [{ id: 'cli', name: 'CLI', href: '/setup/cli' }],
-            },
-        ],
-    },
-    {
-        id: 'reference',
-        title: 'Reference',
-        collapsible: true,
-        expanded: false,
-        items: [{ id: 'api', name: 'API', href: '/reference/api' }],
-    },
-];
-function renderLayout(props = {}) {
-    return render(DashboardLayout, {
-        props: {
-            appId: `test-parity-${Math.random()}`,
-            navigation,
-            children: createRawSnippet(() => ({ render: () => '<p>content</p>' })),
-            ...props,
-        },
-    });
-}
-describe('sidebar docs parity', () => {
-    beforeAll(() => {
-        var _a;
-        // Expanding rows runs svelte's slide transition (Web Animations), which jsdom lacks
-        (_a = Element.prototype).animate ?? (_a.animate = vi.fn(() => ({
-            cancel: vi.fn(),
-            finish: vi.fn(),
-            onfinish: null,
-            oncancel: null,
-        })));
-    });
-    beforeEach(() => {
-        localStorage.clear();
-        sidebarStore.setMobile(false);
-        sidebarStore.setDefaultItems([]);
-        sidebarStore.setDefaultSections([]);
-    });
-    it('renders categories nested deeper than one level', () => {
-        renderLayout();
-        const debian = screen.getByRole('link', { name: 'Debian' });
-        expect(debian).toHaveAttribute('aria-current', 'page');
-        // RHEL is a third-level category: an expandable row, collapsed by default
-        const rhel = screen.getByRole('button', { name: 'Expand RHEL' });
-        expect(screen.queryByRole('link', { name: 'RHEL 9' })).toBeNull();
-        return fireEvent.click(rhel).then(() => {
-            expect(screen.getByRole('link', { name: 'RHEL 9' })).toHaveAttribute('href', '/setup/linux/rhel/9');
-        });
-    });
-    it('finds and reveals matches at any depth when searching', async () => {
-        renderLayout({ searchable: true });
-        const search = screen.getByRole('searchbox');
-        await fireEvent.input(search, { target: { value: 'rhel 9' } });
-        // The search input is debounced
-        await vi.waitFor(() => expect(screen.getByRole('link', { name: /RHEL 9/ })).toBeInTheDocument());
-        expect(screen.queryByRole('link', { name: /macOS/ })).toBeNull();
-        expect(screen.queryByRole('link', { name: /Debian/ })).toBeNull();
-    });
-    it('closes sibling items and sections when sidebarAutoCollapse is on', async () => {
-        renderLayout({ sidebarAutoCollapse: true });
-        expect(sidebarStore.isItemExpanded('platforms')).toBe(true);
-        await fireEvent.click(screen.getByRole('button', { name: 'Expand Tools' }));
-        expect(sidebarStore.isItemExpanded('tools')).toBe(true);
-        expect(sidebarStore.isItemExpanded('platforms')).toBe(false);
-        expect(sidebarStore.isSectionExpanded('setup')).toBe(true);
-        await fireEvent.click(screen.getByRole('button', { name: /Reference/ }));
-        expect(sidebarStore.isSectionExpanded('reference')).toBe(true);
-        expect(sidebarStore.isSectionExpanded('setup')).toBe(false);
-    });
-    it('leaves siblings open by default', async () => {
-        renderLayout();
-        await fireEvent.click(screen.getByRole('button', { name: 'Expand Tools' }));
-        expect(sidebarStore.isItemExpanded('platforms')).toBe(true);
-        expect(sidebarStore.isItemExpanded('tools')).toBe(true);
-    });
-    it('renders a page footer below the main content', () => {
-        const { container } = renderLayout({
-            footer: createRawSnippet(() => ({
-                render: () => '<footer>© Classic Homes</footer>',
-            })),
-        });
-        const main = container.querySelector('main#main-content');
-        const footer = screen.getByRole('contentinfo');
-        expect(footer).toHaveTextContent('© Classic Homes');
-        expect(main.compareDocumentPosition(footer) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
-        expect(within(main).queryByRole('contentinfo')).toBeNull();
-    });
-});

package/dist/__tests__/sidebar-expansion.test.js

@@ -1,59 +0,0 @@
-/**
- * Sidebar Role-based Expansion Tests
- *
- * Covers which sections start expanded for a given user. This is a UX
- * affordance, not access control — it decides what starts open, not what is
- * visible (that's nav-access).
- */
-import { describe, it, expect } from 'vitest';
-import { sidebarStore } from '../lib/stores/sidebar.svelte.js';
-function section(partial) {
-    return { title: partial.id, items: [], ...partial };
-}
-describe('computeInitialExpansions', () => {
-    it('expands a section for any matching role', () => {
-        const sections = [section({ id: 'admin', expandForRoles: ['admin', 'superuser'] })];
-        expect(sidebarStore.computeInitialExpansions(sections, ['admin'])).toEqual(['admin']);
-        expect(sidebarStore.computeInitialExpansions(sections, ['superuser'])).toEqual(['admin']);
-    });
-    it('expands on a secondary role, not just the first held', () => {
-        const sections = [section({ id: 'ops', expandForRoles: ['agent'] })];
-        expect(sidebarStore.computeInitialExpansions(sections, ['manager', 'agent'])).toEqual(['ops']);
-    });
-    it('leaves a section collapsed when no role matches', () => {
-        const sections = [section({ id: 'admin', expandForRoles: ['admin'] })];
-        expect(sidebarStore.computeInitialExpansions(sections, ['agent'])).toEqual([]);
-    });
-    it('leaves a role-gated section collapsed for a user with no roles', () => {
-        const sections = [section({ id: 'admin', expandForRoles: ['admin'] })];
-        expect(sidebarStore.computeInitialExpansions(sections, [])).toEqual([]);
-        expect(sidebarStore.computeInitialExpansions(sections, undefined)).toEqual([]);
-    });
-    it('expands non-collapsible sections regardless of roles', () => {
-        const sections = [section({ id: 'main', collapsible: false })];
-        expect(sidebarStore.computeInitialExpansions(sections, [])).toEqual(['main']);
-    });
-    it('respects an explicitly collapsed section', () => {
-        const sections = [section({ id: 'main', collapsible: true, expanded: false })];
-        expect(sidebarStore.computeInitialExpansions(sections, ['admin'])).toEqual([]);
-    });
-    it('expands a collapsible section that is not explicitly collapsed', () => {
-        const sections = [section({ id: 'main', collapsible: true })];
-        expect(sidebarStore.computeInitialExpansions(sections, [])).toEqual(['main']);
-    });
-    it('prefers expandForRoles over the collapsed default', () => {
-        // expandForRoles is checked first, so it wins over `expanded: false`.
-        const sections = [
-            section({ id: 'admin', collapsible: true, expanded: false, expandForRoles: ['admin'] }),
-        ];
-        expect(sidebarStore.computeInitialExpansions(sections, ['admin'])).toEqual(['admin']);
-    });
-    it('handles a mixed navigation', () => {
-        const sections = [
-            section({ id: 'main', collapsible: false }),
-            section({ id: 'admin', expandForRoles: ['admin'] }),
-            section({ id: 'ops', expandForRoles: ['agent'] }),
-        ];
-        expect(sidebarStore.computeInitialExpansions(sections, ['agent'])).toEqual(['main', 'ops']);
-    });
-});

package/dist/__tests__/sidebar-items.test.js

@@ -1,59 +0,0 @@
-/**
- * Sidebar item rendering
- *
- * - An item with an `icon` name and no custom icon renderer draws the theme
- *   Icon (it used to draw a placeholder circle). An item without an icon
- *   reserves no icon space.
- * - Item links can shrink, so a long name truncates instead of widening the
- *   sidebar into a horizontal scroll.
- */
-import { describe, it, expect, beforeEach } from 'vitest';
-import { render, screen } from '@testing-library/svelte';
-import { createRawSnippet } from 'svelte';
-import DashboardLayout from '../lib/components/layout/DashboardLayout.svelte';
-import { sidebarStore } from '../lib/stores/sidebar.svelte.js';
-const ARROW_LEFT_PATH = 'M19 12H5M12 19l-7-7 7-7';
-function renderLayout() {
-    return render(DashboardLayout, {
-        props: {
-            appId: `test-items-${Math.random()}`,
-            navigation: [
-                {
-                    id: 'main',
-                    items: [
-                        { id: 'back', name: 'Back', href: '/', icon: 'arrow-left' },
-                        {
-                            id: 'plain',
-                            name: 'A rather long page name that will not fit the sidebar',
-                            href: '/plain',
-                        },
-                    ],
-                },
-            ],
-            children: createRawSnippet(() => ({ render: () => '<p>content</p>' })),
-        },
-    });
-}
-describe('sidebar items', () => {
-    beforeEach(() => {
-        localStorage.clear();
-        sidebarStore.setMobile(false);
-    });
-    it('draws the named theme icon when no icon renderer is given', () => {
-        renderLayout();
-        const link = screen.getByRole('link', { name: 'Back' });
-        expect(link.querySelector('svg circle')).toBeNull();
-        expect(link.querySelector('svg path')?.getAttribute('d')).toBe(ARROW_LEFT_PATH);
-    });
-    it('reserves no icon space for an item without an icon', () => {
-        renderLayout();
-        const link = screen.getByRole('link', { name: /A rather long page name/ });
-        expect(link.querySelector('svg')).toBeNull();
-        expect(link.querySelector('span.h-5.w-5')).toBeNull();
-    });
-    it('lets item links shrink so long names truncate', () => {
-        renderLayout();
-        const link = screen.getByRole('link', { name: /A rather long page name/ });
-        expect(link.classList.contains('min-w-0')).toBe(true);
-    });
-});

package/dist/__tests__/sidebar-mobile.test.js

@@ -1,86 +0,0 @@
-/**
- * Sidebar Mobile Semantics Tests
- *
- * Covers the mobile drawer rules: persisted desktop open-state must never
- * open the drawer on a phone, drawer toggles never overwrite the desktop
- * preference, and leaving mobile restores the desktop preference.
- *
- * Uses the shared singleton (module state), so each test re-initializes with
- * a fresh appId to get an isolated localStorage namespace.
- */
-import { describe, it, expect, beforeEach } from 'vitest';
-import { sidebarStore } from '../lib/stores/sidebar.svelte.js';
-let appCounter = 0;
-function freshAppId() {
-    return `test-mobile-${++appCounter}`;
-}
-describe('sidebar mobile semantics', () => {
-    beforeEach(() => {
-        localStorage.clear();
-        // Reset to a known desktop baseline.
-        sidebarStore.setMobile(false);
-        sidebarStore.open();
-    });
-    it('does not open the drawer from persisted state when initializing on mobile', () => {
-        const appId = freshAppId();
-        localStorage.setItem(`classic-theme-sidebar-${appId}-open`, 'true');
-        sidebarStore.setMobile(true);
-        sidebarStore.initialize(appId);
-        expect(sidebarStore.isOpen).toBe(false);
-    });
-    it('applies persisted open state when initializing on desktop', () => {
-        const appId = freshAppId();
-        localStorage.setItem(`classic-theme-sidebar-${appId}-open`, 'false');
-        sidebarStore.initialize(appId);
-        expect(sidebarStore.isOpen).toBe(false);
-    });
-    it('restores the persisted preference when leaving mobile, even if init ran while mobile', () => {
-        const appId = freshAppId();
-        localStorage.setItem(`classic-theme-sidebar-${appId}-open`, 'true');
-        sidebarStore.setMobile(true);
-        sidebarStore.initialize(appId);
-        expect(sidebarStore.isOpen).toBe(false);
-        sidebarStore.setMobile(false);
-        expect(sidebarStore.isOpen).toBe(true);
-    });
-    it('entering mobile closes the drawer and stashes the desktop state', () => {
-        sidebarStore.initialize(freshAppId());
-        sidebarStore.open();
-        sidebarStore.setMobile(true);
-        expect(sidebarStore.isOpen).toBe(false);
-        sidebarStore.setMobile(false);
-        expect(sidebarStore.isOpen).toBe(true);
-    });
-    it('mobile drawer toggles do not persist or overwrite the desktop preference', () => {
-        const appId = freshAppId();
-        sidebarStore.initialize(appId);
-        sidebarStore.open(); // persists 'true' as desktop preference
-        sidebarStore.setMobile(true);
-        sidebarStore.toggle(); // open drawer
-        sidebarStore.close(); // close drawer
-        expect(localStorage.getItem(`classic-theme-sidebar-${appId}-open`)).toBe('true');
-        sidebarStore.setMobile(false);
-        expect(sidebarStore.isOpen).toBe(true);
-    });
-    it('a collapse made on desktop survives a mobile round-trip', () => {
-        sidebarStore.initialize(freshAppId());
-        sidebarStore.close();
-        sidebarStore.setMobile(true);
-        sidebarStore.toggle(); // user opens the drawer
-        sidebarStore.setMobile(false);
-        expect(sidebarStore.isOpen).toBe(false);
-    });
-    it('does not animate expansion until the frames after initialize', async () => {
-        const appId = freshAppId();
-        localStorage.setItem(`classic-theme-sidebar-${appId}-sections`, JSON.stringify(['a']));
-        // A fresh store instance would start false; the singleton may already be settled
-        // from earlier tests, so check the reset-on-initialize path via a new appId.
-        sidebarStore.animate = false;
-        sidebarStore.initialize(appId);
-        expect(sidebarStore.isSectionExpanded('a')).toBe(true);
-        expect(sidebarStore.animate).toBe(false);
-        await new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve)));
-        await new Promise((resolve) => setTimeout(resolve, 0));
-        expect(sidebarStore.animate).toBe(true);
-    });
-});

package/dist/__tests__/studio-canvas-item-reveal.test.js

@@ -1,50 +0,0 @@
-/**
- * StudioCanvasItem and the inspector sheet: picking an item opens the
- * inspector on phones, unless the item is edited in place.
- */
-import { describe, it, expect, vi, afterEach } from 'vitest';
-import { mount, unmount, flushSync, createRawSnippet } from 'svelte';
-const revealInspector = vi.fn();
-vi.mock('../lib/components/studio/context.js', () => ({
-    getStudioContext: () => ({ revealInspector }),
-    setStudioContext: () => { },
-}));
-const { default: StudioCanvasItem } = await import('../lib/components/studio/StudioCanvasItem.svelte');
-let instance = null;
-let host;
-function render(props) {
-    host = document.createElement('div');
-    document.body.appendChild(host);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    instance = mount(StudioCanvasItem, {
-        target: host,
-        props: {
-            label: 'Block 1',
-            children: createRawSnippet(() => ({ render: () => '<p>Body</p>' })),
-            ...props,
-        },
-    });
-    flushSync();
-    return host;
-}
-afterEach(() => {
-    if (instance)
-        unmount(instance);
-    instance = null;
-    host?.remove();
-    revealInspector.mockClear();
-});
-describe('StudioCanvasItem revealOnSelect', () => {
-    it('reveals the inspector when picked, by default', () => {
-        const el = render({ onSelect: vi.fn() });
-        el.querySelector('p').click();
-        expect(revealInspector).toHaveBeenCalledTimes(1);
-    });
-    it('selects without revealing the inspector when edited in place', () => {
-        const onSelect = vi.fn();
-        const el = render({ onSelect, revealOnSelect: false });
-        el.querySelector('p').click();
-        expect(onSelect).toHaveBeenCalledTimes(1);
-        expect(revealInspector).not.toHaveBeenCalled();
-    });
-});