@chenzy-design/svelte 0.2.0 → 0.2.1

package/dist/menu/Menu.kbd.test.d.ts

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

package/dist/menu/Menu.kbd.test.d.ts.map

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

package/dist/menu/Menu.kbd.test.js

@@ -1,56 +0,0 @@
-// Menu 键盘 e2e（browser project / 真实 chromium），vertical 模式 roving 导航。
-// 测真实焦点移动——jsdom 测不了（焦点模型不完整、roving 的命令式 focus() 不可靠）：
-//   1. roving 单停靠点：Tab 进入菜单只停在一个 menuitem（其余 tabindex=-1）。
-//   2. ↑↓ 真实移动焦点到相邻 menuitem（环绕）。
-//   3. Home/End 跳首/末项。
-//
-// 真实焦点断言用 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 MenuKbdFixture from './MenuKbdFixture.svelte';
-function loc(el) {
-    return page.elementLocator(el);
-}
-describe('Menu 键盘 e2e（vertical roving）', () => {
-    it('Tab 单停靠点 + ↑↓ 移动焦点 + Home/End 跳首末', async () => {
-        const { baseElement } = renderKbdFixture(MenuKbdFixture);
-        const items = Array.from(baseElement.querySelectorAll('[role="menuitem"]'));
-        expect(items.length).toBe(3);
-        const [home, profile, settings] = items;
-        // 1. roving 单停靠点：恰有一个 menuitem tabindex=0，其余 -1。
-        const stops = items.filter((el) => el.tabIndex === 0);
-        expect(stops.length).toBe(1);
-        expect(items.filter((el) => el.tabIndex === -1).length).toBe(2);
-        // 默认停靠点为首项（未选中时收敛到第一个）。
-        expect(home.tabIndex).toBe(0);
-        // 从 before 按钮起 Tab，焦点应落到唯一停靠点（首个 menuitem），不会逐个进入。
-        const before = baseElement.querySelector('[data-testid="before"]');
-        before.focus();
-        await expect.element(loc(before)).toHaveFocus();
-        await userEvent.tab();
-        await expect.element(loc(home)).toHaveFocus();
-        // 2. ↓ 移动到下一项（真实焦点 + roving 停靠点同步）。
-        await userEvent.keyboard('{ArrowDown}');
-        await expect.element(loc(profile)).toHaveFocus();
-        expect(profile.tabIndex).toBe(0);
-        expect(home.tabIndex).toBe(-1);
-        await userEvent.keyboard('{ArrowDown}');
-        await expect.element(loc(settings)).toHaveFocus();
-        // 环绕：末项 ↓ 回到首项。
-        await userEvent.keyboard('{ArrowDown}');
-        await expect.element(loc(home)).toHaveFocus();
-        // ↑ 环绕到末项。
-        await userEvent.keyboard('{ArrowUp}');
-        await expect.element(loc(settings)).toHaveFocus();
-        // 3. Home/End 跳首/末。
-        await userEvent.keyboard('{Home}');
-        await expect.element(loc(home)).toHaveFocus();
-        await userEvent.keyboard('{End}');
-        await expect.element(loc(settings)).toHaveFocus();
-        // Tab 后焦点离开菜单（单一停靠点 → 直接到 after 按钮，不困在菜单里）。
-        const after = baseElement.querySelector('[data-testid="after"]');
-        await userEvent.tab();
-        await expect.element(loc(after)).toHaveFocus();
-    });
-});

package/dist/menu/MenuKbdFixture.svelte

@@ -1,22 +0,0 @@
-<!--
-  仅供 Menu.kbd.test.ts（browser project）使用的键盘 e2e 夹具。
-  外层 LocaleProvider 提供 context；菜单前放一个「before」按钮，
-  用于验证 Tab 从 before 进入菜单时只停靠在单一 menuitem（roving 单停靠点），
-  而非逐个 menuitem 都进 Tab 序。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import Menu from './Menu.svelte';
-
-  const items = [
-    { key: 'home', label: 'Home' },
-    { key: 'profile', label: 'Profile' },
-    { key: 'settings', label: 'Settings' },
-  ];
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="before">before</button>
-  <Menu {items} ariaLabel="Main menu" mode="vertical" />
-  <button type="button" data-testid="after">after</button>
-</LocaleProvider>

