@chenzy-design/svelte 0.2.0 → 0.3.0

package/dist/tabs/Tabs.kbd.test.js

@@ -1,63 +0,0 @@
-// Tabs 键盘 e2e（browser project / 真实 chromium），horizontal tablist roving。
-// 测真实焦点移动 + 「焦点即激活」（keyboardActivation='auto' 默认）——jsdom 测不了
-// （焦点模型不完整、命令式 focus() 不可靠）：
-//   1. roving 单停靠点：选中 tab 的 tabindex=0，其余 -1；Tab 从 before 进入只停在选中 tab。
-//   2. ←→ 真实移动焦点到相邻 tab（环绕），auto 模式下焦点移动即激活对应面板。
-//   3. Home/End 跳首/末 tab。
-//   4. Tab 离开 tablist 后落到 after 按钮（单停靠点，不困在 tablist 里）。
-//
-// 真实焦点断言用 page locator 的 .toHaveFocus()（对真实 document.activeElement 重试断言）。
-import { describe, it, expect } from 'vitest';
-import { page } from 'vitest/browser';
-import { renderKbdFixture, userEvent } from '../test-utils/kbd.js';
-import TabsKbdFixture from './TabsKbdFixture.svelte';
-function loc(el) {
-    return page.elementLocator(el);
-}
-describe('Tabs 键盘 e2e（horizontal roving + auto 激活）', () => {
-    it('roving 单停靠点 + ←→ 移动焦点即激活 + Home/End 跳首末', async () => {
-        const { baseElement } = renderKbdFixture(TabsKbdFixture);
-        const tabs = Array.from(baseElement.querySelectorAll('[role="tab"]'));
-        expect(tabs.length).toBe(3);
-        const [overview, details, history] = tabs;
-        // 1. roving 单停靠点：默认选中首个 tab（defaultValue='overview'），其 tabindex=0，其余 -1。
-        expect(tabs.filter((el) => el.tabIndex === 0).length).toBe(1);
-        expect(overview.tabIndex).toBe(0);
-        expect(overview.getAttribute('aria-selected')).toBe('true');
-        // 从 before 按钮 Tab 进入：只停靠在选中 tab，不逐个进入。
-        const before = baseElement.querySelector('[data-testid="before"]');
-        before.focus();
-        await expect.element(loc(before)).toHaveFocus();
-        await userEvent.tab();
-        await expect.element(loc(overview)).toHaveFocus();
-        // 2. → 移动焦点到下一 tab；auto 模式焦点即激活（aria-selected + 停靠点同步）。
-        await userEvent.keyboard('{ArrowRight}');
-        await expect.element(loc(details)).toHaveFocus();
-        expect(details.getAttribute('aria-selected')).toBe('true');
-        expect(details.tabIndex).toBe(0);
-        expect(overview.tabIndex).toBe(-1);
-        await userEvent.keyboard('{ArrowRight}');
-        await expect.element(loc(history)).toHaveFocus();
-        expect(history.getAttribute('aria-selected')).toBe('true');
-        // 环绕：末项 → 回到首项。
-        await userEvent.keyboard('{ArrowRight}');
-        await expect.element(loc(overview)).toHaveFocus();
-        // ← 环绕到末项。
-        await userEvent.keyboard('{ArrowLeft}');
-        await expect.element(loc(history)).toHaveFocus();
-        // 3. Home/End 跳首/末。
-        await userEvent.keyboard('{Home}');
-        await expect.element(loc(overview)).toHaveFocus();
-        await userEvent.keyboard('{End}');
-        await expect.element(loc(history)).toHaveFocus();
-        expect(history.getAttribute('aria-selected')).toBe('true');
-        // 4. Tab 离开 tablist：单停靠点 → 焦点先到选中面板（APG tabpanel 为 tabindex=0 的 Tab 停靠点），
-        //    再 Tab 才到 after 按钮（不困在 tablist 内逐个 tab）。
-        const panel = baseElement.querySelector('[role="tabpanel"]');
-        await userEvent.tab();
-        await expect.element(loc(panel)).toHaveFocus();
-        const after = baseElement.querySelector('[data-testid="after"]');
-        await userEvent.tab();
-        await expect.element(loc(after)).toHaveFocus();
-    });
-});

