@prenta/admin 0.92.0 → 0.94.0

package/dist/__tests__/components/breakpoint-controls.render.test.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { describe, expect, it, vi } from 'vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { BreakpointPicker } from '../../components/BreakpointPicker.js';
+import { ZoomChip } from '../../components/ZoomChip.js';
+describe('BreakpointPicker', () => {
+    it('names the current breakpoint and its width to assistive tech', () => {
+        render(_jsx(BreakpointPicker, { value: "tabletL", onChange: vi.fn() }));
+        // The visible label collapses to an abbreviation at narrow header widths,
+        // so the accessible name has to carry the full fact on its own.
+        expect(screen.getByRole('button', { name: /Tablet Landscape, 1024 pixels/i })).toBeTruthy();
+    });
+    it('renders 4K at 2560, not the physical pixel count', () => {
+        render(_jsx(BreakpointPicker, { value: "4k", onChange: vi.fn() }));
+        expect(screen.getByRole('button', { name: /2560 pixels/i })).toBeTruthy();
+    });
+    it('exposes collapsed state on the trigger', () => {
+        render(_jsx(BreakpointPicker, { value: "wide", onChange: vi.fn() }));
+        expect(screen.getByRole('button').getAttribute('aria-expanded')).toBe('false');
+    });
+    it('does not open when disabled', () => {
+        render(_jsx(BreakpointPicker, { value: "wide", onChange: vi.fn(), disabled: true }));
+        const trigger = screen.getByRole('button');
+        expect(trigger.hasAttribute('disabled')).toBe(true);
+        fireEvent.click(trigger);
+        expect(screen.queryByRole('menu')).toBeNull();
+    });
+});
+describe('ZoomChip', () => {
+    it('shows the measured scale, not the mode', () => {
+        // "fit" is not a number an editor can act on; 38% explains why a 1920px
+        // preview looks small in a narrow column.
+        render(_jsx(ZoomChip, { zoom: "fit", scale: 0.38, onChange: vi.fn() }));
+        expect(screen.getByRole('button').textContent).toBe('38%');
+    });
+    it('toggles fit to actual size and back', () => {
+        const onChange = vi.fn();
+        const { rerender } = render(_jsx(ZoomChip, { zoom: "fit", scale: 0.42, onChange: onChange }));
+        fireEvent.click(screen.getByRole('button'));
+        expect(onChange).toHaveBeenCalledWith(1);
+        rerender(_jsx(ZoomChip, { zoom: 1, scale: 1, onChange: onChange }));
+        fireEvent.click(screen.getByRole('button'));
+        expect(onChange).toHaveBeenLastCalledWith('fit');
+    });
+    it('describes what clicking will do', () => {
+        render(_jsx(ZoomChip, { zoom: "fit", scale: 0.42, onChange: vi.fn() }));
+        expect(screen.getByRole('button', { name: /Switch to actual size/i })).toBeTruthy();
+    });
+});
+//# sourceMappingURL=breakpoint-controls.render.test.js.map

package/dist/__tests__/components/breakpoint-controls.render.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint-controls.render.test.js","sourceRoot":"","sources":["../../../src/__tests__/components/breakpoint-controls.render.test.tsx"],"names":[],"mappings":"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"}

package/dist/__tests__/components/canvas-edit-tip.render.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=canvas-edit-tip.render.test.d.ts.map

package/dist/__tests__/components/canvas-edit-tip.render.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-edit-tip.render.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/components/canvas-edit-tip.render.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/components/canvas-edit-tip.render.test.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { CANVAS_EDIT_TIP_STORAGE_KEY } from '../../lib/canvas-edit-chrome.js';
+// happy-dom localStorage is non-functional in this Node setup — stub a Map.
+const storage = new Map();
+vi.stubGlobal('localStorage', {
+    getItem: (key) => storage.get(key) ?? null,
+    setItem: (key, value) => void storage.set(key, String(value)),
+    removeItem: (key) => void storage.delete(key),
+    clear: () => storage.clear(),
+});
+const { CanvasEditTip } = await import('../../components/CanvasEditTip.js');
+describe('CanvasEditTip', () => {
+    afterEach(() => {
+        storage.clear();
+    });
+    it('shows editing tip until dismissed', async () => {
+        render(_jsx(CanvasEditTip, {}));
+        expect(await screen.findByRole('note')).toBeTruthy();
+        expect(screen.getByText(/Editing tip/i)).toBeTruthy();
+        fireEvent.click(screen.getByRole('button', { name: 'Dismiss editing tip' }));
+        await waitFor(() => {
+            expect(screen.queryByRole('note')).toBeNull();
+        });
+        expect(localStorage.getItem(CANVAS_EDIT_TIP_STORAGE_KEY)).toBe('1');
+    });
+    it('stays hidden when already dismissed', async () => {
+        localStorage.setItem(CANVAS_EDIT_TIP_STORAGE_KEY, '1');
+        render(_jsx(CanvasEditTip, {}));
+        await waitFor(() => {
+            expect(screen.queryByRole('note')).toBeNull();
+        });
+    });
+});
+//# sourceMappingURL=canvas-edit-tip.render.test.js.map