package/dist/menu/MenuKbdFixture.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 MenuKbdFixture: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type MenuKbdFixture = InstanceType<typeof MenuKbdFixture>;
-export default MenuKbdFixture;
-//# sourceMappingURL=MenuKbdFixture.svelte.d.ts.map

package/dist/menu/MenuKbdFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuKbdFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/menu/MenuKbdFixture.svelte.ts"],"names":[],"mappings":"AA0BA,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,cAAc;;kBAA+E,CAAC;AAClF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC5D,eAAe,cAAc,CAAC"}

package/dist/meta.test.d.ts

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

package/dist/meta.test.d.ts.map

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

package/dist/meta.test.js

@@ -1,164 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { meta as buttonMeta } from './button/meta.js';
-import { meta as iconMeta } from './icon/meta.js';
-import { meta as dividerMeta } from './divider/meta.js';
-import { meta as spaceMeta } from './space/meta.js';
-import { meta as typographyMeta } from './typography/meta.js';
-import { meta as gridMeta } from './grid/meta.js';
-import { meta as layoutMeta } from './layout/meta.js';
-import { meta as inputMeta } from './input/meta.js';
-import { meta as textareaMeta } from './textarea/meta.js';
-import { meta as switchMeta } from './switch/meta.js';
-import { meta as checkboxMeta } from './checkbox/meta.js';
-import { meta as radioMeta } from './radio/meta.js';
-import { meta as inputNumberMeta } from './input-number/meta.js';
-import { meta as ratingMeta } from './rating/meta.js';
-import { meta as sliderMeta } from './slider/meta.js';
-import { meta as formMeta } from './form/meta.js';
-import { meta as selectMeta } from './select/meta.js';
-import { meta as autocompleteMeta } from './autocomplete/meta.js';
-import { meta as tagInputMeta } from './tag-input/meta.js';
-import { meta as colorPickerMeta } from './color-picker/meta.js';
-import { meta as datePickerMeta } from './date-picker/meta.js';
-import { meta as timePickerMeta } from './time-picker/meta.js';
-import { meta as cascaderMeta } from './cascader/meta.js';
-import { meta as treeSelectMeta } from './tree-select/meta.js';
-import { meta as transferMeta } from './transfer/meta.js';
-import { meta as uploadMeta } from './upload/meta.js';
-import { meta as breadcrumbMeta } from './breadcrumb/meta.js';
-import { meta as paginationMeta } from './pagination/meta.js';
-import { meta as stepsMeta } from './steps/meta.js';
-import { meta as tabsMeta } from './tabs/meta.js';
-import { meta as dropdownMeta } from './dropdown/meta.js';
-import { meta as menuMeta } from './menu/meta.js';
-import { meta as anchorMeta } from './anchor/meta.js';
-import { meta as tagMeta } from './tag/meta.js';
-import { meta as avatarMeta } from './avatar/meta.js';
-import { meta as badgeMeta } from './badge/meta.js';
-import { meta as cardMeta } from './card/meta.js';
-import { meta as tooltipMeta } from './tooltip/meta.js';
-import { meta as popoverMeta } from './popover/meta.js';
-import { meta as emptyMeta } from './empty/meta.js';
-import { meta as descriptionsMeta } from './descriptions/meta.js';
-import { meta as collapseMeta } from './collapse/meta.js';
-import { meta as timelineMeta } from './timeline/meta.js';
-import { meta as listMeta } from './list/meta.js';
-import { meta as imageMeta } from './image/meta.js';
-import { meta as highlightMeta } from './highlight/meta.js';
-import { meta as virtualListMeta } from './virtual-list/meta.js';
-import { meta as carouselMeta } from './carousel/meta.js';
-import { meta as treeMeta } from './tree/meta.js';
-import { meta as tableMeta } from './table/meta.js';
-import { meta as calendarMeta } from './calendar/meta.js';
-import { meta as scrollListMeta } from './scroll-list/meta.js';
-import { meta as overflowListMeta } from './overflow-list/meta.js';
-import { meta as spinMeta } from './spin/meta.js';
-import { meta as progressMeta } from './progress/meta.js';
-import { meta as skeletonMeta } from './skeleton/meta.js';
-import { meta as bannerMeta } from './banner/meta.js';
-import { meta as modalMeta } from './modal/meta.js';
-import { meta as popconfirmMeta } from './popconfirm/meta.js';
-import { meta as drawerMeta } from './drawer/meta.js';
-import { meta as sideSheetMeta } from './side-sheet/meta.js';
-import { meta as toastMeta } from './toast/meta.js';
-import { meta as notificationMeta } from './notification/meta.js';
-import { meta as backTopMeta } from './back-top/meta.js';
-import { meta as localeProviderMeta } from './locale-provider/meta.js';
-import { meta as configProviderMeta } from './config-provider/meta.js';
-import { meta as resizeObserverMeta } from './resize-observer/meta.js';
-import { meta as lottieIconMeta } from './lottie-icon/meta.js';
-const metas = {
-    buttonMeta,
-    iconMeta,
-    dividerMeta,
-    spaceMeta,
-    typographyMeta,
-    gridMeta,
-    layoutMeta,
-    inputMeta,
-    textareaMeta,
-    switchMeta,
-    checkboxMeta,
-    radioMeta,
-    inputNumberMeta,
-    ratingMeta,
-    sliderMeta,
-    formMeta,
-    selectMeta,
-    autocompleteMeta,
-    tagInputMeta,
-    colorPickerMeta,
-    datePickerMeta,
-    timePickerMeta,
-    cascaderMeta,
-    treeSelectMeta,
-    transferMeta,
-    uploadMeta,
-    breadcrumbMeta,
-    paginationMeta,
-    stepsMeta,
-    tabsMeta,
-    dropdownMeta,
-    menuMeta,
-    anchorMeta,
-    tagMeta,
-    avatarMeta,
-    badgeMeta,
-    cardMeta,
-    tooltipMeta,
-    popoverMeta,
-    emptyMeta,
-    descriptionsMeta,
-    collapseMeta,
-    timelineMeta,
-    listMeta,
-    imageMeta,
-    highlightMeta,
-    virtualListMeta,
-    carouselMeta,
-    treeMeta,
-    tableMeta,
-    calendarMeta,
-    scrollListMeta,
-    overflowListMeta,
-    spinMeta,
-    progressMeta,
-    skeletonMeta,
-    bannerMeta,
-    modalMeta,
-    popconfirmMeta,
-    drawerMeta,
-    sideSheetMeta,
-    toastMeta,
-    notificationMeta,
-    backTopMeta,
-    localeProviderMeta,
-    configProviderMeta,
-    resizeObserverMeta,
-    lottieIconMeta,
-};
-/** collect prop entries from either a flat `props` or aggregated `subComponents[].props` */
-function allProps(m) {
-    if (Array.isArray(m.props))
-        return m.props;
-    if (Array.isArray(m.subComponents)) {
-        return m.subComponents.flatMap((sc) => sc.props ?? []);
-    }
-    return [];
-}
-describe('component metadata', () => {
-    it.each(Object.entries(metas))('%s is well-formed', (_name, m) => {
-        expect(m.name).toBeTruthy();
-        expect(['basic', 'input', 'navigation', 'show', 'feedback', 'other']).toContain(m.category);
-        expect(m.description).toBeTruthy();
-        expect(allProps(m).length).toBeGreaterThan(0);
-    });
-    it('every prop entry has name and type', () => {
-        for (const m of Object.values(metas)) {
-            for (const p of allProps(m)) {
-                expect(p.name, `${m.name} prop`).toBeTruthy();
-                expect(p.type, `${m.name}.${p.name} type`).toBeTruthy();
-            }
-        }
-    });
-});