package/dist/tabs/TabsA11yFixture.svelte

@@ -1,20 +0,0 @@
-<!--
-  仅供 Tabs.a11y.test.ts 使用的测试夹具：声明式 <Tabs.Pane> 用法（含 role=tabpanel 面板），
-  使 tab 的 aria-controls 指向真实存在的面板 id（axe aria-valid-attr-value 通过）。
-  纯 tabList 用法不渲染面板，aria-controls 会悬空，不是 a11y-clean 路径。
--->
-<script lang="ts">
-  import { Tabs } from './index.js';
-
-  interface Props {
-    defaultValue?: string | number;
-    type?: 'line' | 'card' | 'button';
-  }
-  let { defaultValue = 'overview', type = 'line' }: Props = $props();
-</script>
-
-<Tabs {defaultValue} {type}>
-  <Tabs.Pane itemKey="overview" tab="Overview">Overview content</Tabs.Pane>
-  <Tabs.Pane itemKey="details" tab="Details">Details content</Tabs.Pane>
-  <Tabs.Pane itemKey="history" tab="History">History content</Tabs.Pane>
-</Tabs>

package/dist/tabs/TabsA11yFixture.svelte.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    defaultValue?: string | number;
-    type?: 'line' | 'card' | 'button';
-}
-declare const TabsA11yFixture: import("svelte").Component<Props, {}, "">;
-type TabsA11yFixture = ReturnType<typeof TabsA11yFixture>;
-export default TabsA11yFixture;
-//# sourceMappingURL=TabsA11yFixture.svelte.d.ts.map

package/dist/tabs/TabsA11yFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsA11yFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/tabs/TabsA11yFixture.svelte.ts"],"names":[],"mappings":"AAME,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;CACnC;AAgBH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/tabs/TabsKbdFixture.svelte

@@ -1,25 +0,0 @@
-<!--
-  仅供 Tabs.kbd.test.ts（browser project）使用的 tablist roving 键盘 e2e 夹具。
-  声明式 <Tabs.Pane> 用法：tab 的 aria-controls 指向真实面板，面板按 activeKey 显隐，
-  便于断言 keyboardActivation='auto'（默认）下「焦点移动即激活」。
-  菜单前后各放一个按钮，用于验证 roving 单停靠点（Tab 只进一个 tab，其余 tabindex=-1）。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import { Tabs } from './index.js';
-
-  interface Props {
-    defaultValue?: string;
-  }
-  let { defaultValue = 'overview' }: Props = $props();
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="before">before</button>
-  <Tabs {defaultValue} type="line">
-    <Tabs.Pane itemKey="overview" tab="Overview">Overview content</Tabs.Pane>
-    <Tabs.Pane itemKey="details" tab="Details">Details content</Tabs.Pane>
-    <Tabs.Pane itemKey="history" tab="History">History content</Tabs.Pane>
-  </Tabs>
-  <button type="button" data-testid="after">after</button>
-</LocaleProvider>

package/dist/tabs/TabsKbdFixture.svelte.d.ts

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

package/dist/tabs/TabsKbdFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsKbdFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/tabs/TabsKbdFixture.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAqBH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/tag/Tag.a11y.test.d.ts

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

package/dist/tag/Tag.a11y.test.d.ts.map

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

package/dist/tag/Tag.a11y.test.js

