🧩 Exercícios Práticos: Cap 12 — Testes Automatizados com Vitest e Playwright

Especialização Frontend com Svelte • Trilha de Exercícios Progressivos em 4 Níveis

🎯 Nível 1: Fundamentos

Problema 12.1 — Fixação Conceitual e Sintaxe Inicial

Implemente os conceitos básicos de Testes Automatizados com Vitest e Playwright utilizando Svelte 5 e TypeScript.

Resultado Esperado

Componente de Testes Automatizados com Vitest e Playwright renderizado e verificado com sucesso.

📤 Instruções de Entrega (Microsoft Teams)

  1. Salve o arquivo como: Atividade_12_1_SeuNome
  2. Envie na tarefa: Atividade Cap 12 - Testes Automatizados com Vitest e Playwright
🔑 Gabarito de Código & Solução Comentada 
<!-- 12_testes_automatizados_vitest_e_playwright_n1.svelte -->
<script lang="ts">
  const titulo = 'Testes Automatizados com Vitest e Playwright';
</script>
<div><h2>{titulo}</h2></div>

🔍 Nível 2: Prática

Problema 12.2 — Aplicação com Regras de Negócio

Refatore uma solução simples para aplicar regras de negócio no contexto de Testes Automatizados com Vitest e Playwright.

Resultado Esperado

Execução com validação estrita de dados concluída.

📤 Instruções de Entrega (Microsoft Teams)

  1. Salve o arquivo como: Atividade_12_2_SeuNome
  2. Envie na tarefa: Atividade Cap 12 - Testes Automatizados com Vitest e Playwright
🔑 Gabarito de Código & Solução Comentada 
<!-- 12_testes_automatizados_vitest_e_playwright_n2.svelte -->
<script lang="ts">
  let statusOk = $state(true);
</script>
<p>Validação: {statusOk ? 'Aprovada' : 'Reprovada'}</p>

🚀 Nível 3: Integração

Problema 12.3 — Cenário Integrado e Tratamento de Erros

Crie um pipeline de integração combinando Testes Automatizados com Vitest e Playwright com tratamento de erros e tipagem.

Resultado Esperado

Módulo integrado com sucesso e assertions validadas.

📤 Instruções de Entrega (Microsoft Teams)

  1. Salve o arquivo como: Atividade_12_3_SeuNome
  2. Envie na tarefa: Atividade Cap 12 - Testes Automatizados com Vitest e Playwright
🔑 Gabarito de Código & Solução Comentada 
// 12_testes_automatizados_vitest_e_playwright_service.ts
export async function executarOperacao(): Promise<boolean> {
  return true;
}

🏆 Nível 4: Desafio Corporativo

Problema 12.4 — Sistema Robusto com Testes e Auditoria

Construa uma solução corporativa completa de alta resiliência aplicando Testes Automatizados com Vitest e Playwright.

Resultado Esperado

Sistema corporativo homologado com 100% dos testes e auditoria JSON concluídos.

📤 Instruções de Entrega (Microsoft Teams)

  1. Salve o arquivo como: Atividade_12_4_SeuNome
  2. Envie na tarefa: Atividade Cap 12 - Testes Automatizados com Vitest e Playwright
🔑 Gabarito de Código & Solução Comentada 
// 12_testes_automatizados_vitest_e_playwright_enterprise.ts
export class GerenciadorCorporativo {
  executarAuditoria(): { status: string; timestamp: number } {
    return { status: 'OK', timestamp: Date.now() };
  }
}