package/dist/modal/Modal.a11y.test.d.ts

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

package/dist/modal/Modal.a11y.test.d.ts.map

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

package/dist/modal/Modal.a11y.test.js

@@ -1,38 +0,0 @@
-// Modal a11y 试点：复杂浮层组件（portal 到 body、focus-trap、scroll-lock）。
-// 验证复杂组件能在 jsdom 渲染 + axe 扫描通过。
-//
-// 注意：本套件不测真实焦点移动/focus-trap 行为（jsdom 焦点模型不完整），
-// 只断言静态 ARIA（role=dialog / aria-modal / aria-labelledby）+ axe 0 violations。
-// Modal 用 use:portal 把面板 appendChild 到 document.body，故扫描 document.body。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import Modal from './Modal.svelte';
-describe('Modal a11y', () => {
-    it('open + title：role=dialog / aria-modal / aria-labelledby，无 axe violations', async () => {
-        renderWithLocale(Modal, {
-            props: { open: true, title: 'Delete item' },
-        });
-        // portal 到 body —— 在 document 全局查询而非 container。
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog).not.toBeNull();
-        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('Delete item');
-        // 默认 footer 的 ok/cancel 文案来自 en_US locale（验证 LocaleProvider 管线）。
-        const closeBtn = document.querySelector('.cd-modal__close');
-        expect(closeBtn?.getAttribute('aria-label')).toBeTruthy();
-        await expectNoAxeViolations(document.body);
-    });
-    it('无 title + ariaLabel：role=dialog 用 aria-label 提供可访问名', async () => {
-        renderWithLocale(Modal, {
-            props: { open: true, ariaLabel: 'Settings dialog', closable: false, footer: null },
-        });
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog?.getAttribute('aria-label')).toBe('Settings dialog');
-        expect(dialog?.getAttribute('aria-labelledby')).toBeNull();
-        await expectNoAxeViolations(document.body);
-    });
-});

