포괄적인 예 프로젝트 demonstrating **vitest-browser-svelte ** 현대 Svelte 5의 테스트 패턴 신청. 내 블로그에 동료 조각으로 주말에 내장 메시지 : @testing-library/svelte에서 vitest-browser-svelte에 마이그레이션.

Sveltest는 무엇입니까?

Sveltest는 포괄적인 참고 프로젝트 및 CLI 공구 둘 다입니다 vitest-browser-svelte - Svelte의 현대 테스트 솔루션 신청. 그것을 사용하여:

-** 실제 테스트 패턴 표시

• ** A CLI 도구 ** AI Assistant에 대한 빠른 액세스 테스트 이름 *
• ** 학습 리소스 ** 종합 문서

이 프로젝트는 테스트에 대한 내 의견 접근 방식을 보여줍니다 :

-Client-side Components testing 실제 브라우저 환경

• 서버 사이드 테스트 SvelteKit API 경로 및 후크
• **SSR 테스트 ** 서버 측 렌더링 검증
• **Full-stack 통합 패턴 ** 현대 웹 애플리케이션

클라이언트 서버 정렬 전략

** 문제 **: 무거운 조이를 가진 서버 단위 시험은 동안 통과할 수 있습니다 클라이언트 서버 mismatches 때문에 생산 틈. Forms는 데이터를 보냅니다 하나의 형식, 서버는 또 다른 기대, 그리고 조롱된 테스트 놓기

Sveltest

A comprehensive example project demonstrating vitest-browser-svelte testing patterns for modern Svelte 5 applications. Built over a weekend as a companion piece to my blog post: Migrating from @testing-library/svelte to vitest-browser-svelte.

🎯 What is Sveltest?

Sveltest is both a comprehensive reference project and a CLI tool for vitest-browser-svelte - the modern testing solution for Svelte applications. Use it as:

• 📚 A reference project showcasing real-world testing patterns
• 🤖 A CLI tool for AI assistants to quickly access testing examples
• 📖 A learning resource with comprehensive documentation

This project demonstrates my opinionated approach to testing with:

• Client-side component testing with real browser environments
• Server-side testing for SvelteKit API routes and hooks
• SSR testing for server-side rendering validation
• Full-stack integration patterns for modern web applications

🔄 Client-Server Alignment Strategy

The Problem: Server unit tests with heavy mocking can pass while production breaks due to client-server mismatches. Forms send data in one format, servers expect another, and mocked tests miss the disconnect.

My Solution: This project demonstrates a multi-layer testing approach with minimal mocking:

• Shared validation logic between client and server prevents contract mismatches
• Real FormData/Request objects in server tests (only external services like databases are mocked)