GitHub Skill

vitest-dom

Use vitest + jsdom for fast, lightweight unit tests for front-end apps

sanand0☆ 7 仓库 Stars0 仓库 Forks

安装与使用

请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求，再添加到工作流。

Use vitest and jsdom for front-end testing.
Avoid vitest.config.*; default ESM import works, launch via "test": "npx -y vitest run" in package.json. Add jsdom as a devDependency. Add npm test to prepublishOnly
Treat tests as lightweight integration, not unit. Load the full HTML + scripts and verify real DOM mutations; ensures refactors don't silently break UI wiring.
Log browser console.* output.
Mount local HTML. settings.fetch.virtualServers = [{url:"https://test/", directory: <root>}]. Use page.goto("https://test/...") to load files without a dev-server.
Create a fresh page for each test to isolate window, document, etc.
Fake timers for deterministic testing.
- Call vi.useFakeTimers() in beforeAll, vi.useRealTimers() in afterAll.
- Re-bind window.setTimeout = setTimeout so app code sees the mocked clock.
- Drive async paths with vi.advanceTimersByTime(ms) instead of await sleep.
Stub external APIs with vi.fn() - e.g. window.fetch = vi.fn(() => Promise.resolve({ok:true,...})) avoids network and lets you assert payloads.
Spy on side-effects - vi.spyOn(console, "error"), clipboard reads, etc.; always mockRestore() afterwards to prevent bleed-through.
Add timeouts per test case, e.g. { timeout: 10_000 }, for long-running tests.

查看来源仓库中的使用示例与配置说明。

收录与同步日期属于本站记录。源码修改历史请查看来源仓库。

chat_bubble_outline

No comments yet. Be the first to share your thoughts!

默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。

选一个高频且边界明确的任务，写清触发条件、输入、步骤和结果。先手动验证流程，再整理为技能；不要把未经测试的能力写进描述。