package/dist/modal/Modal.kbd.test.d.ts

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

package/dist/modal/Modal.kbd.test.d.ts.map

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

package/dist/modal/Modal.kbd.test.js

@@ -1,52 +0,0 @@
-// Modal 键盘 e2e（browser project / 真实 chromium）。
-// 测 focus-trap 的真实焦点行为——jsdom 完全测不了（焦点模型不完整）：
-//   1. 打开 Modal 后焦点进入对话框内（首个可聚焦元素）。
-//   2. Tab 循环被困在 Modal 内：Tab 到最后一个可聚焦元素后再 Tab 回到第一个；
-//      Shift+Tab 从第一个回到最后一个。
-//   3. 关闭后焦点归还触发元素（trigger 按钮）。
-//
-// 真实焦点断言用 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 ModalKbdFixture from './ModalKbdFixture.svelte';
-// 把任意 DOM 元素包成可断言焦点的 locator。
-function loc(el) {
-    return page.elementLocator(el);
-}
-describe('Modal 键盘 e2e（focus trap）', () => {
-    it('打开后焦点进入对话框；Tab 循环困在 Modal 内；关闭后焦点归还 trigger', async () => {
-        const { baseElement } = renderKbdFixture(ModalKbdFixture);
-        // 先聚焦 trigger，再点击打开（点击会先聚焦该按钮，作为归还焦点的锚点）。
-        const trigger = baseElement.querySelector('[data-testid="trigger"]');
-        expect(trigger).not.toBeNull();
-        await userEvent.click(trigger);
-        // Modal portal 到 body —— 在 document 范围查询对话框。
-        const dialog = document.querySelector('[role="dialog"]');
-        expect(dialog).not.toBeNull();
-        // 1. 焦点进入对话框内（首个可聚焦元素，焦点陷阱 activate 时聚焦它）。
-        await expect.element(loc(dialog)).toBeInTheDocument();
-        // activeElement 落在对话框内部（而非 trigger 或 body）。
-        expect(dialog.contains(document.activeElement)).toBe(true);
-        // 收集对话框内所有可聚焦元素，按 DOM 顺序（焦点陷阱用同一选择器循环）。
-        const focusables = 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);
-        expect(focusables.length).toBeGreaterThan(1);
-        const first = focusables[0];
-        const last = focusables[focusables.length - 1];
-        // 2a. 把焦点移到最后一个可聚焦元素，再 Tab → 焦点循环回第一个（被困住，不逃出 Modal）。
-        last.focus();
-        await expect.element(loc(last)).toHaveFocus();
-        await userEvent.tab();
-        await expect.element(loc(first)).toHaveFocus();
-        // 焦点没逃到 trigger（仍在对话框内）。
-        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 关闭（keyboard=true 默认）—— focus-trap deactivate 把焦点归还 trigger。
-        await userEvent.keyboard('{Escape}');
-        const triggerLoc = baseElement.querySelector('[data-testid="trigger"]');
-        await expect.element(loc(triggerLoc)).toHaveFocus();
-    });
-});

