@chenzy-design/svelte 0.2.0 → 0.3.0

package/dist/side-sheet/SideSheet.a11y.test.js

@@ -1,46 +0,0 @@
-// SideSheet a11y：侧边滑出浮层（APG dialog/modal，与 Modal 同构）。
-// role=dialog；mask=true 加 aria-modal=true；有 title 用 aria-labelledby，无则 aria-label。
-// portal 到 body，故扫描 document.body（参照 Modal）。
-// 不测真实 focus-trap/scroll-lock（jsdom 焦点模型不完整），只断言静态 ARIA + axe。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import SideSheet from './SideSheet.svelte';
-describe('SideSheet a11y', () => {
-    it('open + title：role=dialog / aria-modal / aria-labelledby，无 axe violations', async () => {
-        renderWithLocale(SideSheet, {
-            props: { open: true, title: 'Edit user' },
-        });
-        // portal 到 body —— 在 document 全局查询而非 container。
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog).not.toBeNull();
-        // mask 默认 true → 模态。
-        expect(dialog?.getAttribute('aria-modal')).toBe('true');
-        // 有 title 时用 aria-labelledby 指向标题 h2，且该 id 存在。
-        const labelledby = dialog?.getAttribute('aria-labelledby');
-        expect(labelledby).toBeTruthy();
-        const titleEl = labelledby ? document.getElementById(labelledby) : null;
-        expect(titleEl?.textContent).toContain('Edit user');
-        // 关闭按钮 aria-label 来自 en_US locale（验证 LocaleProvider 管线）。
-        const closeBtn = document.querySelector('.cd-sidesheet__close');
-        expect(closeBtn?.getAttribute('aria-label')).toBeTruthy();
-        await expectNoAxeViolations(document.body);
-    });
-    it('无 title + ariaLabel：role=dialog 用 aria-label 提供可访问名', async () => {
-        renderWithLocale(SideSheet, {
-            props: { open: true, ariaLabel: 'Notification center', closable: false },
-        });
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog?.getAttribute('aria-label')).toBe('Notification center');
-        expect(dialog?.getAttribute('aria-labelledby')).toBeNull();
-        await expectNoAxeViolations(document.body);
-    });
-    it('mask=false 非模态：不设 aria-modal（避免误导锁定语义）', async () => {
-        renderWithLocale(SideSheet, {
-            props: { open: true, title: 'Filters', mask: false },
-        });
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog).not.toBeNull();
-        expect(dialog?.getAttribute('aria-modal')).toBeNull();
-        await expectNoAxeViolations(document.body);
-    });
-});

package/dist/side-sheet/SideSheet.kbd.test.d.ts

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

package/dist/side-sheet/SideSheet.kbd.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideSheet.kbd.test.d.ts","sourceRoot":"","sources":["../../src/side-sheet/SideSheet.kbd.test.ts"],"names":[],"mappings":""}

package/dist/side-sheet/SideSheet.kbd.test.js