@@ -1,30 +0,0 @@
-// Tag a11y：closable 关闭按钮有可访问名（locale 派生）；checkable 取 role=checkbox + aria-checked。
-// 经 TagA11yFixture 提供真实文本 children（自带 LocaleProvider，故直接 render）。
-import { describe, it, expect } from 'vitest';
-import { render } from '@testing-library/svelte';
-import { expectNoAxeViolations } from '../test-utils/a11y.js';
-import TagA11yFixture from './TagA11yFixture.svelte';
-describe('Tag a11y', () => {
-    it('基础：渲染文本内容，无 axe violations', async () => {
-        const { container } = render(TagA11yFixture, { props: { text: 'Done' } });
-        expect(container.querySelector('.cd-tag')?.textContent).toContain('Done');
-        await expectNoAxeViolations(container);
-    });
-    it('closable：关闭按钮带 aria-label（来自 locale），无 axe violations', async () => {
-        const { container } = render(TagA11yFixture, {
-            props: { text: 'Done', props: { closable: true, tagText: 'Done' } },
-        });
-        const closeBtn = container.querySelector('.cd-tag__close');
-        expect(closeBtn?.getAttribute('aria-label')).toBeTruthy();
-        await expectNoAxeViolations(container);
-    });
-    it('checkable：role=checkbox + aria-checked，无 axe violations', async () => {
-        const { container } = render(TagA11yFixture, {
-            props: { text: 'Filter', props: { checkable: true, checked: true } },
-        });
-        const root = container.querySelector('.cd-tag');
-        expect(root?.getAttribute('role')).toBe('checkbox');
-        expect(root?.getAttribute('aria-checked')).toBe('true');
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/tag/TagA11yFixture.svelte

@@ -1,18 +0,0 @@
-<!--
-  Tag a11y 测试夹具：提供真实文本 children（createRawSnippet 在 harness 下不渲染文本）。
-  自带 LocaleProvider，故测试直接 render 本夹具。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import Tag from './Tag.svelte';
-
-  interface Props {
-    text?: string;
-    props?: Record<string, unknown>;
-  }
-  let { text = 'Done', props = {} }: Props = $props();
-</script>
-
-<LocaleProvider locale="en_US">
-  <Tag {...props}>{text}</Tag>
-</LocaleProvider>

package/dist/tag/TagA11yFixture.svelte.d.ts

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

package/dist/tag/TagA11yFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagA11yFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/tag/TagA11yFixture.svelte.ts"],"names":[],"mappings":"AAOE,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAeH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/tag-input/TagInput.a11y.test.d.ts

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

package/dist/tag-input/TagInput.a11y.test.d.ts.map

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

package/dist/tag-input/TagInput.a11y.test.js

@@ -1,38 +0,0 @@
-// TagInput a11y：role=group + ariaLabel 容器可访问名；输入框可访问名；
-// 标签删除按钮 locale 可访问名。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import TagInput from './TagInput.svelte';
-describe('TagInput a11y', () => {
-    it('默认渲染：role=group + ariaLabel，输入框有可访问名，无 axe violations', async () => {
-        const { container } = renderWithLocale(TagInput, {
-            props: { ariaLabel: 'Tags', placeholder: 'Add tag' },
-        });
-        const group = container.querySelector('[role="group"]');
-        expect(group).not.toBeNull();
-        expect(group?.getAttribute('aria-label')).toBe('Tags');
-        // 输入框同样以 ariaLabel 暴露可访问名（无可见 label）。
-        const input = container.querySelector('input');
-        expect(input?.getAttribute('aria-label')).toBe('Tags');
-        await expectNoAxeViolations(container);
-    });
-    it('已有标签：删除按钮 locale 可访问名，无 axe violations', async () => {
-        const { container } = renderWithLocale(TagInput, {
-            props: { ariaLabel: 'Skills', defaultValue: ['svelte', 'a11y'] },
-        });
-        const removeBtns = container.querySelectorAll('.cd-tag-input__remove');
-        expect(removeBtns.length).toBe(2);
-        const label = removeBtns[0]?.getAttribute('aria-label');
-        expect(label).toBeTruthy();
-        expect(label).not.toBe('TagInput.remove');
-        await expectNoAxeViolations(container);
-    });
-    it('disabled：aria-disabled=true，无 axe violations', async () => {
-        const { container } = renderWithLocale(TagInput, {
-            props: { ariaLabel: 'Tags', defaultValue: ['a'], disabled: true },
-        });
-        const group = container.querySelector('[role="group"]');
-        expect(group?.getAttribute('aria-disabled')).toBe('true');
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/tag-input/reorder.test.d.ts

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

package/dist/tag-input/reorder.test.d.ts.map

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

package/dist/tag-input/reorder.test.js

@@ -1,48 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { computeInsertSide, reorder } from './reorder.js';
-describe('tag-input/reorder', () => {
-    describe('computeInsertSide', () => {
-        it('left half → before', () => {
-            expect(computeInsertSide(0, 100)).toBe('before');
-            expect(computeInsertSide(49, 100)).toBe('before');
-        });
-        it('mid and right half → after', () => {
-            expect(computeInsertSide(50, 100)).toBe('after');
-            expect(computeInsertSide(99, 100)).toBe('after');
-        });
-    });
-    describe('reorder', () => {
-        const list = ['a', 'b', 'c', 'd'];
-        it('moves an item forward (before a later target)', () => {
-            expect(reorder(list, 0, 2, 'before')).toEqual(['b', 'a', 'c', 'd']);
-        });
-        it('moves an item forward (after a later target)', () => {
-            expect(reorder(list, 0, 2, 'after')).toEqual(['b', 'c', 'a', 'd']);
-        });
-        it('moves an item backward (before an earlier target)', () => {
-            expect(reorder(list, 3, 1, 'before')).toEqual(['a', 'd', 'b', 'c']);
-        });
-        it('moves an item backward (after an earlier target)', () => {
-            expect(reorder(list, 3, 1, 'after')).toEqual(['a', 'b', 'd', 'c']);
-        });
-        it('moves to the very end', () => {
-            expect(reorder(list, 0, 3, 'after')).toEqual(['b', 'c', 'd', 'a']);
-        });
-        it('moves to the very start', () => {
-            expect(reorder(list, 3, 0, 'before')).toEqual(['d', 'a', 'b', 'c']);
-        });
-        it('no-op when result position equals source (drop after previous neighbor)', () => {
-            expect(reorder(list, 1, 0, 'after')).toEqual(list);
-            expect(reorder(list, 1, 2, 'before')).toEqual(list);
-        });
-        it('returns a new array (immutable)', () => {
-            const out = reorder(list, 0, 1, 'after');
-            expect(out).not.toBe(list);
-            expect(list).toEqual(['a', 'b', 'c', 'd']);
-        });
-        it('out-of-range indices return a copy unchanged', () => {
-            expect(reorder(list, -1, 2, 'before')).toEqual(list);
-            expect(reorder(list, 0, 9, 'after')).toEqual(list);
-        });
-    });
-});

package/dist/test-utils/LocaleHarness.svelte

@@ -1,29 +0,0 @@
-<!--
-  LocaleHarness — a11y 测试专用包装组件。
-  把被测组件包进 <LocaleProvider>，使 useLocale() 能拿到 context（默认 en_US）。
-  通过 component prop 接收被测组件构造器，props 透传，children 作为默认插槽渲染。
-  注意：仅用于测试，不对外导出。
--->
-<script lang="ts">
-  import type { Component, Snippet } from 'svelte';
-  import { LocaleProvider } from '../locale-provider/index.js';
-
-  interface Props {
-    // 被测组件构造器（Svelte 5 Component）。
-    component: Component<any>;
-    // 透传给被测组件的 props。
-    props?: Record<string, unknown>;
-    // 语言码，默认 en_US。
-    locale?: string;
-    // 默认插槽内容（如 Button 的文字）。
-    children?: Snippet;
-  }
-
-  let { component: Cmp, props = {}, locale = 'en_US', children }: Props = $props();
-</script>
-
-<LocaleProvider {locale}>
-  <Cmp {...props}>
-    {#if children}{@render children()}{/if}
-  </Cmp>
-</LocaleProvider>

package/dist/test-utils/LocaleHarness.svelte.d.ts

@@ -1,11 +0,0 @@
-import type { Component, Snippet } from 'svelte';
-interface Props {
-    component: Component<any>;
-    props?: Record<string, unknown>;
-    locale?: string;
-    children?: Snippet;
-}
-declare const LocaleHarness: Component<Props, {}, "">;
-type LocaleHarness = ReturnType<typeof LocaleHarness>;
-export default LocaleHarness;
-//# sourceMappingURL=LocaleHarness.svelte.d.ts.map

package/dist/test-utils/LocaleHarness.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LocaleHarness.svelte.d.ts","sourceRoot":"","sources":["../../src/test-utils/LocaleHarness.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAI/C,UAAU,KAAK;IAEb,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAE1B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkBH,QAAA,MAAM,aAAa,0BAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/test-utils/a11y.d.ts

@@ -1,36 +0,0 @@
-import { type RenderResult } from '@testing-library/svelte';
-import type { Component } from 'svelte';
-import { type RunOptions } from 'axe-core';
-type AnyComponent = Component<Record<string, unknown>>;
-export interface RenderWithLocaleOptions {
-    /** 透传给被测组件的 props。 */
-    props?: Record<string, unknown>;
-    /** 语言码，默认 en_US。 */
-    locale?: string;
-}
-/**
- * 把组件包进 LocaleProvider 渲染到 jsdom。
- * 返回 testing-library 的 RenderResult（含 container / baseElement / queries）。
- *
- * 用法：
- *   const { container } = renderWithLocale(Button, { props: { type: 'primary' } });
- *
- * 纯展示组件（无 useLocale）同样可用——Provider 包裹无副作用。
- */
-export declare function renderWithLocale(component: AnyComponent, options?: RenderWithLocaleOptions): RenderResult<AnyComponent>;
-export interface AxeAssertOptions {
-    /** 额外要禁用的规则 id（在默认禁用项之外追加）。 */
-    disableRules?: string[];
-    /** 覆盖默认 runOptions（一般不需要）。 */
-    runOptions?: RunOptions;
-}
-/**
- * 对容器跑 axe-core，断言 0 violations。
- * 默认规则集：WCAG 2.0/2.1 A & AA（axe tags wcag2a/wcag2aa/wcag21a/wcag21aa）。
- * 默认禁用 jsdom 下不可靠的规则（见 JSDOM_DISABLED_RULES）。
- *
- * 用法：await expectNoAxeViolations(container);
- */
-export declare function expectNoAxeViolations(container: Element, options?: AxeAssertOptions): Promise<void>;
-export {};
-//# sourceMappingURL=a11y.d.ts.map

package/dist/test-utils/a11y.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/test-utils/a11y.ts"],"names":[],"mappings":"AAUA,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAY,EAAE,KAAK,UAAU,EAAe,MAAM,UAAU,CAAC;AAI7D,KAAK,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAIvD,MAAM,WAAW,uBAAuB;IACtC,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,YAAY,EACvB,OAAO,GAAE,uBAA4B,GACpC,YAAY,CAAC,YAAY,CAAC,CAK5B;AAQD,MAAM,WAAW,gBAAgB;IAC/B,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,8BAA8B;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAWD;;;;;;GAMG;AACH,wBAAsB,qBAAqB,CACzC,SAAS,EAAE,OAAO,EAClB,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,IAAI,CAAC,CA6Bf"}

package/dist/test-utils/a11y.js

@@ -1,68 +0,0 @@
-// a11y 渲染测试基建（仅 dom project / jsdom 下使用）。
-//
-// 提供两个帮手：
-//  - renderWithLocale：用 testing-library 的 render 把组件挂到 jsdom，
-//    并用 LocaleHarness 包一层 LocaleProvider（默认 en_US），使 useLocale() 可用。
-//  - expectNoAxeViolations：对容器跑 axe-core，断言 0 violations。
-//
-// 设计取舍：本套件只做 axe 静态规则 + role/aria 断言，不测真实键盘/焦点行为
-// （jsdom 焦点模型不完整、委托事件合成不可靠——见项目已知教训）。焦点陷阱/键盘
-// 导航留给将来 Playwright。
-import { render } from '@testing-library/svelte';
-import axe from 'axe-core';
-import { expect } from 'vitest';
-import LocaleHarness from './LocaleHarness.svelte';
-/**
- * 把组件包进 LocaleProvider 渲染到 jsdom。
- * 返回 testing-library 的 RenderResult（含 container / baseElement / queries）。
- *
- * 用法：
- *   const { container } = renderWithLocale(Button, { props: { type: 'primary' } });
- *
- * 纯展示组件（无 useLocale）同样可用——Provider 包裹无副作用。
- */
-export function renderWithLocale(component, options = {}) {
-    const { props = {}, locale = 'en_US' } = options;
-    return render(LocaleHarness, {
-        props: { component, props, locale },
-    });
-}
-// jsdom 下不可靠 / 无意义、需禁用的 axe 规则及原因：
-//  - color-contrast：jsdom 不做布局与渲染，拿不到真实计算后的颜色/尺寸，
-//    对比度无法计算（axe 本就会 incomplete，这里显式关掉避免噪音）。对比度
-//    交给将来的真实浏览器（Playwright）或专门的 token 对比度校验。
-const JSDOM_DISABLED_RULES = ['color-contrast'];
-function formatViolations(violations) {
-    return violations
-        .map((v) => {
-        const nodes = v.nodes.map((n) => `      - ${n.html}\n        ${n.failureSummary ?? ''}`).join('\n');
-        return `  [${v.id}] ${v.help} (${v.impact ?? 'n/a'})\n    ${v.helpUrl}\n${nodes}`;
-    })
-        .join('\n\n');
-}
-/**
- * 对容器跑 axe-core，断言 0 violations。
- * 默认规则集：WCAG 2.0/2.1 A & AA（axe tags wcag2a/wcag2aa/wcag21a/wcag21aa）。
- * 默认禁用 jsdom 下不可靠的规则（见 JSDOM_DISABLED_RULES）。
- *
- * 用法：await expectNoAxeViolations(container);
- */
-export async function expectNoAxeViolations(container, options = {}) {
-    const { disableRules = [], runOptions } = options;
-    const rules = {};
-    for (const id of [...JSDOM_DISABLED_RULES, ...disableRules]) {
-        rules[id] = { enabled: false };
-    }
-    const results = await axe.run(container, runOptions ?? {
-        runOnly: {
-            type: 'tag',
-            values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'],
-        },
-        rules,
-    });
-    if (results.violations.length > 0) {
-        throw new Error(`Expected no axe violations but found ${results.violations.length}:\n\n${formatViolations(results.violations)}`);
-    }
-    // 给 vitest 一个显式断言计数，便于报告/快照。
-    expect(results.violations).toHaveLength(0);
-}

package/dist/test-utils/kbd.d.ts

@@ -1,26 +0,0 @@
-import { userEvent } from 'vitest/browser';
-import type { Component } from 'svelte';
-type AnyComponent = Component<Record<string, unknown>>;
-export interface RenderKbdOptions {
-    /** 透传给被测组件的 props。 */
-    props?: Record<string, unknown>;
-    /** 语言码，默认 en_US。 */
-    locale?: string;
-}
-/**
- * 在真实浏览器里把组件包进 LocaleProvider 渲染。
- * 返回 vitest-browser-svelte 的 RenderResult（含 baseElement / container / 各 locator 查询）。
- *
- * 用法：
- *   const screen = renderKbd(Modal, { props: { open: true, title: '...' } });
- *   const dialog = screen.baseElement.querySelector('[role="dialog"]');
- */
-export declare function renderKbd(component: AnyComponent, options?: RenderKbdOptions): import("vitest-browser-svelte").RenderResult<AnyComponent> & PromiseLike<import("vitest-browser-svelte").RenderResult<AnyComponent>>;
-/**
- * 直接渲染一个已自带 LocaleProvider/不需要 locale 的 fixture 组件。
- * fixture 通常无 props（构造器类型为 Component<Record<string, never>>），
- * 故入参用宽松的 Component<any> 接收，避免与具体 fixture 的精确 props 类型冲突。
- */
-export declare function renderKbdFixture(component: Component<any>, props?: Record<string, unknown>): import("vitest-browser-svelte").RenderResult<AnyComponent> & PromiseLike<import("vitest-browser-svelte").RenderResult<AnyComponent>>;
-export { userEvent };
-//# sourceMappingURL=kbd.d.ts.map

package/dist/test-utils/kbd.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/test-utils/kbd.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAIxC,KAAK,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,SAAS,EAAE,YAAY,EAAE,OAAO,GAAE,gBAAqB,wIAKhF;AAED;;;;GAIG;AAEH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,wIAE9F;AAGD,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/test-utils/kbd.js

@@ -1,38 +0,0 @@
-// 键盘 e2e 测试基建（仅 browser project / 真实 chromium 下使用）。
-//
-// 与 a11y.ts（jsdom + axe）的关键区别：本套件在真实 chromium 里 mount 组件，
-// 用 vitest browser 的 userEvent 触发真实键盘/Tab，并用 page locator 的
-// `.toHaveFocus()` 断言真实 document.activeElement。jsdom 测不了的焦点陷阱、
-// roving 漫游、焦点归还都在这里覆盖。
-//
-// 渲染走 vitest-browser-svelte 的 render（基于 @testing-library/svelte-core，
-// 真实 mount 到 document.body），外层用 LocaleHarness 包一层 LocaleProvider
-// （复用 a11y 套件的同一 harness），使 useLocale() 可用。
-import { render } from 'vitest-browser-svelte';
-import { userEvent } from 'vitest/browser';
-import LocaleHarness from './LocaleHarness.svelte';
-/**
- * 在真实浏览器里把组件包进 LocaleProvider 渲染。
- * 返回 vitest-browser-svelte 的 RenderResult（含 baseElement / container / 各 locator 查询）。
- *
- * 用法：
- *   const screen = renderKbd(Modal, { props: { open: true, title: '...' } });
- *   const dialog = screen.baseElement.querySelector('[role="dialog"]');
- */
-export function renderKbd(component, options = {}) {
-    const { props = {}, locale = 'en_US' } = options;
-    return render(LocaleHarness, {
-        props: { component, props, locale },
-    });
-}
-/**
- * 直接渲染一个已自带 LocaleProvider/不需要 locale 的 fixture 组件。
- * fixture 通常无 props（构造器类型为 Component<Record<string, never>>），
- * 故入参用宽松的 Component<any> 接收，避免与具体 fixture 的精确 props 类型冲突。
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function renderKbdFixture(component, props = {}) {
-    return render(component, { props });
-}
-// 重新导出 userEvent，键盘 e2e 统一从这里取（tab()/keyboard()/click()）。
-export { userEvent };

package/dist/textarea/TextArea.a11y.test.d.ts

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

package/dist/textarea/TextArea.a11y.test.d.ts.map

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

package/dist/textarea/TextArea.a11y.test.js

@@ -1,41 +0,0 @@
-// TextArea a11y：原生 <textarea> + ariaLabel 可访问名；error 态 aria-invalid；
-// showClear 清除按钮 locale 可访问名。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import TextArea from './TextArea.svelte';
-describe('TextArea a11y', () => {
-    it('默认渲染：ariaLabel 提供可访问名，无 axe violations', async () => {
-        const { container } = renderWithLocale(TextArea, {
-            props: { ariaLabel: 'Bio', placeholder: 'Tell us about yourself' },
-        });
-        const ta = container.querySelector('textarea');
-        expect(ta).not.toBeNull();
-        expect(ta?.getAttribute('aria-label')).toBe('Bio');
-        await expectNoAxeViolations(container);
-    });
-    it('error 状态：aria-invalid=true', async () => {
-        const { container } = renderWithLocale(TextArea, {
-            props: { ariaLabel: 'Notes', status: 'error' },
-        });
-        const ta = container.querySelector('textarea');
-        expect(ta?.getAttribute('aria-invalid')).toBe('true');
-        await expectNoAxeViolations(container);
-    });
-    it('showClear + showCount：清除按钮 locale 可访问名，无 axe violations', async () => {
-        const { container } = renderWithLocale(TextArea, {
-            props: {
-                ariaLabel: 'Comment',
-                defaultValue: 'hello',
-                showClear: true,
-                showCount: true,
-                maxLength: 100,
-            },
-        });
-        const clearBtn = container.querySelector('.cd-textarea__clear');
-        expect(clearBtn).not.toBeNull();
-        const label = clearBtn?.getAttribute('aria-label');
-        expect(label).toBeTruthy();
-        expect(label).not.toBe('Textarea.clear');
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/time-picker/TimePicker.a11y.test.d.ts

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

package/dist/time-picker/TimePicker.a11y.test.d.ts.map

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