Configuração do Vitest para projetos Svelte
Configure o Vitest com o plugin do Svelte e o ambiente jsdom para testar componentes.
Configuração do Vitest para projetos Svelte é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 1 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Sveltejs Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Sveltejs Academy inclui 4 aulas no total.
Vitest
Vitest é um executor de testes rápido e nativo do Vite, amplamente usado no ecossistema Svelte.
Instalação
Adicione Vitest e o plugin do Svelte.
npm install -D vitest @vitest/coverage-v8 @testing-library/svelte @testing-library/jest-dom jsdomConfiguração em vite.config.js
Adicione uma seção de testes.
export default defineConfig({
plugins: [sveltekit()],
test: { environment: "jsdom", globals: true, setupFiles: ["./vitest-setup.js"] }
});Arquivo de configuração
Importe os comparadores do jest-dom em vitest-setup.js.
import "@testing-library/jest-dom";Executar testes
Adicione um script a package.json e execute-o.
"test": "vitest"Modo de observação
Vitest usa o modo de observação por padrão; é perfeito para o desenvolvimento orientado por testes.
TypeScript
Vitest oferece suporte integrado a TypeScript, com asserções conscientes dos tipos.
Cobertura
Gere relatórios de cobertura com o provedor de cobertura V8.
npx vitest run --coverageIntegração contínua
Use vitest run (sem observação) na integração contínua para obter execuções previsíveis.
Testes com instantâneos
Vitest oferece suporte a instantâneos, assim como Jest, para detectar regressões.
Integração com o editor
A extensão do Vitest para VS Code permite executar testes diretamente no editor usando comandos.
Verificação rápida
Que ambiente o Vitest usa para testes do DOM?
Recapitulação
Configure Vitest com jsdom, Testing Library e jest-dom para testes unitários rápidos de Componentes Svelte.
Aprenda HTML com um tutor de IA — grátis
Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.
- Cursos
- 41
- Aulas
- 163
Perguntas Frequentes
A aula “Configuração do Vitest para projetos Svelte” é grátis?
Sim — o texto completo de “Configuração do Vitest para projetos Svelte” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Sveltejs Academy, atualize para CoddyKit PRO. O curso de Sveltejs Academy inclui 4 aulas no total.
O que vou aprender em “Configuração do Vitest para projetos Svelte”?
Configure o Vitest com o plugin do Svelte e o ambiente jsdom para testar componentes. Você pratica Sveltejs Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Sveltejs Academy?
Nenhuma experiência prévia é necessária. Sveltejs Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 1 de 4.
Quanto tempo leva a aula “Configuração do Vitest para projetos Svelte”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Sveltejs Academy?
Sim. Cada aula de Sveltejs Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Configuração do Vitest para projetos Svelte
- @testing-library/svelte: render e fireEvent
- Testando stores e reatividade
- Simulação de módulos e Fetch