@@ -1,49 +0,0 @@
-// SideSheet 键盘 e2e（browser project / 真实 chromium）。
-// 测 focus-trap 的真实焦点行为——jsdom 完全测不了（焦点模型不完整）：
-//   1. 打开 SideSheet 后焦点进入对话框内（首个可聚焦元素）。
-//   2. Tab 循环被困在内：Tab 到最后一个再 Tab 回第一个；Shift+Tab 反向。
-//   3. Esc 关闭后焦点归还触发元素（trigger 按钮）。
-//
-// SideSheet portal 到 body（与 Modal/Drawer 同构），故在 document 范围查 [role=dialog]。
-// 仅 mask=true（默认）启用 focus trap；fixture 用 motionDisabled 关动效稳住时序。
-import { describe, it, expect } from 'vitest';
-import { page } from 'vitest/browser';
-import { renderKbdFixture, userEvent } from '../test-utils/kbd.js';
-import SideSheetKbdFixture from './SideSheetKbdFixture.svelte';
-function loc(el) {
-    return page.elementLocator(el);
-}
-function focusablesIn(dialog) {
-    return Array.from(dialog.querySelectorAll('a[href],button:not([disabled]),textarea:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])')).filter((el) => el.offsetParent !== null);
-}
-describe('SideSheet 键盘 e2e（focus trap）', () => {
-    it('打开后焦点进入对话框；Tab 循环困在内；Esc 关闭后焦点归还 trigger', async () => {
-        const { baseElement } = renderKbdFixture(SideSheetKbdFixture);
-        const trigger = baseElement.querySelector('[data-testid="trigger"]');
-        expect(trigger).not.toBeNull();
-        await userEvent.click(trigger);
-        // SideSheet portal 到 body —— 在 document 范围查询对话框。
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog).not.toBeNull();
-        await expect.element(loc(dialog)).toBeInTheDocument();
-        // 1. 焦点进入对话框内（focus-trap activate 聚焦首个可聚焦元素）。
-        expect(dialog.contains(document.activeElement)).toBe(true);
-        const focusables = focusablesIn(dialog);
-        expect(focusables.length).toBeGreaterThan(1);
-        const first = focusables[0];
-        const last = focusables[focusables.length - 1];
-        // 2a. 焦点移到最后一个，再 Tab → 循环回第一个（被困住）。
-        last.focus();
-        await expect.element(loc(last)).toHaveFocus();
-        await userEvent.tab();
-        await expect.element(loc(first)).toHaveFocus();
-        expect(dialog.contains(document.activeElement)).toBe(true);
-        // 2b. Shift+Tab 从第一个 → 循环回最后一个。
-        await userEvent.tab({ shift: true });
-        await expect.element(loc(last)).toHaveFocus();
-        expect(dialog.contains(document.activeElement)).toBe(true);
-        // 3. Esc 关闭（closeOnEsc 默认 true）—— focus-trap deactivate 归还焦点 trigger。
-        await userEvent.keyboard('{Escape}');
-        await expect.element(loc(trigger)).toHaveFocus();
-    });
-});

package/dist/side-sheet/SideSheetKbdFixture.svelte