package/dist/__tests__/components/canvas-edit-tip.render.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-edit-tip.render.test.js","sourceRoot":"","sources":["../../../src/__tests__/components/canvas-edit-tip.render.test.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAC3E,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAA;AAE7E,4EAA4E;AAC5E,MAAM,OAAO,GAAG,IAAI,GAAG,EAAkB,CAAA;AACzC,EAAE,CAAC,UAAU,CAAC,cAAc,EAAE;IAC5B,OAAO,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI;IAClD,OAAO,EAAE,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAC7E,UAAU,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,KAAK,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC;IACrD,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE;CAC7B,CAAC,CAAA;AAEF,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,MAAM,CAAC,mCAAmC,CAAC,CAAA;AAE3E,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,KAAK,EAAE,CAAA;IACjB,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,CAAC,KAAC,aAAa,KAAG,CAAC,CAAA;QACzB,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;QACpD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;QAErD,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC,CAAA;QAC5E,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAA;QAC/C,CAAC,CAAC,CAAA;QACF,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACrE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,YAAY,CAAC,OAAO,CAAC,2BAA2B,EAAE,GAAG,CAAC,CAAA;QACtD,MAAM,CAAC,KAAC,aAAa,KAAG,CAAC,CAAA;QACzB,MAAM,OAAO,CAAC,GAAG,EAAE;YACjB,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAA;QAC/C,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/__tests__/components/editor-rail.render.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=editor-rail.render.test.d.ts.map

