@syntrologie/adapt-content 2.4.0 → 2.5.1

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/ConditionStatusLine.test.js

@@ -155,4 +155,106 @@ describe('ConditionStatusLine', () => {
         expect(label.className).toContain('se-text-text-secondary');
         expect(label.className).not.toContain('se-text-text-tertiary');
     });
+    it('renders progress bar for single condition with progress data', () => {
+        const status = {
+            visible: false,
+            isFallback: false,
+            conditions: [
+                {
+                    type: 'event_count',
+                    passed: false,
+                    formatted: {
+                        label: 'views >= 5',
+                        instruction: 'View pages 5+ times',
+                        shortLabel: 'View 5+ times',
+                        progress: { current: 2, target: 5, operator: 'gte' },
+                    },
+                },
+            ],
+        };
+        const { container } = render(_jsx(ConditionStatusLine, { status: status }));
+        // Progress bar has a title with current/target
+        const progressBar = container.querySelector('[title]');
+        expect(progressBar).toBeTruthy();
+        expect(progressBar.title).toContain('2/5');
+        // Also shows numeric progress
+        expect(screen.getByText('2/5')).toBeTruthy();
+    });
+    it('renders progress bar at 100% with green color', () => {
+        const status = {
+            visible: true,
+            isFallback: false,
+            conditions: [
+                {
+                    type: 'event_count',
+                    passed: true,
+                    formatted: {
+                        label: 'clicks >= 3',
+                        instruction: 'Click 3+ times',
+                        shortLabel: '3+ clicks',
+                        progress: { current: 5, target: 3, operator: 'gte' },
+                    },
+                },
+            ],
+        };
+        const { container } = render(_jsx(ConditionStatusLine, { status: status }));
+        const progressBar = container.querySelector('[title]');
+        expect(progressBar).toBeTruthy();
+        // 100% cap
+        expect(progressBar.title).toContain('100%');
+        // The inner bar should have green background
+        const innerBar = progressBar.firstElementChild;
+        expect(innerBar.className).toContain('se-bg-green-4');
+    });
+    it('renders progress bar with blue color when not at 100%', () => {
+        const status = {
+            visible: false,
+            isFallback: false,
+            conditions: [
+                {
+                    type: 'event_count',
+                    passed: false,
+                    formatted: {
+                        label: 'clicks >= 10',
+                        instruction: 'Click 10+ times',
+                        shortLabel: '10+ clicks',
+                        progress: { current: 3, target: 10, operator: 'gte' },
+                    },
+                },
+            ],
+        };
+        const { container } = render(_jsx(ConditionStatusLine, { status: status }));
+        const progressBar = container.querySelector('[title]');
+        const innerBar = progressBar.firstElementChild;
+        expect(innerBar.className).toContain('se-bg-blue-4');
+        expect(innerBar.className).not.toContain('se-bg-green-4');
+    });
+    it('renders progress bar in expanded multi-condition rows', () => {
+        const status = {
+            visible: false,
+            isFallback: false,
+            conditions: [
+                {
+                    type: 'page_url',
+                    passed: true,
+                    formatted: { label: '/p', instruction: 'A', shortLabel: 'A' },
+                },
+                {
+                    type: 'event_count',
+                    passed: false,
+                    formatted: {
+                        label: 'views >= 5',
+                        instruction: 'B',
+                        shortLabel: 'B',
+                        progress: { current: 2, target: 5, operator: 'gte' },
+                    },
+                },
+            ],
+        };
+        render(_jsx(ConditionStatusLine, { status: status }));
+        // Expand
+        fireEvent.click(screen.getByText('1 of 2 conditions met'));
+        // Progress bar should appear in the expanded section
+        expect(screen.getByText('2/5')).toBeTruthy();
+    });
 });

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/DetectionBadge.test.js