package/dist/modal/ModalKbdFixture.svelte

@@ -1,24 +0,0 @@
-<!--
-  仅供 Modal.kbd.test.ts（browser project）使用的焦点陷阱 e2e 夹具。
-  trigger 按钮控制 open（受控）；测试先聚焦 trigger 再打开 Modal，
-  验证：打开后焦点进入对话框、Tab 被困在 Modal 内循环、关闭后焦点归还 trigger。
-  Modal 默认 footer 有 Cancel/OK 两个按钮 + 关闭叉，构成多个可聚焦点用于测 Tab 循环。
--->
-<script lang="ts">
-  import { LocaleProvider } from '../locale-provider/index.js';
-  import Modal from './Modal.svelte';
-
-  let open = $state(false);
-</script>
-
-<LocaleProvider locale="en_US">
-  <button type="button" data-testid="trigger" onclick={() => (open = true)}>open modal</button>
-  <Modal
-    {open}
-    title="Delete item"
-    onOpenChange={(v) => (open = v)}
-    onCancel={() => (open = false)}
-  >
-    <p>Are you sure?</p>
-  </Modal>
-</LocaleProvider>

package/dist/modal/ModalKbdFixture.svelte.d.ts

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

package/dist/modal/ModalKbdFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalKbdFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/modal/ModalKbdFixture.svelte.ts"],"names":[],"mappings":"AAuBA,QAAA,MAAM,eAAe,2DAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/notification/NotificationItem.a11y.test.d.ts

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

package/dist/notification/NotificationItem.a11y.test.d.ts.map

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

package/dist/notification/NotificationItem.a11y.test.js