package/dist/__tests__/components/editor-rail.render.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-rail.render.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/components/editor-rail.render.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/components/editor-rail.render.test.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { describe, expect, it, vi } from 'vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { EditorRail, RailHeader } from '../../components/EditorRail.js';
+import { EditorRailTabs } from '../../components/EditorRailTabs.js';
+const storage = new Map();
+vi.stubGlobal('localStorage', {
+    getItem: (k) => storage.get(k) ?? null,
+    setItem: (k, v) => void storage.set(k, String(v)),
+    removeItem: (k) => void storage.delete(k),
+    clear: () => storage.clear(),
+});
+function renderRail() {
+    return render(_jsx(EditorRail, { collapsedLabel: "Sections", children: ({ width, dragging, collapse }) => (_jsxs(_Fragment, { children: [_jsx(RailHeader, { title: "Page content", width: width, dragging: dragging, onCollapse: collapse }), _jsx("p", { children: "panel body" })] })) }));
+}
+describe('EditorRail', () => {
+    it('exposes the resize handle as an operable separator', () => {
+        // A bare div with a pointerdown handler is invisible to keyboard and
+        // assistive-tech users — the role and value range are what make the rail
+        // resizable without a mouse.
+        renderRail();
+        const handle = screen.getByRole('separator', { name: 'Resize panel' });
+        expect(handle.getAttribute('aria-orientation')).toBe('vertical');
+        expect(handle.getAttribute('aria-valuemin')).toBe('300');
+        expect(handle.getAttribute('aria-valuemax')).toBe('620');
+        expect(handle.getAttribute('tabindex')).toBe('0');
+    });
+    it('resizes with arrow keys and clamps at the range edges', () => {
+        renderRail();
+        const handle = screen.getByRole('separator', { name: 'Resize panel' });
+        fireEvent.keyDown(handle, { key: 'ArrowRight' });
+        expect(handle.getAttribute('aria-valuenow')).toBe('376');
+        fireEvent.keyDown(handle, { key: 'ArrowLeft', shiftKey: true });
+        expect(handle.getAttribute('aria-valuenow')).toBe('328');
+        for (let i = 0; i < 10; i++)
+            fireEvent.keyDown(handle, { key: 'ArrowLeft', shiftKey: true });
+        expect(handle.getAttribute('aria-valuenow')).toBe('300');
+    });
+    it('resets to the default width on Home', () => {
+        renderRail();
+        const handle = screen.getByRole('separator', { name: 'Resize panel' });
+        fireEvent.keyDown(handle, { key: 'ArrowRight' });
+        fireEvent.keyDown(handle, { key: 'Home' });
+        expect(handle.getAttribute('aria-valuenow')).toBe('360');
+    });
+    it('resets to the default width on double-click', () => {
+        renderRail();
+        const handle = screen.getByRole('separator', { name: 'Resize panel' });
+        fireEvent.keyDown(handle, { key: 'ArrowRight' });
+        fireEvent.doubleClick(handle);
+        expect(handle.getAttribute('aria-valuenow')).toBe('360');
+    });
+    it('persists the width across mounts', () => {
+        const first = renderRail();
+        fireEvent.keyDown(screen.getByRole('separator', { name: 'Resize panel' }), {
+            key: 'ArrowRight',
+            shiftKey: true,
+        });
+        expect(localStorage.getItem('pb.panelW')).toBe('408');
+        first.unmount();
+        renderRail();
+        expect(screen.getByRole('separator', { name: 'Resize panel' }).getAttribute('aria-valuenow')).toBe('408');
+        storage.clear();
+    });
+    it('unmounts the panel when collapsed instead of leaving a zero-width sliver', () => {
+        // A 0-width panel keeps its contents in the accessibility tree, so a
+        // screen-reader user lands inside a panel sighted users cannot see.
+        renderRail();
+        fireEvent.click(screen.getByRole('button', { name: 'Collapse Page content panel' }));
+        expect(screen.queryByText('panel body')).toBeNull();
+        expect(screen.queryByRole('separator', { name: 'Resize panel' })).toBeNull();
+        expect(screen.getByRole('button', { name: 'Expand Sections panel' })).toBeTruthy();
+    });
+    it('restores the panel from the collapsed strip', () => {
+        renderRail();
+        fireEvent.click(screen.getByRole('button', { name: 'Collapse Page content panel' }));
+        fireEvent.click(screen.getByRole('button', { name: 'Expand Sections panel' }));
+        expect(screen.getByText('panel body')).toBeTruthy();
+    });
+});
+const TABS = [
+    { id: 'sections', label: 'Sections', title: 'Page content', count: 4 },
+    { id: 'seo', label: 'SEO & GEO', title: 'Search & AI readiness', score: 72 },
+];
+describe('EditorRailTabs', () => {
+    it('marks the active tab and links it to its panel', () => {
+        render(_jsx(EditorRailTabs, { tabs: TABS, active: "sections", onChange: vi.fn() }));
+        const active = screen.getByRole('tab', { selected: true });
+        expect(active.textContent).toContain('Sections');
+        expect(active.getAttribute('aria-controls')).toBe('rail-panel-sections');
+    });
+    it('shows the section count without opening the tab', () => {
+        render(_jsx(EditorRailTabs, { tabs: TABS, active: "seo", onChange: vi.fn() }));
+        expect(screen.getByRole('tab', { name: /Sections/ }).textContent).toContain('4');
+    });
+    it('carries the score as text, not colour alone', () => {
+        // The band dot is aria-hidden; anyone who cannot distinguish the hues still
+        // needs the number.
+        render(_jsx(EditorRailTabs, { tabs: TABS, active: "sections", onChange: vi.fn() }));
+        expect(screen.getByRole('tab', { name: /score 72 of 100/i })).toBeTruthy();
+    });
+    it('moves between tabs with arrow keys', () => {
+        // Inactive tabs have tabIndex -1, so arrows are the only way to reach them.
+        const onChange = vi.fn();
+        render(_jsx(EditorRailTabs, { tabs: TABS, active: "sections", onChange: onChange }));
+        fireEvent.keyDown(screen.getByRole('tab', { selected: true }), { key: 'ArrowRight' });
+        expect(onChange).toHaveBeenCalledWith('seo');
+    });
+    it('bands the dot on the audit scale, not the content-analysis one', () => {
+        // The two disagree between 55 and 59: `gradeFromScore` calls 57 "poor",
+        // the audit calls it "fair". The dot summarises the audit's rings, so a
+        // page scoring 57 must not read worse on the tab than in the panel.
+        render(_jsx(EditorRailTabs, { tabs: [{ id: 'seo', label: 'SEO & GEO', title: 'x', score: 57 }], active: "seo", onChange: vi.fn() }));
+        const dot = screen.getByRole('tab').querySelector('span[aria-hidden]');
+        expect(dot?.className).toContain('bg-warning');
+        expect(dot?.className).not.toContain('bg-destructive');
+    });
+    it('shows no dot at all until a score is known', () => {
+        // An absent audit must not borrow a number from another scorer — no dot
+        // beats a dot computed by a different model with different bands.
+        render(_jsx(EditorRailTabs, { tabs: [{ id: 'seo', label: 'SEO & GEO', title: 'x' }], active: "seo", onChange: vi.fn() }));
+        expect(screen.getByRole('tab').querySelector('span[aria-hidden]')).toBeNull();
+    });
+    it('reads a deliberately unrated page as not rated, never as a low score', () => {
+        render(_jsx(EditorRailTabs, { tabs: [{ id: 'seo', label: 'SEO & GEO', title: 'x', score: null }], active: "seo", onChange: vi.fn() }));
+        expect(screen.getByRole('tab', { name: /not rated/i })).toBeTruthy();
+        const dot = screen.getByRole('tab').querySelector('span[aria-hidden]');
+        expect(dot?.className).not.toContain('bg-destructive');
+    });
+    it('wraps around at the ends', () => {
+        const onChange = vi.fn();
+        render(_jsx(EditorRailTabs, { tabs: TABS, active: "sections", onChange: onChange }));
+        fireEvent.keyDown(screen.getByRole('tab', { selected: true }), { key: 'ArrowLeft' });
+        expect(onChange).toHaveBeenCalledWith('seo');
+    });
+});
+//# sourceMappingURL=editor-rail.render.test.js.map

