Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

Comenzar

vitest-dom

Estrellas11

Forks0

Actualizado16 de julio de 2026 a las 09:51

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

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

sanand0

sanand0/scripts

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Analistas de garantía de calidad de software y probadoresOcupaciones informáticas y matemáticas·SOC 15-1253

Explorador de archivos

2 archivos

SKILL.md

readonly

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

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.

Más de este repositorio

mismo repositorio

code

sanand0/scripts

ALWAYS follow this style when writing Python / JavaScript code

2026-07-2511

data-viz

sanand0/scripts

To select, design, annotate, and verify a data visualization (chart, map, or table).

2026-07-2511

design

sanand0/scripts

ALWAYS follow this design guide for any front-end work

2026-07-2511

expert-lens

sanand0/scripts

Use this for non-trivial analysis, design, diagnosis, review, strategy, or judgment. Skip it for simple lookups, mechanical rewrites, and pure tone tasks.

2026-07-1911

cloudflare

sanand0/scripts

For CloudFlare development, deployment, e.g. Python CloudFlare Workers

2026-07-1611

demos

sanand0/scripts

Use when creating demos or POCs

2026-07-1611

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

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.