@@ -1,64 +0,0 @@
-// Notification a11y：命令式单例 API（notification.open）经惰性挂载容器渲染。
-// 这里直接渲染纯展示的 NotificationItem（接收一个完整 item），断言静态 ARIA：
-//  - error/warning → role=alert + aria-live=assertive；其余 → role=status + aria-live=polite。
-//  - title/content 经 useId 关联 aria-labelledby / aria-describedby。
-//  - 视觉隐藏类型前缀（如「Error:」）令屏幕阅读器先播报极性语义。
-// jsdom 只断言静态 ARIA + axe（定时器 / hover 暂停留给真实浏览器）。
-import { describe, it, expect } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import NotificationItemRaw from './NotificationItem.svelte';
-// NotificationItem 有必填 props（item/onClose/...）；测试帮手用宽松 Record 构造器签名，
-// 故在此把组件转为宽松类型（props 实际值在调用处提供，运行时安全）。
-const NotificationItem = NotificationItemRaw;
-const noop = () => { };
-function makeItem(overrides = {}) {
-    return {
-        id: 'n1',
-        title: 'Saved',
-        content: 'Your changes were saved.',
-        type: 'success',
-        duration: 4.5,
-        placement: 'topRight',
-        closable: true,
-        pauseOnHover: true,
-        showProgress: false,
-        theme: 'light',
-        direction: 'ltr',
-        footer: undefined,
-        onClose: undefined,
-        ...overrides,
-    };
-}
-describe('Notification a11y', () => {
-    it('success：role=status + aria-live=polite + aria-labelledby/describedby，无 axe violations', async () => {
-        const { container } = renderWithLocale(NotificationItem, {
-            props: { item: makeItem(), onClose: noop, onPause: noop, onResume: noop },
-        });
-        const card = container.querySelector('.cd-notification-item');
-        expect(card?.getAttribute('role')).toBe('status');
-        expect(card?.getAttribute('aria-live')).toBe('polite');
-        const labelledby = card?.getAttribute('aria-labelledby');
-        const describedby = card?.getAttribute('aria-describedby');
-        expect(labelledby ? container.querySelector(`#${labelledby}`)?.textContent : '').toContain('Saved');
-        expect(describedby ? container.querySelector(`#${describedby}`)?.textContent : '').toContain('changes');
-        // 关闭按钮可访问名来自 locale。
-        expect(container.querySelector('.cd-notification-item__close')?.getAttribute('aria-label')).toBeTruthy();
-        await expectNoAxeViolations(container);
-    });
-    it('error：role=alert + aria-live=assertive + 视觉隐藏类型前缀，无 axe violations', async () => {
-        const { container } = renderWithLocale(NotificationItem, {
-            props: {
-                item: makeItem({ type: 'error', title: 'Upload failed', content: 'Try again.' }),
-                onClose: noop,
-                onPause: noop,
-                onResume: noop,
-            },
-        });
-        const card = container.querySelector('.cd-notification-item');
-        expect(card?.getAttribute('role')).toBe('alert');
-        expect(card?.getAttribute('aria-live')).toBe('assertive');
-        // 类型前缀（如「Error:」）以视觉隐藏文本注入，非空。
-        expect(container.querySelector('.cd-sr-only')?.textContent?.trim()).toBeTruthy();
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/overflow-list/OverflowList.a11y.test.d.ts

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

package/dist/overflow-list/OverflowList.a11y.test.d.ts.map

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

package/dist/overflow-list/OverflowList.a11y.test.js

@@ -1,41 +0,0 @@
-// OverflowList a11y：溢出列表。
-// 根容器 role=group 透明保留子项语义 + aria-label 提供可访问名；
-// 离屏测量层 aria-hidden（不进可达性树）。
-// jsdom 无布局，不会真实折叠出 +N 节点；本套件只断言静态 ARIA + axe（折叠行为留给 Playwright）。
-import { describe, it, expect, beforeAll } from 'vitest';
-import { renderWithLocale, expectNoAxeViolations } from '../test-utils/a11y.js';
-import OverflowListFixture from './OverflowListA11yFixture.svelte';
-// jsdom 无 ResizeObserver（OverflowList 用其测量溢出）。仅在本测试内补一个 no-op 桩，
-// 不改基建/组件源码——溢出测量/折叠不在静态 a11y 测试范围（留给 Playwright）。
-beforeAll(() => {
-    if (!('ResizeObserver' in globalThis)) {
-        globalThis.ResizeObserver = class {
-            observe() { }
-            unobserve() { }
-            disconnect() { }
-        };
-    }
-});
-describe('OverflowList a11y', () => {
-    it('collapse 模式：根 role=group + aria-label，离屏测量层 aria-hidden，无 axe violations', async () => {
-        const { container } = renderWithLocale(OverflowListFixture, {});
-        const group = container.querySelector('[role="group"]');
-        expect(group).not.toBeNull();
-        expect(group?.getAttribute('aria-label')).toBe('Toolbar');
-        // 离屏测量层移出可达性树。
-        const measure = container.querySelector('.cd-overflow-list__measure');
-        expect(measure?.getAttribute('aria-hidden')).toBe('true');
-        await expectNoAxeViolations(container);
-    });
-    it('scroll 模式：可见层可聚焦 + role=group + 可访问名，无 axe violations', async () => {
-        const { container } = renderWithLocale(OverflowListFixture, {
-            props: { mode: 'scroll', ariaLabel: 'Scrollable tags' },
-        });
-        const visible = container.querySelector('.cd-overflow-list__visible');
-        // scroll 模式可见层为可聚焦滚动容器（tabindex=0）+ group + 可访问名。
-        expect(visible?.getAttribute('tabindex')).toBe('0');
-        expect(visible?.getAttribute('role')).toBe('group');
-        expect(visible?.getAttribute('aria-label')).toBe('Scrollable tags');
-        await expectNoAxeViolations(container);
-    });
-});

package/dist/overflow-list/OverflowList.kbd.test.d.ts

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

package/dist/overflow-list/OverflowList.kbd.test.d.ts.map

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

package/dist/overflow-list/OverflowList.kbd.test.js

@@ -1,28 +0,0 @@
-// OverflowList 键盘 e2e（browser project / 真实 chromium），scroll 模式可聚焦滚动容器。
-// scroll 模式下可见层（.cd-overflow-list__visible）成为滚动容器，tabindex=0 + role=group +
-// aria-label，键盘用户可 Tab 聚焦后用方向键滚动（浏览器对聚焦滚动容器原生支持，WCAG 2.1.1）。
-//   Tab 从前置按钮进入 → 焦点落到可滚动可见层（真实焦点 + 可访问名存在）。
-import { describe, it, expect } from 'vitest';
-import { page } from 'vitest/browser';
-import { renderKbdFixture, userEvent } from '../test-utils/kbd.js';
-import OverflowListKbdFixture from './OverflowListKbdFixture.svelte';
-function loc(el) {
-    return page.elementLocator(el);
-}
-describe('OverflowList 键盘 e2e（scroll 模式可聚焦滚动容器）', () => {
-    it('Tab 聚焦可滚动可见层（tabindex=0 + 可访问名）', async () => {
-        const { baseElement } = renderKbdFixture(OverflowListKbdFixture);
-        const scroller = baseElement.querySelector('.cd-overflow-list__visible');
-        expect(scroller).not.toBeNull();
-        // scroll 模式可见层可聚焦 + 有可访问名 + group 角色。
-        expect(scroller.tabIndex).toBe(0);
-        expect(scroller.getAttribute('role')).toBe('group');
-        expect(scroller.getAttribute('aria-label')).toBe('Tags');
-        // Tab 从前置按钮进入 → 焦点落到可滚动可见层（真实焦点）。
-        const before = baseElement.querySelector('[data-testid="before"]');
-        before.focus();
-        await expect.element(loc(before)).toHaveFocus();
-        await userEvent.tab();
-        await expect.element(loc(scroller)).toHaveFocus();
-    });
-});

package/dist/overflow-list/OverflowListA11yFixture.svelte

@@ -1,22 +0,0 @@
-<!--
-  仅供 OverflowList.a11y.test.ts 使用的测试夹具：数据驱动 items + item Snippet。
-  jsdom 无布局，ResizeObserver 测量拿到 0 宽，不会真的折叠出 +N 节点——
-  本套件只断言容器 role=group 语义与可访问名 + axe 静态扫描，折叠行为留给 Playwright。
--->
-<script lang="ts">
-  import { OverflowList } from './index.js';
-
-  interface Props {
-    mode?: 'collapse' | 'scroll';
-    ariaLabel?: string;
-  }
-  let { mode = 'collapse', ariaLabel = 'Toolbar' }: Props = $props();
-
-  const items = ['Cut', 'Copy', 'Paste', 'Delete', 'Rename'];
-</script>
-
-<OverflowList {items} {mode} {ariaLabel}>
-  {#snippet item({ item })}
-    <span class="cd-tag">{item}</span>
-  {/snippet}
-</OverflowList>

package/dist/overflow-list/OverflowListA11yFixture.svelte.d.ts

@@ -1,8 +0,0 @@
-interface Props {
-    mode?: 'collapse' | 'scroll';
-    ariaLabel?: string;
-}
-declare const OverflowListA11yFixture: import("svelte").Component<Props, {}, "">;
-type OverflowListA11yFixture = ReturnType<typeof OverflowListA11yFixture>;
-export default OverflowListA11yFixture;
-//# sourceMappingURL=OverflowListA11yFixture.svelte.d.ts.map

package/dist/overflow-list/OverflowListA11yFixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowListA11yFixture.svelte.d.ts","sourceRoot":"","sources":["../../src/overflow-list/OverflowListA11yFixture.svelte.ts"],"names":[],"mappings":"AAME,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBH,QAAA,MAAM,uBAAuB,2CAAwC,CAAC;AACtE,KAAK,uBAAuB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC1E,eAAe,uBAAuB,CAAC"}