package/dist/__tests__/components/editor-rail.render.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-rail.render.test.js","sourceRoot":"","sources":["../../../src/__tests__/components/editor-rail.render.test.tsx"],"names":[],"mappings":"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"}

package/dist/__tests__/components/media-block.render.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=media-block.render.test.d.ts.map

package/dist/__tests__/components/media-block.render.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-block.render.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/components/media-block.render.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/components/media-block.render.test.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { describe, expect, it, vi, afterEach } from 'vitest';
+import { cleanup, fireEvent, render, screen } from '@testing-library/react';
+const LIBRARY = {
+    items: [
+        {
+            id: 'm1',
+            filename: 'team-offsite-2026.jpg',
+            storageKey: 'k1',
+            url: '/media/team-offsite-2026.jpg',
+            mimeType: 'image/jpeg',
+            width: 2400,
+            height: 1600,
+        },
+        {
+            id: 'm2',
+            filename: 'notes.pdf',
+            storageKey: 'k2',
+            url: '/media/notes.pdf',
+            mimeType: 'application/pdf',
+        },
+    ],
+};
+/**
+ * `useApiData` is mocked rather than `fetch`: the hook layers caching, retries
+ * and abort handling on top, none of which this component owns, and driving it
+ * through a fake network makes the test about the hook instead of the block.
+ */
+let requested = null;
+vi.mock('../../lib/useApiData.js', () => ({
+    useApiData: (endpoint) => {
+        requested = endpoint;
+        return { data: endpoint ? LIBRARY : null, loading: false, error: null, refetch: vi.fn() };
+    },
+}));
+const { MediaBlock } = await import('../../components/MediaBlock.js');
+afterEach(() => {
+    cleanup();
+    requested = null;
+});
+describe('MediaBlock', () => {
+    it('shows the toolbar without hovering, in both states', () => {
+        // Replace and Remove are the two things an editor comes here to do. Behind
+        // a hover they are undiscoverable on touch and invisible when scanning.
+        render(_jsx(MediaBlock, { value: "", onChange: () => { } }));
+        expect(screen.getByRole('button', { name: 'Choose' })).toBeTruthy();
+        cleanup();
+        render(_jsx(MediaBlock, { value: "/media/hero.jpg", onChange: () => { }, label: "Hero image" }));
+        expect(screen.getByRole('button', { name: 'Replace' })).toBeTruthy();
+        expect(screen.getByRole('button', { name: 'Remove hero image' })).toBeTruthy();
+    });
+    it('names the file and its format rather than the raw URL', () => {
+        render(_jsx(MediaBlock, { value: "https://cdn.example.com/a/team-offsite.jpg?sig=abc", onChange: () => { } }));
+        expect(screen.getByText('team-offsite.jpg')).toBeTruthy();
+        expect(screen.getByText('JPG')).toBeTruthy();
+        // The signing token is noise in a narrow toolbar and never what is being read.
+        expect(screen.queryByText(/sig=abc/)).toBeNull();
+    });
+    it('opens the picker inside the shell, not as a dialog', () => {
+        // Choosing an image is a comparison against the slot it goes into. A modal
+        // covering the slot removes the only context that matters.
+        render(_jsx(MediaBlock, { value: "", onChange: () => { } }));
+        fireEvent.click(screen.getByRole('button', { name: 'Choose' }));
+        expect(screen.getByText('team-offsite-2026.jpg')).toBeTruthy();
+        expect(screen.queryByRole('dialog')).toBeNull();
+    });
+    it('reports each asset’s real dimensions and ratio', () => {
+        render(_jsx(MediaBlock, { value: "", onChange: () => { } }));
+        fireEvent.click(screen.getByRole('button', { name: 'Choose' }));
+        // The frame shows the template's crop, so the asset's own shape has to be
+        // stated somewhere or an editor cannot tell what will be cropped.
+        expect(screen.getByText('2400 × 1600 · 3:2')).toBeTruthy();
+    });
+    it('offers only images', () => {
+        render(_jsx(MediaBlock, { value: "", onChange: () => { } }));
+        fireEvent.click(screen.getByRole('button', { name: 'Choose' }));
+        expect(screen.getByText('team-offsite-2026.jpg')).toBeTruthy();
+        expect(screen.queryByText('notes.pdf')).toBeNull();
+    });
+    it('returns the chosen asset with its dimensions', () => {
+        const onChange = vi.fn();
+        render(_jsx(MediaBlock, { value: "", onChange: onChange }));
+        fireEvent.click(screen.getByRole('button', { name: 'Choose' }));
+        fireEvent.click(screen.getByText('team-offsite-2026.jpg'));
+        expect(onChange).toHaveBeenCalledWith('/media/team-offsite-2026.jpg', expect.objectContaining({ width: 2400, height: 1600 }));
+    });
+    it('clears the slot with an empty url', () => {
+        const onChange = vi.fn();
+        render(_jsx(MediaBlock, { value: "/media/hero.jpg", onChange: onChange }));
+        fireEvent.click(screen.getByRole('button', { name: 'Remove image' }));
+        expect(onChange).toHaveBeenCalledWith('');
+    });
+    it('disables every control when the editor cannot edit', () => {
+        render(_jsx(MediaBlock, { value: "/media/hero.jpg", onChange: () => { }, disabled: true }));
+        expect(screen.getByRole('button', { name: 'Replace' }).hasAttribute('disabled')).toBe(true);
+        expect(screen.getByRole('button', { name: 'Remove image' }).hasAttribute('disabled')).toBe(true);
+    });
+});
+describe('MediaBlock — library requests', () => {
+    it('does not fetch the library until the picker is opened', () => {
+        render(_jsx(MediaBlock, { value: "/media/hero.jpg", onChange: () => { } }));
+        expect(requested).toBeNull();
+        fireEvent.click(screen.getByRole('button', { name: 'Replace' }));
+        expect(requested).toContain('/media');
+    });
+});
+//# sourceMappingURL=media-block.render.test.js.map

