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

•

セキュリティとテスト

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.

主な機能

Guidance on handling Svelte 5 reactive state in test environments
Deep integration with vitest-browser-svelte and Playwright
Automated Svelte 5 test generation and debugging
Enforcement of locator-based testing over container selection
2 GitHub stars
Support for Client, SSR, and API testing patterns

ユースケース

Authoring browser-based component tests for complex UI interactions
Fixing broken tests during a Svelte 5 migration
Debugging SSR failures and validating API endpoint responses

概要

主な機能

Guidance on handling Svelte 5 reactive state in test environments
Deep integration with vitest-browser-svelte and Playwright
Automated Svelte 5 test generation and debugging
Enforcement of locator-based testing over container selection
2 GitHub stars
Support for Client, SSR, and API testing patterns

ユースケース

Authoring browser-based component tests for complex UI interactions
Fixing broken tests during a Svelte 5 migration
Debugging SSR failures and validating API endpoint responses