包括的な例プロジェクト実証 vitest-browser-svelte 現代のSvelte 5用のテストパターン アプリケーション。 週末にブログに仲間の作品として作りました 投稿: @testing-library/svelte から vitest-browser-svelte へ移行します。

確かにSveltestとは何ですか?

Sveltestは、包括的なリファレンスプロジェクトとCLIツールです。 [vitest-browser-svelte - スヴェルテの近代的なテストソリューション アプリケーション。 次のようにします。

-参考プロジェクト 実際のテストパターンを提示する

• ** すぐにテストにアクセスするAIの助手のための** ACL用具** サンプル -** 包括的なドキュメントで学習リソース**

このプロジェクトでは、次のようにテストするための意見を述べたアプローチを示しています。

-Client-sideコンポーネントのテスト 実際のブラウザ環境

• SvelteKit API のルートおよびホックのためのサーバー側のテスト
• サーバー側のレンダリング検証のためのSSRテスト
• 完全なスタック統合パターン

クライアントサーバアライメント戦略

問題:重いモックでサーバーユニットテストはしばらく通過できます クライアント・サーバーの不一致による生産の壊れ目。 フォームでデータを送信する 1つのフォーマット、サーバーは別のものを期待し、モックされたテストは逃します

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)