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 强类型。
This commit is contained in:
72
apps/web/lib/a11y/focusTrap.test.ts
Normal file
72
apps/web/lib/a11y/focusTrap.test.ts
Normal file
@@ -0,0 +1,72 @@
|
||||
import { describe, expect, it } from "vitest";
|
||||
|
||||
import { trapTarget } from "./focusTrap";
|
||||
|
||||
// P1-7:焦点陷阱决策核(纯函数,node 可测;DOM 包装 handleTabTrap 留浏览器)。
|
||||
describe("trapTarget(focus 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");
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user