Примерный проект, демонстрирующий ** самые популярные браузеры** для современных Svelte 5 приложения. Построенный в выходные в качестве компаньона для моего блога пост: Миграция из @testing-library/svelte в vitest-browser-svelte.

? Что самое красивое?

Sveltest - это как комплексный справочный проект, так и инструмент CLI для vitest-browser-svelte — современное решение для тестирования Svelte приложения. Используйте его как:

*** Справочный проект**, демонстрирующий реальные модели тестирования Инструмент CLI для помощников ИИ для быстрого доступа к тестированию примеры ** Учебный ресурс** с полной документацией

Этот проект демонстрирует мой подход к тестированию:

** Тестирование компонентов на стороне клиента** с реальными средами браузера ** Серверное тестирование** для маршрутов и крючков SvelteKit API SSR тестирование для проверки рендеринга на стороне сервера Планы интеграции полного стека для современных веб-приложений

##Стратегия согласования клиент-сервер

Проблема: Серверные тесты с тяжелым насмешкой могут пройти Производственные перерывы из-за несоответствий клиент-сервер. Формы отправляют данные в один формат, серверы ожидают другого, а высмеиваемые тесты пропускают

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)