Files
writer-work-flow/apps/web/lib/a11y/focusTrap.test.ts
Yaojia Wang c6651b74b9 fix(web): stale-closure + focus trap + 去边界强转 + a11y/性能打磨 + 类型化客户端
P1-6 useStyleLearn/useKimiOauth 修 stale-closure 依赖。
P1-7 CommandPalette/Drawer 加 focus trap(新 lib/a11y/focusTrap)。
P1-8 SSE 解析与 server.ts 去 as 强转改类型守卫/运行时校验。
P2 删冗余强转、开 noUncheckedIndexedAccess、Toast 清理+稳定 key、列表 key 稳定化、
  rel=noopener、useMemo 大文本、ConflictCard role=group、useInjection 加锁、
  client.test 真断言。
codegen 重生成 schema.d.ts + 消费 DimensionEntry/ReviewConflictView 强类型。
2026-06-21 19:32:49 +02:00

73 lines
1.6 KiB
TypeScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { describe, expect, it } from "vitest";
import { trapTarget } from "./focusTrap";
// P1-7焦点陷阱决策核纯函数node 可测DOM 包装 handleTabTrap 留浏览器)。
describe("trapTargetfocus trap 决策)", () => {
it("Tab 在尾元素时环回到首", () => {
expect(
trapTarget({
focusableCount: 3,
activeIndex: 2,
containsActive: true,
shiftKey: false,
}),
).toBe("first");
});
it("Shift+Tab 在首元素时环回到尾", () => {
expect(
trapTarget({
focusableCount: 3,
activeIndex: 0,
containsActive: true,
shiftKey: true,
}),
).toBe("last");
});
it("Tab 在中间元素不接管(放行原生顺序)", () => {
expect(
trapTarget({
focusableCount: 3,
activeIndex: 1,
containsActive: true,
shiftKey: false,
}),
).toBe("none");
});
it("焦点已逃出容器时 Tab 拉回首元素", () => {
expect(
trapTarget({
focusableCount: 3,
activeIndex: -1,
containsActive: false,
shiftKey: false,
}),
).toBe("first");
});
it("焦点已逃出容器时 Shift+Tab 拉回尾元素", () => {
expect(
trapTarget({
focusableCount: 3,
activeIndex: -1,
containsActive: false,
shiftKey: true,
}),
).toBe("last");
});
it("无可聚焦子元素时把焦点钉在容器上", () => {
expect(
trapTarget({
focusableCount: 0,
activeIndex: -1,
containsActive: true,
shiftKey: false,
}),
).toBe("container");
});
});