Which frameworks does the Svelte Testing skill support?

This skill is specifically designed for Svelte 5, utilizing vitest-browser-svelte for component testing and Playwright for end-to-end automation.

How does it handle Svelte 5's new reactivity model?

The skill provides guidance on using untrack() when accessing $derived values in tests to prevent unwanted side effects and ensure accurate assertions.

Does it support API and server-side testing?

Yes, it provides patterns for server.test.ts files using real Request and FormData objects to test API endpoints with minimal mocking.

Can this skill help with SvelteKit SSR testing?

Yes, it includes specialized patterns for .ssr.test.ts files to ensure server-side rendering logic is correctly validated.

Why does it prefer locators over containers?

Using locators like page.getByRole() follows testing best practices by interacting with the page more like a real user, leading to more resilient and accessible tests.

Svelte Testing

Name: Svelte Testing
Author: linehaul-ai

bylinehaul-ai

•

Seguridad y Pruebas

Facilitates the creation and debugging of Svelte 5 tests using vitest-browser-svelte and Playwright.

This skill equips Claude with the specialized knowledge required to author, fix, and optimize tests for Svelte 5 applications. By leveraging vitest-browser-svelte and Playwright, it enforces modern testing standards such as locator-based selection and proper handling of $derived values with untrack(). Whether you are writing unit tests for individual components, validating Server-Side Rendering (SSR) behavior, or debugging complex end-to-end workflows, this skill ensures your test suite is resilient, performant, and aligned with Svelte 5 best practices.

Características Principales

01Guidance on handling Svelte 5 reactive state in test environments

02Deep integration with vitest-browser-svelte and Playwright

03Automated Svelte 5 test generation and debugging

04Enforcement of locator-based testing over container selection

052 GitHub stars

06Support for Client, SSR, and API testing patterns

Casos de Uso

01Authoring browser-based component tests for complex UI interactions

02Fixing broken tests during a Svelte 5 migration

03Debugging SSR failures and validating API endpoint responses

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add linehaul-ai/linehaulai-claude-marketplace svelte-testing

For use in Claude.ai and ChatGPT

Download Skill