Testausajattelu — pienet assertit, AAA ja red→green→refactor
Muodosta tapa kirjoittaa pieniä testejä: ymmärrä assertit, Arrange–Act–Assert ja red→green→refactor-sykli
Testausajattelu — pienet assertit, AAA ja red→green→refactor on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/3. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu JavaScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. JavaScript Academy-kurssilla on yhteensä 3 oppituntia.
Miksi testiajattelu?
Tavoite: Ajatella pienten ja luotettavien testien kautta.
- Pieni assert tulosten tarkistamiseen
- AAA: Arrange → Act → Assert
- Red → Green → Refactor -silmukka
- Testien nimeäminen toiminnan perusteella
Pieni assertio
Pieni assertEqual tulostaa onnistumis- tai epäonnistumistiedon. Tämä vastaa oikeiden testikehysten toimintaa.
// 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");
Arrange–Act–Assert
AAA pitää testit helposti luettavina: data valmistellaan, funktiota kutsutaan ja tulos tarkistetaan.
// 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");
Red→Green→Refactor
Kirjoittakaa epäonnistuva testi (red), saattakaa se läpäisemään testi (green) ja siistikää sitten koodi (refactor).
// 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");
Toimintaan keskittyvät nimet
Nimetkää tarkistukset sen perusteella, mitä funktion pitäisi tehdä: rajat ja tyypilliset tapaukset.
// 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");
Pienet, kohdennetut testit
Vinkkejä:
- Testit kannattaa pitää pieninä ja kohdennettuina (yksi ajatus kussakin).
- Testatkaa onnistunut suorituspolku ja yksi raja-arvo.
- Suosikaa puhtaita funktioita, joita on helppo testata.
- Automatisointi voidaan tehdä myöhemmin Jestillä tai Vitestillä; ensin keskitytään ajattelutapaan.
AAA-kuviovisa
Pikatarkistus: AAA-kuvio.
Kertaus
Kertaus: Käyttäkää pientä assert-tarkistusta, noudattakaa AAA-kuviota ja edetkää silmukassa Red → Green → Refactor. Aloittakaa pienestä – selkeys on aloittelijoille monimutkaisuutta tärkeämpää.
Opi JavaScript tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 59
- Oppitunnit
- 200
Usein kysytyt kysymykset
Onko oppitunti ”Testausajattelu — pienet assertit, AAA ja red→green→refactor” ilmainen?
Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Testausajattelu — pienet assertit, AAA ja red→green→refactor”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. JavaScript Academy-kurssilla on yhteensä 3 oppituntia.
Mitä opin oppitunnilla ”Testausajattelu — pienet assertit, AAA ja red→green→refactor”?
Muodosta tapa kirjoittaa pieniä testejä: ymmärrä assertit, Arrange–Act–Assert ja red→green→refactor-sykli Harjoittelet JavaScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni JavaScript Academy-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin JavaScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/3.
Kuinka kauan ”Testausajattelu — pienet assertit, AAA ja red→green→refactor”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä JavaScript Academy-oppitunnilla?
Kyllä. Jokainen JavaScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Testausajattelu — pienet assertit, AAA ja red→green→refactor
- Linttaus ESLintillä ja muotoilu Prettierillä
- CI-perusteet — linttaus ja testaus jokaisella pushilla