@@ -1,30 +0,0 @@
-<!--
-  仅供 SideSheet.kbd.test.ts（browser project）使用的焦点陷阱 e2e 夹具。
-  trigger 按钮控制 open（受控）；测试先聚焦 trigger 再打开 SideSheet，
-  验证：打开后焦点进入对话框、Tab 被困在内循环、Esc 关闭后焦点归还 trigger。
-  默认 mask=true 才启用 focus trap；motionDisabled 关掉进出动效，避免动画时序抖动。
-  body 两个按钮 + 关闭叉 + footer 两个按钮构成多个可聚焦点测 Tab 循环。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import SideSheet from './SideSheet.svelte';
-
-  let open = $state(false);
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="trigger" onclick={() => (open = true)}>open sidesheet</button>
-  <SideSheet
-    {open}
-    title="Filters"
-    motionDisabled
-    onOpenChange={(e) => (open = e.open)}
-  >
-    <button type="button" data-testid="body-a">body a</button>
-    <button type="button" data-testid="body-b">body b</button>
-    {#snippet footer({ close })}
-      <button type="button" data-testid="footer-reset">Reset</button>
-      <button type="button" data-testid="footer-apply" onclick={close}>Apply</button>
-    {/snippet}
-  </SideSheet>
-</LocaleProvider>

package/dist/side-sheet/SideSheetKbdFixture.svelte.d.ts

@@ -1,4 +0,0 @@
-declare const SideSheetKbdFixture: import("svelte").Component<Record<string, never>, {}, "">;
-type SideSheetKbdFixture = ReturnType<typeof SideSheetKbdFixture>;
-export default SideSheetKbdFixture;
-//# sourceMappingURL=SideSheetKbdFixture.svelte.d.ts.map

package/dist/side-sheet/SideSheetKbdFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SideSheetKbdFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/side-sheet/SideSheetKbdFixture.svelte.ts"],"names":[],"mappings":"AA4BA,QAAA,MAAM,mBAAmB,2DAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/skeleton/Skeleton.a11y.test.d.ts

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

package/dist/skeleton/Skeleton.a11y.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.a11y.test.d.ts","sourceRoot":"","sources":["../../src/skeleton/Skeleton.a11y.test.ts"],"names":[],"mappings":""}

package/dist/skeleton/Skeleton.a11y.test.js

@@ -1,32 +0,0 @@
-// Skeleton a11y：loading 占位容器 aria-busy + aria-live=polite + aria-label。
-//
-// 已知 violation（组件源码缺口，本批不改源码）：占位容器是裸 <div>，带 aria-label/aria-live
-// 但无 role，axe 规则 [aria-prohibited-attr] 报「aria-label cannot be used on a div with no
-// valid role」。修复需给容器加 role（如 role="status"），属组件改动，故相关 axe 断言 it.skip。
-// 结构性 ARIA 断言（aria-busy/aria-live/aria-label 存在）仍作为非 skip 用例保留。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import Skeleton from './Skeleton.svelte';
-describe('Skeleton a11y', () => {
-    it('loading：占位容器 aria-busy + aria-live + aria-label 结构正确', () => {
-        const { container } = renderWithLocale(Skeleton, {
-            props: { loading: true },
-        });
-        const root = container.querySelector('.cd-skeleton');
-        expect(root?.getAttribute('aria-busy')).toBe('true');
-        expect(root?.getAttribute('aria-live')).toBe('polite');
-        expect(root?.getAttribute('aria-label')).toBeTruthy();
-    });
-    it('loading：无 axe violations（占位容器 role=status）', async () => {
-        const { container } = renderWithLocale(Skeleton, {
-            props: { loading: true },
-        });
-        await expectNoAxeViolations(container);
-    });
-    it('active：无 axe violations（占位容器 role=status）', async () => {
-        const { container } = renderWithLocale(Skeleton, {
-            props: { loading: true, active: true },
-        });
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/slider/Slider.a11y.test.d.ts

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

package/dist/slider/Slider.a11y.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.a11y.test.d.ts","sourceRoot":"","sources":["../../src/slider/Slider.a11y.test.ts"],"names":[],"mappings":""}

package/dist/slider/Slider.a11y.test.js

@@ -1,40 +0,0 @@
-// Slider a11y：role="group" 容器 + 每个手柄 role="slider"（aria-valuemin/max/now）。
-// 只断言静态 ARIA + axe 0 violations，不测拖拽/键盘（jsdom 限制）。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import Slider from './Slider.svelte';
-describe('Slider a11y', () => {
-    it('默认单值：group 容器 + role=slider 手柄（aria-valuemin/max/now），无 axe violations', async () => {
-        const { container } = renderWithLocale(Slider, {
-            props: { ariaLabel: 'Volume', value: 30 },
-        });
-        const group = container.querySelector('[role="group"]');
-        expect(group?.getAttribute('aria-label')).toBe('Volume');
-        const handle = container.querySelector('[role="slider"]');
-        expect(handle).not.toBeNull();
-        expect(handle?.getAttribute('aria-valuemin')).toBe('0');
-        expect(handle?.getAttribute('aria-valuemax')).toBe('100');
-        expect(handle?.getAttribute('aria-valuenow')).toBe('30');
-        await expectNoAxeViolations(container);
-    });
-    it('range：两个 slider 手柄，各自 aria-valuenow', async () => {
-        const { container } = renderWithLocale(Slider, {
-            props: { ariaLabel: 'Price range', range: true, value: [20, 60] },
-        });
-        const handles = container.querySelectorAll('[role="slider"]');
-        expect(handles.length).toBe(2);
-        expect(handles[0]?.getAttribute('aria-valuenow')).toBe('20');
-        expect(handles[1]?.getAttribute('aria-valuenow')).toBe('60');
-        await expectNoAxeViolations(container);
-    });
-    it('禁用：aria-disabled=true，无 axe violations', async () => {
-        const { container } = renderWithLocale(Slider, {
-            props: { ariaLabel: 'Brightness', value: 50, disabled: true },
-        });
-        const group = container.querySelector('[role="group"]');
-        expect(group?.getAttribute('aria-disabled')).toBe('true');
-        const handle = container.querySelector('[role="slider"]');
-        expect(handle?.getAttribute('aria-disabled')).toBe('true');
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/slider/Slider.kbd.test.d.ts

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

package/dist/slider/Slider.kbd.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.kbd.test.d.ts","sourceRoot":"","sources":["../../src/slider/Slider.kbd.test.ts"],"names":[],"mappings":""}

package/dist/slider/Slider.kbd.test.js

@@ -1,63 +0,0 @@
-// Slider 键盘 e2e（browser project / 真实 chromium）。
-// 焦点落在 role=slider 手柄本身（tabindex=0）：方向键 ←↓ 减、→↑ 增，
-// Home/End 跳 min/max，aria-valuenow 真实变化。range 双手柄各自可聚焦、各自调值。
-// jsdom 焦点模型不完整、方向键步进的真实焦点不可靠，故在真浏览器里测。
-import { describe, it, expect } from 'vitest';
-import { page } from 'vitest/browser';
-import { renderKbdFixture, userEvent } from '../test-utils/kbd.js';
-import SliderKbdFixture from './SliderKbdFixture.svelte';
-function loc(el) {
-    return page.elementLocator(el);
-}
-describe('Slider 键盘 e2e（role=slider 方向键调值）', () => {
-    it('单值：Tab 聚焦手柄 + ←→ 步进 + Home/End 到 min/max', async () => {
-        const { baseElement } = renderKbdFixture(SliderKbdFixture);
-        const single = baseElement.querySelector('[data-testid="single"]');
-        const thumb = single.querySelector('[role="slider"]');
-        expect(thumb).not.toBeNull();
-        expect(thumb.getAttribute('aria-valuenow')).toBe('50');
-        // Tab 从 before 进入，焦点落到手柄本身。
-        const before = baseElement.querySelector('[data-testid="before"]');
-        before.focus();
-        await expect.element(loc(before)).toHaveFocus();
-        await userEvent.tab();
-        await expect.element(loc(thumb)).toHaveFocus();
-        // → 增一步（51），← 减两步（49）。
-        await userEvent.keyboard('{ArrowRight}');
-        await expect.element(loc(thumb)).toHaveAttribute('aria-valuenow', '51');
-        await userEvent.keyboard('{ArrowLeft}{ArrowLeft}');
-        await expect.element(loc(thumb)).toHaveAttribute('aria-valuenow', '49');
-        // ↑ 增（50），↓ 减（49）——竖直方向键也步进（APG：Up 增 Down 减）。
-        await userEvent.keyboard('{ArrowUp}');
-        await expect.element(loc(thumb)).toHaveAttribute('aria-valuenow', '50');
-        await userEvent.keyboard('{ArrowDown}');
-        await expect.element(loc(thumb)).toHaveAttribute('aria-valuenow', '49');
-        // Home → min(0)，End → max(100)。
-        await userEvent.keyboard('{Home}');
-        await expect.element(loc(thumb)).toHaveAttribute('aria-valuenow', '0');
-        await userEvent.keyboard('{End}');
-        await expect.element(loc(thumb)).toHaveAttribute('aria-valuenow', '100');
-    });
-    it('range：两手柄各自可聚焦并各自调值', async () => {
-        const { baseElement } = renderKbdFixture(SliderKbdFixture);
-        const range = baseElement.querySelector('[data-testid="range"]');
-        const thumbs = Array.from(range.querySelectorAll('[role="slider"]'));
-        expect(thumbs.length).toBe(2);
-        const [low, high] = thumbs;
-        expect(low.getAttribute('aria-valuenow')).toBe('20');
-        expect(high.getAttribute('aria-valuenow')).toBe('60');
-        // 低位手柄聚焦后 → 增（21）。
-        low.focus();
-        await expect.element(loc(low)).toHaveFocus();
-        await userEvent.keyboard('{ArrowRight}');
-        await expect.element(loc(low)).toHaveAttribute('aria-valuenow', '21');
-        // 高位手柄未受影响。
-        expect(high.getAttribute('aria-valuenow')).toBe('60');
-        // 高位手柄聚焦后 ← 减（59）。
-        high.focus();
-        await expect.element(loc(high)).toHaveFocus();
-        await userEvent.keyboard('{ArrowLeft}');
-        await expect.element(loc(high)).toHaveAttribute('aria-valuenow', '59');
-        expect(low.getAttribute('aria-valuenow')).toBe('21');
-    });
-});

package/dist/slider/SliderKbdFixture.svelte

@@ -1,21 +0,0 @@
-<!--
-  仅供 Slider.kbd.test.ts（browser project）使用的键盘 e2e 夹具。
-  渲染单值 Slider 与 range Slider 两块：
-   - 单值：一个 role=slider 手柄，方向键 / Home / End 真实调值（aria-valuenow）。
-   - range：两个 role=slider 手柄，各自可聚焦、各自调值。
-  before 按钮用于验证 Tab 真实聚焦到手柄。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import Slider from './Slider.svelte';
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="before">before</button>
-  <div data-testid="single">
-    <Slider defaultValue={50} min={0} max={100} step={1} ariaLabel="Volume" />
-  </div>
-  <div data-testid="range">
-    <Slider range defaultValue={[20, 60]} min={0} max={100} step={1} ariaLabel="Range" />
-  </div>
-</LocaleProvider>

package/dist/slider/SliderKbdFixture.svelte.d.ts

@@ -1,19 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const SliderKbdFixture: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type SliderKbdFixture = InstanceType<typeof SliderKbdFixture>;
-export default SliderKbdFixture;
-//# sourceMappingURL=SliderKbdFixture.svelte.d.ts.map

package/dist/slider/SliderKbdFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderKbdFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/slider/SliderKbdFixture.svelte.ts"],"names":[],"mappings":"AAwBA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,gBAAgB;;kBAA+E,CAAC;AACpF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAChE,eAAe,gBAAgB,CAAC"}

package/dist/space/Space.a11y.test.d.ts

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

package/dist/space/Space.a11y.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Space.a11y.test.d.ts","sourceRoot":"","sources":["../../src/space/Space.a11y.test.ts"],"names":[],"mappings":""}

package/dist/space/Space.a11y.test.js

@@ -1,20 +0,0 @@
-// Space a11y：间距 flex 容器。纯布局容器，不引入语义角色。
-// 仅断言 axe 0 violations（透明保留子元素语义）。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import SpaceFixture from './SpaceA11yFixture.svelte';
-describe('Space a11y', () => {
-    it('horizontal：纯布局无语义角色，子元素语义透明保留，无 axe violations', async () => {
-        const { container } = renderWithLocale(SpaceFixture, {});
-        expect(container.querySelector('.cd-space')).not.toBeNull();
-        expect(container.querySelectorAll('button').length).toBe(2);
-        await expectNoAxeViolations(container);
-    });
-    it('vertical：方向切换不引入语义变化，无 axe violations', async () => {
-        const { container } = renderWithLocale(SpaceFixture, {
-            props: { direction: 'vertical' },
-        });
-        expect(container.querySelector('.cd-space--vertical')).not.toBeNull();
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/space/SpaceA11yFixture.svelte

@@ -1,17 +0,0 @@
-<!--
-  仅供 Space.a11y.test.ts 使用的测试夹具：Space 间距容器包裹若干子元素。
-  纯布局容器，不引入语义；本套件只断言 axe 0 violations。
--->
-<script lang="ts">
-  import Space from './Space.svelte';
-
-  interface Props {
-    direction?: 'horizontal' | 'vertical';
-  }
-  let { direction = 'horizontal' }: Props = $props();
-</script>
-
-<Space {direction}>
-  <button type="button">First</button>
-  <button type="button">Second</button>
-</Space>

package/dist/space/SpaceA11yFixture.svelte.d.ts

@@ -1,7 +0,0 @@
-interface Props {
-    direction?: 'horizontal' | 'vertical';
-}
-declare const SpaceA11yFixture: import("svelte").Component<Props, {}, "">;
-type SpaceA11yFixture = ReturnType<typeof SpaceA11yFixture>;
-export default SpaceA11yFixture;
-//# sourceMappingURL=SpaceA11yFixture.svelte.d.ts.map

package/dist/space/SpaceA11yFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpaceA11yFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/space/SpaceA11yFixture.svelte.ts"],"names":[],"mappings":"AAME,UAAU,KAAK;IACb,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAeH,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/spin/Spin.a11y.test.d.ts

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

package/dist/spin/Spin.a11y.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spin.a11y.test.d.ts","sourceRoot":"","sources":["../../src/spin/Spin.a11y.test.ts"],"names":[],"mappings":""}

package/dist/spin/Spin.a11y.test.js

@@ -1,27 +0,0 @@
-// Spin a11y：role=status + aria-live=polite 公布加载。
-// 经 SpinA11yFixture（不注入 children，使 inline 形态生效；harness 会恒注入空 children → wrapper）。
-import { describe, it, expect } from 'vitest';
-import { render } from '@testing-library/svelte';
-import { expectNoAxeViolations } from '../test-utils/a11y.js';
-import SpinA11yFixture from './SpinA11yFixture.svelte';
-describe('Spin a11y', () => {
-    it('inline：role=status + aria-live + aria-label（来自 locale），无 axe violations', async () => {
-        const { container } = render(SpinA11yFixture, {
-            props: { props: { spinning: true } },
-        });
-        const root = container.querySelector('.cd-spin');
-        expect(root?.getAttribute('role')).toBe('status');
-        expect(root?.getAttribute('aria-live')).toBe('polite');
-        // 无 tip 时取 locale 的 Spin.loading 作为可访问名。
-        expect(root?.getAttribute('aria-label')).toBeTruthy();
-        await expectNoAxeViolations(container);
-    });
-    it('inline + tip：tip 文本作为可访问名，无 axe violations', async () => {
-        const { container } = render(SpinA11yFixture, {
-            props: { props: { spinning: true, tip: 'Loading data' } },
-        });
-        const tip = container.querySelector('.cd-spin__tip');
-        expect(tip?.textContent).toContain('Loading data');
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/spin/SpinA11yFixture.svelte

@@ -1,18 +0,0 @@
-<!--
-  Spin a11y 测试夹具：不注入 children，使 inline 形态生效。
-  （renderWithLocale 的 harness 恒注入空 children snippet，会让 Spin 走 wrapper 形态。）
-  自带 LocaleProvider，故测试直接 render 本夹具。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import Spin from './Spin.svelte';
-
-  interface Props {
-    props?: Record<string, unknown>;
-  }
-  let { props = {} }: Props = $props();
-</script>
-
-<LocaleProvider locale="en_US">
-  <Spin {...props} />
-</LocaleProvider>

package/dist/spin/SpinA11yFixture.svelte.d.ts

@@ -1,7 +0,0 @@
-interface Props {
-    props?: Record<string, unknown>;
-}
-declare const SpinA11yFixture: import("svelte").Component<Props, {}, "">;
-type SpinA11yFixture = ReturnType<typeof SpinA11yFixture>;
-export default SpinA11yFixture;
-//# sourceMappingURL=SpinA11yFixture.svelte.d.ts.map

package/dist/spin/SpinA11yFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpinA11yFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/spin/SpinA11yFixture.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAeH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/steps/Steps.a11y.test.d.ts

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

package/dist/steps/Steps.a11y.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Steps.a11y.test.d.ts","sourceRoot":"","sources":["../../src/steps/Steps.a11y.test.ts"],"names":[],"mappings":""}

package/dist/steps/Steps.a11y.test.js

@@ -1,35 +0,0 @@
-// Steps a11y：<ol> 步骤列表；当前步 aria-current=step；nav 型外包 nav[aria-label]。
-//  - 视觉隐藏的状态文本（.cd-sr-only）令颜色非唯一信息载体（WCAG 1.4.1）。
-// jsdom 只断言静态 ARIA + axe（roving 键盘留给真实浏览器）。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import Steps from './Steps.svelte';
-const steps = [
-    { title: 'Start' },
-    { title: 'Verify' },
-    { title: 'Done' },
-];
-describe('Steps a11y', () => {
-    it('默认渲染：ol 列表 + 当前步 aria-current=step，无 axe violations', async () => {
-        const { container } = renderWithLocale(Steps, {
-            props: { steps, current: 1 },
-        });
-        expect(container.querySelector('ol.cd-steps')).not.toBeNull();
-        expect(container.querySelectorAll('li.cd-steps__item')).toHaveLength(3);
-        const current = container.querySelector('[aria-current="step"]');
-        expect(current).not.toBeNull();
-        // 每步含视觉隐藏状态文本（颜色非唯一信息载体）。
-        expect(container.querySelectorAll('.cd-sr-only').length).toBeGreaterThan(0);
-        await expectNoAxeViolations(container);
-    });
-    it('nav 型：外包 nav[aria-label]，步骤为可点 button，无 axe violations', async () => {
-        const { container } = renderWithLocale(Steps, {
-            props: { steps, type: 'nav', current: 0 },
-        });
-        const nav = container.querySelector('nav');
-        expect(nav).not.toBeNull();
-        expect(nav?.getAttribute('aria-label')).toBeTruthy();
-        expect(container.querySelectorAll('button.cd-steps__head')).toHaveLength(3);
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/steps/Steps.kbd.test.d.ts

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

package/dist/steps/Steps.kbd.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Steps.kbd.test.d.ts","sourceRoot":"","sources":["../../src/steps/Steps.kbd.test.ts"],"names":[],"mappings":""}

package/dist/steps/Steps.kbd.test.js

@@ -1,59 +0,0 @@
-// Steps 键盘 e2e（browser project / 真实 chromium）。
-// type="nav"（→ clickable）启用 roving，可点击步骤组为单一 Tab 停靠点。
-// 测真实焦点移动——jsdom 测不了（命令式 focus() 不可靠）：
-//   1. roving 单停靠点：Tab 进入只停在一个 step button（其余 tabindex=-1）。
-//   2. ↑↓/←→ 真实移动焦点到相邻步骤（无 wrap：clamp 在两端，源码 nextRovingIndex(...,false)）。
-//   3. Home/End 跳首/末步。
-//
-// 真实焦点断言用 page locator 的 .toHaveFocus()。
-import { describe, it, expect } from 'vitest';
-import { page } from 'vitest/browser';
-import { renderKbdFixture, userEvent } from '../test-utils/kbd.js';
-import StepsKbdFixture from './StepsKbdFixture.svelte';
-function loc(el) {
-    return page.elementLocator(el);
-}
-describe('Steps 键盘 e2e（nav/clickable roving，真实焦点）', () => {
-    it('Tab 单停靠点 + 方向键移动焦点（clamp）+ Home/End 跳首末', async () => {
-        const { baseElement } = renderKbdFixture(StepsKbdFixture);
-        const buttons = Array.from(baseElement.querySelectorAll('button[data-step-index]'));
-        expect(buttons.length).toBe(3);
-        const [first, second, third] = buttons;
-        // 1. roving 单停靠点：恰一个 tabindex=0（默认收敛到 activeIndex=0 首步）。
-        expect(buttons.filter((el) => el.tabIndex === 0).length).toBe(1);
-        expect(first.tabIndex).toBe(0);
-        const before = baseElement.querySelector('[data-testid="before"]');
-        before.focus();
-        await expect.element(loc(before)).toHaveFocus();
-        await userEvent.tab();
-        await expect.element(loc(first)).toHaveFocus();
-        // 2. → / ↓ 移动焦点到下一步（真实焦点 + 停靠点同步）。
-        await userEvent.keyboard('{ArrowRight}');
-        await expect.element(loc(second)).toHaveFocus();
-        expect(second.tabIndex).toBe(0);
-        expect(first.tabIndex).toBe(-1);
-        await userEvent.keyboard('{ArrowDown}');
-        await expect.element(loc(third)).toHaveFocus();
-        // 无 wrap：末步再 → 停在末步（clamp）。
-        await userEvent.keyboard('{ArrowRight}');
-        await expect.element(loc(third)).toHaveFocus();
-        // ← / ↑ 回退。
-        await userEvent.keyboard('{ArrowLeft}');
-        await expect.element(loc(second)).toHaveFocus();
-        // 首步再 ← 停在首步（clamp）。
-        await userEvent.keyboard('{ArrowUp}');
-        await expect.element(loc(first)).toHaveFocus();
-        await userEvent.keyboard('{ArrowUp}');
-        await expect.element(loc(first)).toHaveFocus();
-        // 3. Home/End 跳首/末。
-        await userEvent.keyboard('{End}');
-        await expect.element(loc(third)).toHaveFocus();
-        await userEvent.keyboard('{Home}');
-        await expect.element(loc(first)).toHaveFocus();
-        // Tab 离开步骤组 → after 按钮（单停靠点，不困在组内）。
-        const after = baseElement.querySelector('[data-testid="after"]');
-        await userEvent.keyboard('{End}');
-        await userEvent.tab();
-        await expect.element(loc(after)).toHaveFocus();
-    });
-});

package/dist/steps/StepsKbdFixture.svelte

@@ -1,21 +0,0 @@
-<!--
-  仅供 Steps.kbd.test.ts（browser project）使用的键盘 e2e 夹具。
-  type="nav" 启用 clickable，可点击步骤组为单一 Tab 停靠点（roving，真实焦点）。
-  前后各放一个按钮，验证 Tab 从 before 进入只停靠单一步骤、Tab 出去落到 after。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import Steps from './Steps.svelte';
-
-  const steps = [
-    { title: 'First' },
-    { title: 'Second' },
-    { title: 'Third' },
-  ];
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="before">before</button>
-  <Steps {steps} type="nav" defaultCurrent={0} />
-  <button type="button" data-testid="after">after</button>
-</LocaleProvider>