bdd dengan php dan selenium
TRANSCRIPT
Behaviour Driven Development (BDD) dengan PHPUnit dan
Selenium
8 Juni 2013, @STIKOM Surabaya
Taufan Aditya - Lead Dev @Mataharilabs
Apa yang akan kita diskusikan hari ini :
● Kenapa menggunakan BDD?
● BDD di PHP : PHPUnit + Selenium
Kenapa menggunakan BDD?
GIVEN a romantic party
WHEN a registered user with tuxedo heading to me
THEN "Hello Bob" will be displayed
Tahapan web development umumnya...● Pertama-tama, tim pengembang melakukan
analisa untuk requirement dan prioritas. ● Pada fase desain, business requirements
tadi di translasikan menjadi solusi IT.● Setelah itu, dimulailah pembuatan layout
dan implementasi kode.● End-user/client melakukan evaluasi dan
testing.● Maintenance.
Timeline untuk model konvensional● Requirement gathering : 1-2 bulan
● Design phase : 1-2 bulan
● Implementasi : 3-5 bulan
End-user akan dapat melakukan evaluasi dan
mencoba berinteraksi pertama kali dengan website :
1-2 bulan + 1-2 bulan + 3-5 bulan = 5-9 bulan
Aku baru mendapat kabar dari developer. Katanya, masih perlu 5-9 bulan lagi sampai website ibu kita selesai.
Di hari uji-coba, 5-9 bulan kemudian...Sesuai dokumentasi requirement kami, sistem memiliki fitur A, B, C dan D
Tapi yang kumaksud sebenarnya adalah E, F, G, H HAH?
Kenapa anda tidak memberi tahu kami?Terakhir kalian
bertanya padaku adalah 5-9 bulan lalu.
Beberapa problematika model development konvensional :
● Terlalu mementingkan dokumentasi yang rijit
● Terlalu fokus ke proses dan alat, dan sering melupakan perlunya interaksi individual.
● Dokumentasi yang rijit memerlukan waktu yang lama.
● Kurangnya kolaborasi dengan end-user/client, menyebabkan ada kesenjangan antara ekspektasi dengan hasil.
We need to become more AGILE!!!
Manifesto for Agile Software DevelopmentWe are uncovering better ways of developingsoftware by doing it and helping others do it.Through this work we have come to value :
● Individuals and interactions over processes and tools● Working software over comprehensive documentation● Customer collaboration over contract negotiation● Responding to change over following a planThat is, while there is value in the items on the right, we value the items on the left more.
Kent Beck, Mike Beedle, Arie van Bennekum, Alistair Cockburn, Ward Cunningham, Martin Fowler, James Grenning, Jim Highsmith, Andrew Hunt, Ron Jeffries, Jon KernBrian Marick, Robert C. Martin, Steve Mellor, Ken Schwaber, Jeff Sutherland, Dave Thomas
Perbandingan daur hidup : Waterfall - AgileWaterfall :
5-9 bulan
Plan Analysis & Design Code Test Deploy
Agile :
1-3 bulan 1-3 bulan 1-3 bulan
Pla
n
Ana
lysi
s &
D
esig
n
Cod
e
Test
Dep
loy
Pla
n
Ana
lysi
s &
D
esig
n
Cod
e
Test
Dep
loy
Pla
n
Ana
lysi
s &
D
esig
n
Cod
e
Test
Dep
loy
Dari Agile... Kita Dapatkan... TDD!Test Driven Development● Red — Tulis sebuah test
yang mengekspresikan bagaimana cara anda menggunakan kode.
● Green — Mulailah menulis kode, untuk melewati test.
● Refactor — Bersihkan kode dari duplikasi, perbaiki desain jika perlu.
Ulangi, sampai selesai!
Keuntungan menggunakan TDD● Bukti bahwa code kita bekerja dengan baik.● Dapat melihat kapan saja, apa yang rusak
dan dimana bug muncul.● Dapat memperbaiki desain/arsitektur kode,
tanpa merusaknya.● Test-first memaksa kita merencanakan
sebelum mulai menulis kode.● Bisa berfungsi sebagai dokumentasi
fungsional.● ... and the list goes on...
Oke, aku merencanakan untuk membuat 1243.983 fungsi, 138 class dan interface.Mana yang lebih dahulu akan kubuat unit-test-nya? Hmm....
Ketika seseorang baru mengenal TDD...Wah, fungsi ini tidak boleh dipakai diluar scopenya. Dia harus berupa private method. Mana yang perlu dan mana yang tidak perlu dicover dalam test? Hmm....
Fungsi dalam class ini adalah doSomethingWhenFooNotLongerBar. Harus kuberi nama apa test-case untuk ini? Hmm....
Lalu, apa itu BDD? Apakah BDD == TDD?I had a problem. While using and teaching agile practices like test-driven development (TDD) on projects in different environments, I kept coming across the same confusion and misunderstandings.My response is Behaviour-Driven Development (BDD).
Dan North — creator of jBehave
Perbandingan TDD - BDDTDD :● Tulis test yang akan gagal
karena belum ada fungsionalitas
● Tulis kode yang melewati test
● Refactor● Ulangi kembali Red-
Green-Refactor sampai semua class/fungsi yang diperlukan selesai
BDD :● Tulis spesifikasi
(berdasarkan story) yang akan gagal karena belum ada fungsionalitas
● Tulis kode yang melewati spesifikasi
● Refactor● Ulangi kembali Red-
Green-Refactor sampai semua spesifikasi selesai
BDD sebagai "Stories" dan "Behaviour"Stories
● Berhubungan dengan ekspektasi pada user-story.
● Menjelaskan cara kerja aplikasi secara high-level.
Behaviour
● Berhubungan dengan ekspektasi pada sistem.
● Menjelaskan cara kerja aplikasi secara low-level.
Struktur dari sebuah "Story"Naratif
As a [some_role_here]I want [some_feature_here]So that [benefit_of_feature_here]
SkenarioGiven [some_existing_condition]When [some_event_occur]Then [system_should_or_should_not_do]
Tanpa BDD, besar kemungkinan :Developer umumnya memulai percakapan sbb :echo preg_replace( array ('/(19|20)(\d{2})-(\d{1,2})-(\d{1,2})/','/^\s*{(\w+)}\s*=/'), array ('\3/\4/\1\2', '$\1 ='), '{startDate} = 1999-5-27');
Dan end-user a.k.a client, akan menanggapi sbb :
Fungsi BDD pada web-development● Memfasilitasi desain aplikasi di level
behaviour, dengan menyediakan template "Given-When-Then".
● Memfasilitasi komunikasi antar departemen dalam web-development : Client - Domain expert - QA - Developer, dengan bahasa yang dapat dimengerti oleh semua personel (ubiquitous language).
BDD dengan PHPUnit dan Selenium
TEST ME....I Dare you!
Beberapa popular BDD toolsJava : Ruby :
PHP :
Kenapa PHPUnit?● De-facto standard, untuk unit-testing di PHP● Memiliki ekstensi PHPUnit-Story, untuk
memfasilitasi BDD dengan template "Given-When-Then"
● Memiliki ekstensi PHPUnit-Selenium, untuk memfasilitasi acceptance test yang bisa diintegrasikan ke Selenium server.
Satu framework testing, untuk semua layer!
Membuat Story dan Step dengan PHPUnitclass SomeSpec extends PHPUnit_Extensions_Story_TestCase {
// @scenariopublic function someFeature(){
$this->given('keyword', 'OOT')->when('search')->then('search should not contain any result');
}
// @givenpublic function runGiven(&$world, $action, $arguments){}
// @whenpublic function runWhen(&$world, $action, $arguments){}
// @thenpublic function runThen(&$world, $action, $arguments){}
}
Red-Green-Refactor, seperti halnya TDD
Selenium adalah...
● Seperangkat alat untuk otomatisasi
testing web-aplikasi yang berjalan di
banyak platform browser.
● Jembatan yang menyediakan
abstraksi untuk berinteraksi dengan
layer web/browser
Selenium IDE
BDD dengan PHPUnit+Selenium
● PHPUnit
● PHPUnit-Story
● PHPUnit-Selenium
● Selenium Server
Kembali ke prinsip Red-Green-Refactor
Bagan BDD berdasarkan level-ekspektasiApplication-Level Ekspektasi
Presentasi/UI
Services
Class
Client/End-User/Domain
Expert
Developer
Selenium-Test
Behaviour-Test
Unit-Test
Go beyond this presentation!● Test Automation (Phing, Custom bash script)
● Continuous Integration Server (Travis,
Jenkins)
● Read Agile/XP Books (wait for mine :) )
● Practice it!
Reference● Test Driven Development (Kent Beck)
● The Art Of Agile Development (O'Reily)
● http://martinfowler.com/agile.html
● http://dannorth.net/introducing-bdd/
● http://phpunit.de/
● http://seleniumhq.org/
● https://github.com/toopay/PIM-Selenium
Question Time!
Thats it!Thanks!