package/dist/__tests__/components/media-block.render.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-block.render.test.js","sourceRoot":"","sources":["../../../src/__tests__/components/media-block.render.test.tsx"],"names":[],"mappings":"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"}

package/dist/__tests__/components/page-audit-panel.render.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=page-audit-panel.render.test.d.ts.map

package/dist/__tests__/components/page-audit-panel.render.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-audit-panel.render.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/components/page-audit-panel.render.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/components/page-audit-panel.render.test.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { describe, expect, it } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { auditPage } from '@prenta/core/seo/page-audit';
+import { PageAuditPanel } from '../../components/seo/PageAuditPanel.js';
+const blank = {
+    sections: [],
+    seo: {
+        title: '',
+        description: '',
+        slug: '',
+        keyword: '',
+        schema: '',
+        ogImage: null,
+        robots: { index: true, snippet: true },
+    },
+    llmsTxt: false,
+    brand: 'Prenta',
+    author: null,
+};
+describe('PageAuditPanel', () => {
+    it('states both scores in text, not colour alone', () => {
+        render(_jsx(PageAuditPanel, { audit: auditPage(blank) }));
+        expect(screen.getByRole('img', { name: /SEO score: 0 of 100/i })).toBeTruthy();
+        expect(screen.getByRole('img', { name: /GEO score: 0 of 100/i })).toBeTruthy();
+    });
+    it('names the denominator so a moving score is explainable', () => {
+        // The score changes when the set of applicable checks changes. Showing
+        // only the number is what made the old scorer feel arbitrary.
+        render(_jsx(PageAuditPanel, { audit: auditPage(blank) }));
+        expect(screen.getAllByText(/of \d+ apply/).length).toBe(2);
+    });
+    it('reads a gated group as not rated rather than zero', () => {
+        const audit = auditPage({
+            ...blank,
+            seo: { ...blank.seo, robots: { index: false, snippet: true } },
+        });
+        render(_jsx(PageAuditPanel, { audit: audit }));
+        expect(screen.getByRole('img', { name: /SEO: not rated/i })).toBeTruthy();
+        expect(screen.getByText('not rated')).toBeTruthy();
+    });
+    it('gives every check an outcome in text for screen readers', () => {
+        render(_jsx(PageAuditPanel, { audit: auditPage(blank) }));
+        // The status square is aria-hidden, so the outcome has to live in the row.
+        expect(screen.getAllByText(/needs attention/).length).toBeGreaterThan(0);
+        expect(screen.getAllByText(/not applicable/).length).toBeGreaterThan(0);
+    });
+    it('explains a not-applicable check instead of just greying it', () => {
+        render(_jsx(PageAuditPanel, { audit: auditPage(blank) }));
+        // All three placement checks explain themselves — none is silently greyed.
+        expect(screen.getAllByText(/Set a focus keyword to enable this check/i)).toHaveLength(3);
+    });
+    it('tells the editor what to do about a failing check', () => {
+        render(_jsx(PageAuditPanel, { audit: auditPage(blank) }));
+        expect(screen.getByText(/Aim for 30–60 characters/i)).toBeTruthy();
+    });
+});
+//# sourceMappingURL=page-audit-panel.render.test.js.map

