Testing and TDD - Laravel and Express Examples

TEST-DRIVEN DEVELOPMENT – TEORIJA I PRIMJERI
DRAGOŠ STRUGAR

O MENI
 Dragoš Strugar
 još u srednjoj
 najviše istražujem iOS i backend development
 Osvojio Hackathon 2016 Banjaluka
 idem na takmičenja inovacija u ZG, BL i NS

O ČEMU OVA PREZENTACIJA NIJE
 vrste testiranja
 potpun tutorijal kako koristiti TDD u Laravelu i Expressu
 nije za developere koji su već radili dosta sa TDDom, mada i oni možda nešto nauče

PRIJE NEGO ŠTO KAŽEM O ČEMU JE ZAPRAVO OVA PREZENTACIJA..
 Šta je Unit testing?
 Kako se ta vrsta testiranja razlikuje od ostalih vrsta testova?
 Zašto ovo pominjem?

O ČEMU JE OVA PREZENTACIJA
 UNIT testing, programerski testovi
 Automatizovano testiranje
 Razumijevanje TDD i Unit testing osnovnih pojmova
 Par primjera ovoga u Express.js i Laravel frameworcima

PAR PITANJA
 Koliko vas misli da je pisanje testova manje ili veće gubljenje vremena?
 Koliko vas piše testove u svojim aplikacijama?
 Koliko vas to radi TDD/BDD pristupom?

SVI TESTIRAJU…
 Uđi na browser, posjeti localhost/posts, vidi jesu li svi postovi izlistani
 Uđi u konzolu, vidi jesi li uspješno sačuvao/la novi post?
 itd..

…SAMO NEKI TO AUTOMATIZUJU
 napišu kod koji to provjeri za njih
 razmislite koliko bi vam to vremena uštedjelo
 dodamo novi feature za postove, samo izvrtimo testove da vidimo da li i dalje prolaze
 ne moramo tokom noći se pitati da li naš kod radi, ili ima neki bug, samo testiramo prije spavanja, easy..

ZA NEKE SLUČAJEVE OVO JE SASVIM DOVOLJNO
 recimo, hoćete dodati novi feature u vašu app koji ima baš mnogo slučajeva koji se trebaju provjeriti
 vaša app nije prevelika, niste testirali ništa u njoj, ali ovaj feature baš liči na nešto što bi se trebalo
testirati
 napišete testove samo za tu funkcionalnost

ALI, ZA VEĆINU NIJE..
 imate app koja je poprilično velika
 ima mnogo koda i mnogo slučajeva koji se trebaju testirati
 kad dodate novu funkcionalnost, ona možda sruši neki feature rađen prije..
 Full code coverage!

ŠTA TESTIRANJEM DOBIJATE?
 software koji nema bugova
 aplikaciju koja je spremna za produkciju
 developersku sreću jer znate da ste odradili
software kako treba
 DEVOPS

OVDJE STVARI POČINJU DA BUDU ZANIMLJIVE :D
 hajdemo zamisliti scenario u kojem bismo napisali prvo testove, a tek onda naš kod?
 Čekaj, mali, jesi ti normalan?
 Zar to ne bi značilo da naši testovi uvijek prvo padaju?

I ODGOVOR JE..
DA!
- pravićemo objekat, čak ako nemamo još napisanu klasu
- zvaćemo metodu koja ne postoji
i kad testove izvršimo, oni trebaju PASTI

AKO STE SHVATILI POGREŠNO…
 pisanje čitavog test koda prije pisanja jedne linije ”pravog” koda
 mart – pisanje testova
 april – pisanje koda koji prolazi testiranje
 POGREŠNO!

HAJDEMO PROMISLITI I NA DRUGI NAČIN
 test-driven
 znamo smjer u kojem trebamo razvijati našu aplikaciju
 u procesu razvoja, znamo TAČNO gdje se pojavljuju greške
 RED Green
 možda ovaj pristup i nije toliko loš..

DOSTA TEORIJE, LET’S GET OUR HANDS DIRTY!
 koristimo frameworke za testiranje:
 PHPUnit – PHP
 JS – Mocha (Backend JavaScript here, folks)
 JUnit - Java
 NUnit - .NET
 PyUnit – Python
 CppUnit – C++

LARAVEL TDD UVOD
 nisam ekspert, ako neko vidi neku grešku u Laravel kodu, neka me slobodno prekine
 sve vam je built-in
 Hajdemo uzeti primjer pravljenja klase Movie koristeći TDD

MOVIE TEST- LARAVEL
- pravimo Movie.php sa običnim <?php class Movie{}
- u tests/ direktorijumu pravimo novi fajl, MovieTest.php

IZVRŠAVANJE TESTA - LARAVEL
 u rootu projekta kucate phpunit i dodatni argument može biti path do samo jednog testa, ili
direktorijuma u kom se nalazi više testova
 Dobićemo Test failed - PHP Fatal Error: ’AppMovie’ not found
 Ako u Movie.php dodamo namespace App i izvršimo testove, dobijamo drugi error:
 Call to undefined method AppMovie::name()

LARAVEL MOVIE CLASS
 Ako dodamo metodu name, pomoću public function name(){}
 Dobijamo sljedeći error:
 Failed asserting that null matches expected ’Star Wars’

VRIJEME ZA PITANJA - LARAVEL
 kako biste dodali pored imena filma, njegovog režisera (bonus poeni ako znate ko je to)?
 zapažate li problem koji će nam se desiti?
 setUp method! DRY, guys
public function setUp() {$this->movie = new Movie(‘Star Wars’ , ‘George Lucas’);}

LARAVEL - WEB
 za request/response je sve built in, pogledajmo primjer

PRIMJER NOVI U LARAVELU
 Posjetiti home page
 $this->visit(‘/’);
 Klikni na Click Me link
 $this->click(‘Click Me’);
 Dodati <a href=”#”>Click Me</a>
 Vidi ima li poruka ”Clicked”
 $this->see(‘Clicked’);
 Prepraviti link da bude href=“/feedback” -> dobijamo 404
 Dodati rutu /feeback koja vraća poruku “Clicked”
 Vidi da li je trenutni url /feedback
 $this->seePageIs(‘feedback’);

EXPRESS SADA…
 mochajs.org – asynchronous testing
 assertion library expect – eror poruke i mnoge druge pogodnosti
 supertest – za requeste (GET, POST, …) – ne moramo manualno provjeravati headere, status codove i sl.

TEST DRIVE IN EXPRESS
 Za ovaj primjer će nam trebati express, mocha, supertest i expect od NPM paketa
 Jedan fajl za server i jedan za test
 server.js i server.test.js
 napravimo u package.json alias
"scripts": {
"test": "mocha **/*.test.js"
},

NAKON
 ako odradimo npm test, dobijamo

RESURSI ZA UČENJE
 Laravel - PHPUnit: https://phpunit.de/
 Express – Supertest/Mocha/Expect su na NPM, svi open-source
 https://github.com/visionmedia/supertest
 Za Laravel preporučujem od Laracasts Testing sekciju
 Za Express ne znam takav kurs, ali ima mnogo blog postova..

HVALA NA PAŽNJI
KONTAKT: FB.COM/DRAGIFY, ITSDRAGOS@GMAIL.COM

Testing and TDD - Laravel and Express Examples

More Related Content

Viewers also liked (15)

Similar to Testing and TDD - Laravel and Express Examples (8)

Testing and TDD - Laravel and Express Examples