SuperAPI AI 工具集

component-testing-patterns

测试与质量

查看项目

更新于 10-16 06:16

技能介绍

用途:为 Svelte 5 组件提供基于 Vitest 浏览器模式的组件测试模式参考,测试在真实浏览器(Playwright)中运行,而非 jsdom。

主要能力:以语义化定位器(如 getByRole、getByLabelText)查询元素并自动重试;使用 await expect.element(...).toBeInTheDocument() 等异步断言;支持 fill、click 等交互;覆盖响应式状态(runes)测试。

使用方式:从 vitest/browser 导入 page,从 vitest-browser-svelte 导入 render,先 render 组件,再用 page.getByRole(...) 定位并交互、断言。文件命名约定:.svelte.test.ts 用于浏览器测试,.ssr.test.ts 用于 SSR,*.test.ts 用于服务端。runes 测试使用 .test.svelte.ts 文件,可配合 flushSync()、untrack()。

适用场景:需要真实浏览器行为、无障碍语义查询和响应式状态验证的 Svelte 5 组件测试。

限制:资料未提供安装命令、配置细节、版本要求与收费信息;具体 setup 与排错需参考其 setup-configuration.md、testing-patterns.md、locator-strategies.md、troubleshooting.md 文档。