0Pricing
JavaScript Academy · Урок

Подход к тестированию — небольшие проверки, AAA, red→green→refactor

Выработайте привычку писать небольшие тесты: разберитесь в проверках, подходе Arrange–Act–Assert и цикле red→green→refactor

«Подход к тестированию — небольшие проверки, AAA, red→green→refactor» — бесплатный урок JavaScript Academy на CoddyKit. Это урок 1 из 3. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения JavaScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс JavaScript Academy содержит 3 уроков всего.

Зачем нужен подход с проверками

Цель: мыслить небольшими надёжными проверками.

  • Небольшой assert для проверки результатов
  • AAA: подготовка → действие → проверка
  • Цикл красный → зелёный → рефакторинг
  • Называйте проверки по поведению
Подход к тестированию — небольшие проверки, AAA, red→green→refactor — иллюстрация 1

Небольшое утверждение

Небольшой assertEqual выводит результат: успех или неудача. Это отражает работу настоящих средств тестирования.

// 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");
Подход к тестированию — небольшие проверки, AAA, red→green→refactor — иллюстрация 2

Подготовка — действие — проверка

AAA делает проверки понятными: подготовьте данные, вызовите функцию, затем проверьте результат.

// 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");
Подход к тестированию — небольшие проверки, AAA, red→green→refactor — иллюстрация 3

Красный → зелёный → рефакторинг

Напишите неудачную проверку (красный), добейтесь её успешного выполнения (зелёный), а затем очистите код (рефакторинг).

// 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");
Подход к тестированию — небольшие проверки, AAA, red→green→refactor — иллюстрация 4

Имена по поведению

Называйте проверки по тому, что должна делать функция: учитывайте граничные и обычные случаи.

// 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");
Подход к тестированию — небольшие проверки, AAA, red→green→refactor — иллюстрация 5

Небольшие целенаправленные проверки

Советы:

  • Делайте проверки небольшими и целенаправленными (по одной идее в каждой).
  • Проверяйте обычный сценарий и один граничный случай.
  • Для простого тестирования предпочитайте чистые функции.
  • Позже автоматизируйте проверки с помощью Jest/Vitest; сначала сформируйте правильный подход.
Подход к тестированию — небольшие проверки, AAA, red→green→refactor — иллюстрация 6

Проверка шаблона AAA

Быстрая проверка: шаблон AAA.

Подход к тестированию — небольшие проверки, AAA, red→green→refactor — иллюстрация 7

Повторение

Повторение: используйте небольшой assert, следуйте AAA и повторяйте цикл красный → зелёный → рефакторинг. Начинайте с малого — для начинающих ясность важнее сложности.

Подход к тестированию — небольшие проверки, AAA, red→green→refactor — иллюстрация 8

Часто задаваемые вопросы

Урок «Подход к тестированию — небольшие проверки, AAA, red→green→refactor» бесплатный?

Да — полный текст урока «Подход к тестированию — небольшие проверки, AAA, red→green→refactor» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс JavaScript Academy, подпишись на CoddyKit PRO. Курс JavaScript Academy содержит 3 уроков всего.

Чему я научусь в уроке «Подход к тестированию — небольшие проверки, AAA, red→green→refactor»?

Выработайте привычку писать небольшие тесты: разберитесь в проверках, подходе Arrange–Act–Assert и цикле red→green→refactor Ты практикуешь JavaScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать JavaScript Academy?

Предыдущий опыт не требуется. JavaScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 3.

Сколько времени занимает урок «Подход к тестированию — небольшие проверки, AAA, red→green→refactor»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке JavaScript Academy?

Да. Каждый урок JavaScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Подход к тестированию — небольшие проверки, AAA, red→green→refactor
  2. Проверка кода с ESLint и форматирование Prettier
  3. Основы CI — запуск проверки кода и тестов при каждом push
← Назад к JavaScript Academy