0Pricing
JavaScript Academy · Pelajaran

Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor

Bangun kebiasaan menulis pengujian kecil: pahami pernyataan, Arrange–Act–Assert, dan siklus merah→hijau→refaktor

Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 3 pelajaran total.

Mengapa pola pikir pengujian?

Tujuan: Berpikir dalam pengujian kecil yang andal.

  • Pemeriksaan kecil untuk memeriksa hasil
  • AAA: Susun → Jalankan → Periksa
  • Siklus Merah → Hijau → Refaktor
  • Beri nama pengujian berdasarkan perilakunya
Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor — ilustrasi 1

Pemeriksaan kecil

assertEqual kecil mencetak hasil berhasil/gagal. Ini mencerminkan cara kerja kerangka pengujian nyata.

// 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");
Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor — ilustrasi 2

Susun–Jalankan–Periksa

AAA membuat pengujian mudah dibaca: siapkan data, panggil fungsi, lalu periksa hasilnya.

// 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");
Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor — ilustrasi 3

Merah→Hijau→Refaktor

Tulis pengujian yang gagal (merah), buat pengujian itu berhasil (hijau), lalu rapikan kode (refaktor).

// 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");
Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor — ilustrasi 4

Nama yang berfokus pada perilaku

Beri nama pemeriksaan berdasarkan hal yang seharusnya dilakukan fungsi: kasus batas dan kasus umum.

// 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");
Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor — ilustrasi 5

Pengujian kecil dan terarah

Kiat:

  • Jaga pengujian tetap kecil dan terarah (satu gagasan per pengujian).
  • Uji jalur normal dan satu kasus batas.
  • Utamakan fungsi murni agar mudah diuji.
  • Otomatiskan nanti dengan Jest/Vitest; dahulukan pola pikirnya.
Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor — ilustrasi 6

Kuis pola AAA

Cek cepat: Pola AAA.

Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor — ilustrasi 7

Ringkasan

Ringkasan: Gunakan pemeriksaan kecil, ikuti AAA, dan lakukan iterasi Merah → Hijau → Refaktor. Mulailah dari hal kecil—kejelasan lebih penting daripada kerumitan bagi pemula.

Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor” gratis?

Ya — teks lengkap “Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 3 pelajaran total.

Apa yang akan aku pelajari di “Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor”?

Bangun kebiasaan menulis pengujian kecil: pahami pernyataan, Arrange–Act–Assert, dan siklus merah→hijau→refaktor Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai JavaScript Academy?

Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 3.

Berapa lama pelajaran “Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?

Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Pola Pikir Pengujian — Pernyataan Kecil, AAA, merah→hijau→refaktor
  2. Linting dengan ESLint; Pemformatan Prettier
  3. Dasar CI — Jalankan Lint/Pengujian pada Setiap Push
← Kembali ke JavaScript Academy