Testando stores e reatividade
Teste stores do Svelte isoladamente e verifique se os valores derivados são atualizados corretamente.
Testando stores e reatividade é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 3 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.
Armazenamentos isolados
Faça testes dos armazenamentos do Svelte importando-os e verificando seus valores após as atualizações.
import { count } from "$lib/stores";
import { get } from "svelte/store";
count.set(5);
expect(get(count)).toBe(5);Auxiliar get
get(store) lê o valor atual de forma síncrona, o que é útil nos testes.
Inscrição nos testes
Você pode fazer uma inscrição diretamente para capturar cada valor emitido.
const values = [];
const unsub = count.subscribe(v => values.push(v));
count.set(1);
unsub();Armazenamentos derivados
Faça testes dos armazenamentos derivados definindo os valores de origem e lendo o resultado derivado.
Métodos personalizados de armazenamento
Chame as ações personalizadas do seu armazenamento e verifique o estado.
Armazenamentos assíncronos
Para armazenamentos assíncronos, aguarde as microtarefas ou use vi.runAllTimers se estiver usando temporizadores falsos.
Redefinir entre testes
Redefina os armazenamentos em beforeEach para evitar interferência entre testes.
Componentes reativos
Renderize um Component e faça uma inscrição em um armazenamento dentro do teste para confirmar as atualizações reativas.
Armazenamentos em Componentes
Combine renderização, atualizações do armazenamento e asserções para testar fluxos reativos completos.
Segurança de tipos
Com TypeScript, os tipos dos armazenamentos são propagados para os testes, permitindo asserções seguras.
Simulações
Simule armazenamentos ao isolar a lógica do Component dos dados correspondentes.
Verificação rápida
Como você lê o valor de um armazenamento nos testes?
Recapitulação
Faça testes dos armazenamentos com get(store), inscrições e redefinições em beforeEach. Combine com renderização para testar Componentes.
Perguntas Frequentes
A aula “Testando stores e reatividade” é grátis?
Sim — o texto completo de “Testando stores e reatividade” é 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 “Testando stores e reatividade”?
Teste stores do Svelte isoladamente e verifique se os valores derivados são atualizados corretamente. 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 3 de 4.
Quanto tempo leva a aula “Testando stores e reatividade”?
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