@@ -1,18 +1,70 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
+import { fireEvent, render } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
 import { DetectionBadge } from '../components/DetectionBadge';
 describe('DetectionBadge', () => {
-    it('shows green dot class when found is true', () => {
+    it('displays "GoTo" text', () => {
+        const { container } = render(_jsx(DetectionBadge, { found: true }));
+        expect(container.textContent).toBe('GoTo');
+    });
+    it('uses green text color when found is true', () => {
         const { container } = render(_jsx(DetectionBadge, { found: true }));
         const badge = container.firstElementChild;
-        expect(badge.className).toContain('se-bg-green-4');
+        expect(badge.className).toContain('se-text-green-4');
         expect(badge.title).toBe('Found on this page');
     });
-    it('shows gray dot class when found is false', () => {
+    it('uses muted text color when found is false', () => {
         const { container } = render(_jsx(DetectionBadge, { found: false }));
         const badge = container.firstElementChild;
-        expect(badge.className).toContain('se-bg-text-tertiary');
+        expect(badge.className).toContain('se-text-text-tertiary');
         expect(badge.title).toBe('Not found on this page');
     });
+    it('renders a <span> when no onClick is provided', () => {
+        const { container } = render(_jsx(DetectionBadge, { found: true }));
+        const badge = container.firstElementChild;
+        expect(badge.tagName).toBe('SPAN');
+    });
+    it('renders a <button> when onClick is provided', () => {
+        const { container } = render(_jsx(DetectionBadge, { found: true, onClick: () => { } }));
+        const badge = container.firstElementChild;
+        expect(badge.tagName).toBe('BUTTON');
+    });
+    it('calls onClick when clicked', () => {
+        const onClick = vi.fn();
+        const { container } = render(_jsx(DetectionBadge, { found: true, onClick: onClick }));
+        const badge = container.firstElementChild;
+        fireEvent.click(badge);
+        expect(onClick).toHaveBeenCalledTimes(1);
+    });
+    it('calls stopPropagation so clicks do not bubble to parent card', () => {
+        const onClick = vi.fn();
+        const parentClick = vi.fn();
+        const { container } = render(
+        // biome-ignore lint/a11y/useKeyWithClickEvents: test wrapper
+        _jsx("div", { onClick: parentClick, children: _jsx(DetectionBadge, { found: false, onClick: onClick }) }));
+        const badge = container.querySelector('button');
+        fireEvent.click(badge);
+        expect(onClick).toHaveBeenCalledTimes(1);
+        expect(parentClick).not.toHaveBeenCalled();
+    });
+    it('shows "Click to scroll to element" title when onClick + found', () => {
+        const { container } = render(_jsx(DetectionBadge, { found: true, onClick: () => { } }));
+        const badge = container.firstElementChild;
+        expect(badge.title).toBe('Click to scroll to element');
+    });
+    it('shows "Click to navigate to page" title when onClick + not found', () => {
+        const { container } = render(_jsx(DetectionBadge, { found: false, onClick: () => { } }));
+        const badge = container.firstElementChild;
+        expect(badge.title).toBe('Click to navigate to page');
+    });
+    it('has green indicator dot when found', () => {
+        const { container } = render(_jsx(DetectionBadge, { found: true }));
+        const dot = container.querySelector('[data-indicator]');
+        expect(dot.className).toContain('se-bg-green-4');
+    });
+    it('has muted indicator dot when not found', () => {
+        const { container } = render(_jsx(DetectionBadge, { found: false }));
+        const dot = container.querySelector('[data-indicator]');
+        expect(dot.className).toContain('se-bg-text-tertiary');
+    });
 });

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/DismissedSection.test.js

@@ -25,4 +25,22 @@ describe('DismissedSection', () => {
         fireEvent.click(getByText('Dismissed (1)'));
         expect(queryByText('content')).toBeNull();
     });
+    it('expands on Enter keydown', () => {
+        const { getByText, queryByText } = render(_jsx(DismissedSection, { count: 2, children: _jsx("span", { children: "keyboard content" }) }));
+        const button = getByText('Dismissed (2)').closest('[role="button"]');
+        fireEvent.keyDown(button, { key: 'Enter' });
+        expect(queryByText('keyboard content')).toBeTruthy();
+    });
+    it('expands on Space keydown', () => {
+        const { getByText, queryByText } = render(_jsx(DismissedSection, { count: 2, children: _jsx("span", { children: "space content" }) }));
+        const button = getByText('Dismissed (2)').closest('[role="button"]');
+        fireEvent.keyDown(button, { key: ' ' });
+        expect(queryByText('space content')).toBeTruthy();
+    });
+    it('does not expand on other key presses', () => {
+        const { getByText, queryByText } = render(_jsx(DismissedSection, { count: 2, children: _jsx("span", { children: "other key content" }) }));
+        const button = getByText('Dismissed (2)').closest('[role="button"]');
+        fireEvent.keyDown(button, { key: 'Tab' });
+        expect(queryByText('other key content')).toBeNull();
+    });
 });

package/node_modules/@syntrologie/shared-editor-ui/dist/__tests__/EditorCard.test.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '@testing-library/react';
-import { describe, expect, it } from 'vitest';
+import { fireEvent, render } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
 import { EditorCard } from '../components/EditorCard';
 describe('EditorCard', () => {
     it('renders children', () => {
@@ -22,4 +22,63 @@ describe('EditorCard', () => {
         const card = container.firstElementChild;
         expect(card.className).toContain('se-border-border-primary');
     });
+    it('calls onClick when Enter key is pressed', () => {
+        const onClick = vi.fn();
+        const { container } = render(_jsx(EditorCard, { itemKey: "k", onClick: onClick, children: "child" }));
+        const card = container.firstElementChild;
+        fireEvent.keyDown(card, { key: 'Enter' });
+        expect(onClick).toHaveBeenCalledTimes(1);
+    });
+    it('calls onClick when Space key is pressed', () => {
+        const onClick = vi.fn();
+        const { container } = render(_jsx(EditorCard, { itemKey: "k", onClick: onClick, children: "child" }));
+        const card = container.firstElementChild;
+        fireEvent.keyDown(card, { key: ' ' });
+        expect(onClick).toHaveBeenCalledTimes(1);
+    });
+    it('does not call onClick on other key presses', () => {
+        const onClick = vi.fn();
+        const { container } = render(_jsx(EditorCard, { itemKey: "k", onClick: onClick, children: "child" }));
+        const card = container.firstElementChild;
+        fireEvent.keyDown(card, { key: 'Tab' });
+        expect(onClick).not.toHaveBeenCalled();
+    });
+    it('has role="button" and tabIndex when onClick is provided', () => {
+        const { container } = render(_jsx(EditorCard, { itemKey: "k", onClick: () => { }, children: "child" }));
+        const card = container.firstElementChild;
+        expect(card.getAttribute('role')).toBe('button');
+        expect(card.getAttribute('tabindex')).toBe('0');
+    });
+    it('does not have role or tabIndex when onClick is not provided', () => {
+        const { container } = render(_jsx(EditorCard, { itemKey: "k", children: "child" }));
+        const card = container.firstElementChild;
+        expect(card.getAttribute('role')).toBeNull();
+        expect(card.getAttribute('tabindex')).toBeNull();
+    });
+    it('applies cursor-pointer and hover classes when onClick is provided', () => {
+        const { container } = render(_jsx(EditorCard, { itemKey: "k", onClick: () => { }, children: "child" }));
+        const card = container.firstElementChild;
+        expect(card.className).toContain('se-cursor-pointer');
+        expect(card.className).toContain('hover:se-bg-sidebar-hover');
+    });
+    it('does not apply cursor-pointer when onClick is not provided', () => {
+        const { container } = render(_jsx(EditorCard, { itemKey: "k", children: "child" }));
+        const card = container.firstElementChild;
+        expect(card.className).not.toContain('se-cursor-pointer');
+    });
+    it('calls onMouseEnter and onMouseLeave', () => {
+        const onMouseEnter = vi.fn();
+        const onMouseLeave = vi.fn();
+        const { container } = render(_jsx(EditorCard, { itemKey: "k", onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: "child" }));
+        const card = container.firstElementChild;
+        fireEvent.mouseEnter(card);
+        expect(onMouseEnter).toHaveBeenCalledTimes(1);
+        fireEvent.mouseLeave(card);
+        expect(onMouseLeave).toHaveBeenCalledTimes(1);
+    });
+    it('merges custom className', () => {
+        const { container } = render(_jsx(EditorCard, { itemKey: "k", className: "custom-class", children: "child" }));
+        const card = container.firstElementChild;
+        expect(card.className).toContain('custom-class');
+    });
 });