Menü
Use vitest + jsdom for fast, lightweight unit tests for front-end apps
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
| name | vitest-dom |
| description | Use vitest + jsdom for fast, lightweight unit tests for front-end apps |
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 prepublishOnlyconsole.* output.settings.fetch.virtualServers = [{url:"https://test/", directory: <root>}]. Use page.goto("https://test/...") to load files without a dev-server.window, document, etc.vi.useFakeTimers() in beforeAll, vi.useRealTimers() in afterAll.window.setTimeout = setTimeout so app code sees the mocked clock.vi.advanceTimersByTime(ms) instead of await sleep.vi.fn() - e.g. window.fetch = vi.fn(() => Promise.resolve({ok:true,...})) avoids network and lets you assert payloads.vi.spyOn(console, "error"), clipboard reads, etc.; always mockRestore() afterwards to prevent bleed-through.{ timeout: 10_000 }, for long-running tests.ALWAYS follow this style when writing Python / JavaScript code
To select, design, annotate, and verify a data visualization (chart, map, or table).
ALWAYS follow this design guide for any front-end work
Use this for non-trivial analysis, design, diagnosis, review, strategy, or judgment. Skip it for simple lookups, mechanical rewrites, and pure tone tasks.
For CloudFlare development, deployment, e.g. Python CloudFlare Workers
Use when creating demos or POCs