Simulação de módulos e Fetch
Simule módulos externos, chamadas fetch e módulos do SvelteKit em testes unitários.
Simulação de módulos e Fetch é uma aula grátis de Sveltejs Academy no CoddyKit. Esta é a aula 4 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.
Por que simular
Os testes devem isolar a unidade em teste. Simule módulos externos para evitar chamadas de rede e testes instáveis.
vi.mock
Vitest oferece vi.mock para substituir módulos.
vi.mock("$lib/api", () => ({ getUser: () => ({ name: "Mock" }) }));Simular fetch
Use vi.spyOn(global, "fetch") ou uma biblioteca como msw para simulações realistas de APIs.
vi.spyOn(global, "fetch").mockResolvedValue({ json: () => ({ items: [] }) });Elevação de módulos
As chamadas vi.mock são elevadas. Declare-as no início do arquivo.
Restaurar simulações
Use vi.restoreAllMocks() em afterEach para fazer a limpeza.
MSW para HTTP
Mock Service Worker intercepta na camada de rede para oferecer um comportamento realista de APIs nos testes.
Simulação de módulos do SvelteKit
Você pode simular $app/stores, $app/navigation e outras importações do SvelteKit para testes isolados.
Simulações com segurança de tipos
Use vi.fn() com assinaturas tipadas para obter funções espiãs com segurança de tipos.
Limpar entre testes
Use vi.clearAllMocks() ou configurações em beforeEach para começar do zero.
Simulações parciais
Simule apenas exportações específicas de um módulo, mantendo o restante real.
Compromisso entre implementação real e simulação
Simular demais pode tornar os testes sem sentido. Teste a integração com implementações reais quando for razoável.
Verificação rápida
O que vi.mock faz?
Recapitulação
Use vi.mock e funções espiãs para isolar unidades; considere MSW para simulações realistas de APIs na camada de rede.
Perguntas Frequentes
A aula “Simulação de módulos e Fetch” é grátis?
Sim — o texto completo de “Simulação de módulos e Fetch” é 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 “Simulação de módulos e Fetch”?
Simule módulos externos, chamadas fetch e módulos do SvelteKit em testes unitários. 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 4 de 4.
Quanto tempo leva a aula “Simulação de módulos e Fetch”?
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