package/dist/__tests__/components/page-audit-panel.render.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-audit-panel.render.test.js","sourceRoot":"","sources":["../../../src/__tests__/components/page-audit-panel.render.test.tsx"],"names":[],"mappings":"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"}

package/dist/__tests__/components/reflow-meter.render.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=reflow-meter.render.test.d.ts.map

package/dist/__tests__/components/reflow-meter.render.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reflow-meter.render.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/components/reflow-meter.render.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/components/reflow-meter.render.test.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { describe, expect, it, vi } from 'vitest';
+import { cleanup, fireEvent, render, screen } from '@testing-library/react';
+import { ReflowMeter } from '../../components/ReflowMeter.js';
+import { BREAKPOINTS } from '../../lib/breakpoints.js';
+function rows(overrides = {}) {
+    return BREAKPOINTS.map((bp) => {
+        const o = overrides[bp.id] ?? {};
+        const lines = o.lines ?? 2;
+        const was = o.was ?? 2;
+        return { id: bp.id, lines, was, diff: lines - was, state: o.state ?? 'same' };
+    });
+}
+function guard(partial = {}) {
+    const r = partial.rows ?? rows();
+    return {
+        rows: r,
+        grown: partial.grown ?? r.filter((x) => x.diff > 0),
+        worst: partial.worst ?? null,
+        delta: partial.delta ?? 0,
+        ...partial,
+    };
+}
+describe('ReflowMeter', () => {
+    it('reports the line count for the breakpoint being viewed, not the worst one', () => {
+        // "lines here" has to mean the canvas the editor is actually looking at.
+        // Showing the worst breakpoint's count under a canvas rendering a different
+        // one makes the editor mistrust both numbers.
+        const { container } = render(_jsx(ReflowMeter, { guard: guard({ rows: rows({ mobile: { lines: 5 }, laptop: { lines: 2 } }) }), length: 64, device: "laptop", onProof: () => { } }));
+        const readout = container.querySelector('span').textContent.replace(/\s+/g, ' ');
+        expect(readout).toContain('2 lines here');
+        expect(readout).not.toContain('5 lines here');
+        cleanup();
+    });
+    it('states the character delta with its direction', () => {
+        render(_jsx(ReflowMeter, { guard: guard({ delta: 12 }), length: 80, device: "wide", onProof: () => { } }));
+        expect(screen.getByText('(+12)')).toBeTruthy();
+        cleanup();
+        render(_jsx(ReflowMeter, { guard: guard({ delta: -9 }), length: 40, device: "wide", onProof: () => { } }));
+        expect(screen.getByText('(-9)')).toBeTruthy();
+        cleanup();
+    });
+    it('names the line count and its published value on every dot', () => {
+        // Colour alone must not carry the finding. Each dot's accessible name says
+        // what it measured and what it was, so the whole readout is reachable
+        // without seeing the tones.
+        render(_jsx(ReflowMeter, { guard: guard({
+                rows: rows({ mobile: { lines: 4, was: 2, state: 'grew-badly' } }),
+                worst: 'mobile',
+            }), length: 64, device: "wide", onProof: () => { } }));
+        const dot = screen.getByRole('button', { name: /^Mobile: 4 lines/ });
+        expect(dot.textContent).toContain('was 2 when published');
+        // The dot and the alert's proof button are distinguishable by name — two
+        // controls reading "Proof on Mobile" in one region are the same control to
+        // anyone navigating by voice or screen reader.
+        expect(screen.getByRole('button', { name: 'Proof on Mobile' })).not.toBe(dot);
+        cleanup();
+    });
+    it('takes the canvas to the breakpoint a dot names', () => {
+        const onProof = vi.fn();
+        render(_jsx(ReflowMeter, { guard: guard({ rows: rows({ mobile: { lines: 4, was: 2, state: 'grew-badly' } }) }), length: 64, device: "wide", onProof: onProof }));
+        fireEvent.click(screen.getByRole('button', { name: /^Mobile: 4 lines/ }));
+        expect(onProof).toHaveBeenCalledWith('mobile');
+        cleanup();
+    });
+    it('stays silent when nothing grew', () => {
+        // The alert is the interrupting element. It must appear only when wrapping
+        // actually changed, or editors learn to scroll past it.
+        render(_jsx(ReflowMeter, { guard: guard(), length: 40, device: "wide", onProof: () => { } }));
+        expect(screen.queryByText(/Wrapping changed/)).toBeNull();
+        cleanup();
+    });
+    it('says "every breakpoint" rather than listing all six', () => {
+        const all = rows(Object.fromEntries(BREAKPOINTS.map((b) => [b.id, { lines: 3, was: 2, state: 'grew' }])));
+        render(_jsx(ReflowMeter, { guard: guard({ rows: all, worst: 'mobile' }), length: 90, device: "wide", onProof: () => { } }));
+        expect(screen.getByText('every breakpoint')).toBeTruthy();
+        cleanup();
+    });
+    it('names the breakpoints while the list is short enough to read', () => {
+        render(_jsx(ReflowMeter, { guard: guard({
+                rows: rows({
+                    mobile: { lines: 4, was: 2, state: 'grew-badly' },
+                    tabletP: { lines: 3, was: 2, state: 'grew' },
+                }),
+                worst: 'mobile',
+            }), length: 90, device: "wide", onProof: () => { } }));
+        expect(screen.getByText('Tablet Portrait, Mobile')).toBeTruthy();
+        // The proof button names the one worth looking at, not the list.
+        expect(screen.getByRole('button', { name: 'Proof on Mobile' })).toBeTruthy();
+        cleanup();
+    });
+});
+//# sourceMappingURL=reflow-meter.render.test.js.map

package/dist/__tests__/components/reflow-meter.render.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reflow-meter.render.test.js","sourceRoot":"","sources":["../../../src/__tests__/components/reflow-meter.render.test.tsx"],"names":[],"mappings":"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"}