0Pricing
JavaScript Academy · Aula

Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar

Crie o hábito de escrever testes pequenos: entenda asserções, Arrange–Act–Assert e o ciclo vermelho→verde→refatorar

Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar é uma aula grátis de JavaScript Academy no CoddyKit. Esta é a aula 1 de 3. 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 JavaScript Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de JavaScript Academy inclui 3 aulas no total.

Por que adotar uma mentalidade de testes?

Objetivo: pensar em testes pequenos e confiáveis.

  • Uma pequena asserção para verificar resultados
  • AAA: Preparar → Executar → Verificar
  • Ciclo Vermelho → Verde → Refatorar
  • Nomeie os testes pelo comportamento
Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar — ilustração 1

Uma pequena asserção

Uma pequena assertEqual informa aprovação ou falha. Isso reproduz o que as estruturas de testes reais fazem.

// Minimal assertEqual for quick checks
function assertEqual(actual, expected, name) {
  if (actual === expected) {
    console.log("✅", name);
  } else {
    console.log("❌", name, "expected:", expected, "got:", actual);
  }
}

// Demo check
assertEqual(2 + 3, 5, "adds numbers");
Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar — ilustração 2

Preparar–Executar–Verificar

AAA mantém os testes legíveis: prepare os dados, chame a função e depois verifique o resultado.

// AAA: Arrange → Act → Assert
// Arrange: prepare inputs
function sum(a, b) { return a + b; }
const a = 2;
const b = 4;

// Act: call the function
const result = sum(a, b);

// Assert: compare
assertEqual(result, 6, "sum returns a + b");
Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar — ilustração 3

Vermelho→Verde→Refatorar

Escreva um teste que falha (vermelho), faça-o passar (verde) e depois limpe o código (refatorar).

// Red → Green → Refactor with a tiny example
// 1) Red: write a failing test (expect wrong implementation)
function greet(name) { return "Hi " + name; } // simple implementation

// Intentionally failing expectation first (red)
assertEqual(greet("Ayla"), "Hello Ayla", "greet says Hello"); // likely fails

// 2) Green: fix the code to satisfy the test
function greetFixed(name) { return "Hello " + name; }
assertEqual(greetFixed("Ayla"), "Hello Ayla", "greet says Hello (fixed)");

// 3) Refactor: improve code without changing behavior
function greetRefined(name) {
  const cleaned = String(name).trim();
  return "Hello " + cleaned;
}
assertEqual(greetRefined(" Ayla "), "Hello Ayla", "greet trims input");
Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar — ilustração 4

Nomes focados no comportamento

Dê nome às verificações de acordo com o que a função deve fazer: limites e casos típicos.

// Clear names describe behavior, not internals
function isAdult(age) { return age >= 18; }

assertEqual(isAdult(18), true, "isAdult returns true at boundary 18");
assertEqual(isAdult(17), false, "isAdult returns false below boundary");
Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar — ilustração 5

Testes pequenos e focados

Dicas:

  • Mantenha os testes pequenos e focados (uma ideia por teste).
  • Teste o caminho de sucesso e um limite.
  • Prefira funções puras para facilitar os testes.
  • Automatize mais tarde com Jest/Vitest; primeiro, desenvolva a mentalidade.
Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar — ilustração 6

Questionário sobre o padrão AAA

Verificação rápida: padrão AAA.

Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar — ilustração 7

Resumo

Resumo: use uma pequena asserção, siga AAA e itere em Vermelho → Verde → Refatorar. Comece pequeno — para iniciantes, clareza é melhor que complexidade.

Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar — ilustração 8

Perguntas Frequentes

A aula “Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar” é grátis?

Sim — o texto completo de “Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar” é 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 JavaScript Academy, atualize para CoddyKit PRO. O curso de JavaScript Academy inclui 3 aulas no total.

O que vou aprender em “Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar”?

Crie o hábito de escrever testes pequenos: entenda asserções, Arrange–Act–Assert e o ciclo vermelho→verde→refatorar Você pratica JavaScript 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 JavaScript Academy?

Nenhuma experiência prévia é necessária. JavaScript 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 3.

Quanto tempo leva a aula “Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar”?

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 JavaScript Academy?

Sim. Cada aula de JavaScript 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

  1. Mentalidade de testes — pequenas asserções, AAA, vermelho→verde→refatorar
  2. Linting com ESLint e formatação com Prettier
  3. Fundamentos de CI — execute lint/test a cada envio
← Voltar para JavaScript Academy