<ul><li>SELINIUM IDE </li></ul>
<ul><li>Testing software adalah tahapan dalam development software yang bertujuannya untuk mencari sebanyak-banyaknya erro...
<ul><li>Functional testing adalah pengujian berjenis black box testing. </li></ul><ul><li>Functional testing adalah penguj...
<ul><li>Selinum IDE adalah sebuah tool yang khusus untuk melakukan functional testing pada aplikasi berbasis web. </li></u...
<ul><li>Ketik alamat  http://seleniumhq.org/download/   </li></ul><ul><li>Browser yang digunakan adalah Firefox 5.0 </li><...
<ul><li>Setelah link Download version 1.1.0 di klik maka muncul konfirmasi download Silinum IDE, </li></ul>
<ul><li>Proses download Selinium IDE  </li></ul>
<ul><li>Setelah download selesai maka akan muncul konfirmasi instalasi Silinium IDE. </li></ul>
<ul><li>Setelah instalasi selesai restart browser agar Silinium IDE dapat segera digunakan. </li></ul>
<ul><li>Apabila Silinium IDE tersinstal dengan baik maka akan muncul di daftar add on browser. </li></ul>
<ul><li>Untuk menjalakan Silinium IDE cukup dengan mengaktifkan plugin Selinium IDE pada menu tools di broswer firefox.   ...
 
<ul><li>Kotak A , untuk memberikan alamat url dari aplikasi berada. </li></ul><ul><li>Kotak B , area yang berisikan daftar...
<ul><li>Test Case adalah sebuah skenario kasus yang akan di testing. </li></ul><ul><li>Pada slide ini sebagai contoh test ...
<ul><li>Sebagai contoh akan membuat kasus testing untuk tambah data pada sebuah modul bernama area di aplikasi bernama Apl...
<ul><li>Langkah pertama adalah buka browser firefox kemudian aktifkan Selinium IDE. </li></ul>
<ul><li>Setelah window silinium ide muncul berikan nama untuk test case yang akan dibuat. (contoh : Test Case – Input Data...
<ul><li>Tekan tombol record untuk merekam seluruh aktifitas pada browser dalam rangka membuat test case input data area. <...
<ul><li>Ketik-kan pada browser alamat url dari aplikasi  berada, seperti contoh dibawah ini. </li></ul>
<ul><li>Setelah aplikasi muncul lakukan tahapan-tahapan untuk melakukan tambah data di modul area, seperti contoh ini yang...
<ul><li>Aktifitas login aplikasi tadi secara otomatis di rekam oleh Selinium IDE, seperti yang di tunjukan pada gambar dib...
<ul><li>Dari setiap aktifitas yang direkam oleh Selinium IDE diberikan komentar agar menjadi mudah dimengerti. </li></ul>
 
<ul><li>Aktivitas yang telah diberikan komentar akan tampak seperti gambar dibawah ini. </li></ul>
<ul><li>Setelah login aplikasi berhasil maka akan tampak page seperti dibawah ini. </li></ul>
<ul><li>Pada test case ini memiliki syarat apabila login aplikasi berhasil maka pada page harus mengandung kalimat dibawah...
<ul><li>Buat sebuah komentar untuk command Silinium IDE yang memeriksa keberadaan sebuah kalimat. </li></ul>
<ul><li>Buat command untuk memeriksa keberadaan sebuah kalimat. </li></ul>
<ul><li>Berikan command bernama  verifyTextPresent  yang berfungsi untuk memeriksa keberadaan kalimat.   </li></ul>
<ul><li>Pada command  verifyTextPresent  tuliskan kalimat yang akan diperiksa keberadaannya. </li></ul>
<ul><li>Apabila proses memberikan command  verifyTextPresent  telah selesai maka akan tampak seperti gambar dibawah ini. <...
<ul><li>Selain command  verifyTextPresent  masih banyak command lain yang dapat di-manfaatkan. Misalkan seperti dibawah in...
<ul><li>Setelah login, test case dilanjutkan menuju modul tujuan yang bernama area. </li></ul>
<ul><li>Modul area dinyatakan dapat diakses apabila terdapat kalimat  Area  dan  Tambah. </li></ul>
<ul><li>Berikan command verifyTextPresent untuk memeriksa kata  Area,  sehingga hasil nya seperti gambar dibawah ini. </li...
<ul><li>Proses membuat test case dilanjutkan dengan menekan  tombol tambah  sehingga muncul form seperti dibawah ini. </li...
<ul><li>Inputan yang diberikan pada  form tambah   akan terekam oleh Silinium IDE seperti yang ditunjukan pada gambar diba...
<ul><li>Apabila tombol  SIMPAN  pada form tambah telah ditekan maka akan muncul page yang mengadung kalimat  Data telah be...
<ul><li>Berikan command verifyTextPresent untuk kalimat  Data telah berhasil disimpan   dan  BATEN  untuk menyatakan bahwa...
<ul><li>Akhir dari membuat test case ini adalah menekan tombol logout aplikasi. </li></ul>
<ul><li>Setelah proses membuat test case selesai  tekan tombol  stop record  agar Selinum IDE berhenti merekam. </li></ul>
<ul><li>Setelah test case selesai dibuat simpan test case tersebut sehingga bisa digunakan kemudian hari. </li></ul><ul><l...
<ul><li>Untuk menyimpan test case yang telah dibuat klik menu  File -> Save Test Case </li></ul>
<ul><li>Menjalankan test case adalah menugaskan Selinium IDE untk melakukan testing secara otomatis berdasarkan test yang ...
<ul><li>Setelah Selinium IDE dijalankan, buka file test case yang telah kita buat. </li></ul>
<ul><li>Setelah file test case dibuka maka akan tampak seperti gambar dibawah ini. </li></ul>Kotak A , Area yang menampilk...
<ul><li>Pada browser ketikan alamat url dari aplikasi yang akan di test. </li></ul>
<ul><li>Tekan tombo  PLAY  untuk memerintahkan Selinium IDE menjalankan testing. </li></ul>
<ul><li>Apabila selama test case yang dijalankan oleh Selinium IDE tidak terdapat error maka t idak ada tulisan warna mera...
<ul><li>Apabila selama test case yang dijalankan oleh Selinium IDE  terdapat error  maka  ada tulisan warna merah  di  Are...
TERIMA KASIH
Upcoming SlideShare
Loading in …5
×

Automating Testing Web Applications : Selinium IDE

2,692 views

Published on

Selinum IDE adalah sebuah tool yang khusus untuk melakukan functional testing pada aplikasi berbasis web.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,692
On SlideShare
0
From Embeds
0
Number of Embeds
657
Actions
Shares
0
Downloads
162
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Automating Testing Web Applications : Selinium IDE

  1. 1. <ul><li>SELINIUM IDE </li></ul>
  2. 2. <ul><li>Testing software adalah tahapan dalam development software yang bertujuannya untuk mencari sebanyak-banyaknya error berdasarkan test case. </li></ul><ul><li>Testing software mutlak diperlukan untuk menghasilkan software yang berkualitas. </li></ul>
  3. 3. <ul><li>Functional testing adalah pengujian berjenis black box testing. </li></ul><ul><li>Functional testing adalah pengujian berdasarkan kasus yang akan diberikan pada suatu komponen, modul atau fitur yang akan di testing. </li></ul><ul><li>Functional Testing dilakukan dengan cara memberikan inputan pada komponen, modul atau fitur kemudian memeriksa hasil output nya. </li></ul><ul><li>Apabila output yang dihasilkan sesuai dengan harapan artinya benar, apabila tidak sesuai maka bagian tersebut terdapat error. </li></ul>
  4. 4. <ul><li>Selinum IDE adalah sebuah tool yang khusus untuk melakukan functional testing pada aplikasi berbasis web. </li></ul><ul><li>Selinium IDE berbasis plugin pada web browser Firefox. </li></ul>
  5. 5. <ul><li>Ketik alamat http://seleniumhq.org/download/ </li></ul><ul><li>Browser yang digunakan adalah Firefox 5.0 </li></ul>
  6. 6. <ul><li>Setelah link Download version 1.1.0 di klik maka muncul konfirmasi download Silinum IDE, </li></ul>
  7. 7. <ul><li>Proses download Selinium IDE </li></ul>
  8. 8. <ul><li>Setelah download selesai maka akan muncul konfirmasi instalasi Silinium IDE. </li></ul>
  9. 9. <ul><li>Setelah instalasi selesai restart browser agar Silinium IDE dapat segera digunakan. </li></ul>
  10. 10. <ul><li>Apabila Silinium IDE tersinstal dengan baik maka akan muncul di daftar add on browser. </li></ul>
  11. 11. <ul><li>Untuk menjalakan Silinium IDE cukup dengan mengaktifkan plugin Selinium IDE pada menu tools di broswer firefox. </li></ul>
  12. 13. <ul><li>Kotak A , untuk memberikan alamat url dari aplikasi berada. </li></ul><ul><li>Kotak B , area yang berisikan daftar test case. </li></ul><ul><li>Kotak C , area untuk memasukan command yang di perlukan di dalam test case. </li></ul><ul><li>Kotak D , area yang berisikan daftar command yang digunakan dalam test case. </li></ul><ul><li>Kotak E , Tombol untuk menjalankan test case yang telah dibuat. </li></ul><ul><li>Kotak F , Area untuk menampilkan catatan yang terjadi selama test case dijalankan, termasuk error yang terjadi akan tercatat disini. </li></ul>
  13. 14. <ul><li>Test Case adalah sebuah skenario kasus yang akan di testing. </li></ul><ul><li>Pada slide ini sebagai contoh test case nya adalah tambah data di sebuah modul aplikasi </li></ul>
  14. 15. <ul><li>Sebagai contoh akan membuat kasus testing untuk tambah data pada sebuah modul bernama area di aplikasi bernama Aplikasi Nokia Sales. </li></ul>
  15. 16. <ul><li>Langkah pertama adalah buka browser firefox kemudian aktifkan Selinium IDE. </li></ul>
  16. 17. <ul><li>Setelah window silinium ide muncul berikan nama untuk test case yang akan dibuat. (contoh : Test Case – Input Data Area). </li></ul>
  17. 18. <ul><li>Tekan tombol record untuk merekam seluruh aktifitas pada browser dalam rangka membuat test case input data area. </li></ul><ul><li>Kotak A, adalah nama test case yang menyimpan rekaman. </li></ul><ul><li>Kotak B, adalah tombol record/rekam. </li></ul>
  18. 19. <ul><li>Ketik-kan pada browser alamat url dari aplikasi berada, seperti contoh dibawah ini. </li></ul>
  19. 20. <ul><li>Setelah aplikasi muncul lakukan tahapan-tahapan untuk melakukan tambah data di modul area, seperti contoh ini yang di mulai dari login aplikasi. </li></ul>
  20. 21. <ul><li>Aktifitas login aplikasi tadi secara otomatis di rekam oleh Selinium IDE, seperti yang di tunjukan pada gambar dibawah ini. </li></ul><ul><li>Area yang didalam bingkai merah adalah bukti rekaman aktifitas. </li></ul>
  21. 22. <ul><li>Dari setiap aktifitas yang direkam oleh Selinium IDE diberikan komentar agar menjadi mudah dimengerti. </li></ul>
  22. 24. <ul><li>Aktivitas yang telah diberikan komentar akan tampak seperti gambar dibawah ini. </li></ul>
  23. 25. <ul><li>Setelah login aplikasi berhasil maka akan tampak page seperti dibawah ini. </li></ul>
  24. 26. <ul><li>Pada test case ini memiliki syarat apabila login aplikasi berhasil maka pada page harus mengandung kalimat dibawah ini. </li></ul>
  25. 27. <ul><li>Buat sebuah komentar untuk command Silinium IDE yang memeriksa keberadaan sebuah kalimat. </li></ul>
  26. 28. <ul><li>Buat command untuk memeriksa keberadaan sebuah kalimat. </li></ul>
  27. 29. <ul><li>Berikan command bernama verifyTextPresent yang berfungsi untuk memeriksa keberadaan kalimat. </li></ul>
  28. 30. <ul><li>Pada command verifyTextPresent tuliskan kalimat yang akan diperiksa keberadaannya. </li></ul>
  29. 31. <ul><li>Apabila proses memberikan command verifyTextPresent telah selesai maka akan tampak seperti gambar dibawah ini. </li></ul>
  30. 32. <ul><li>Selain command verifyTextPresent masih banyak command lain yang dapat di-manfaatkan. Misalkan seperti dibawah ini. </li></ul><ul><ul><li>clickAndWait, command yang dapat dimanfaatkan untuk ajax. </li></ul></ul><ul><ul><li>verifyCookiePresent , command untuk memeriksa keberadaan cookie. </li></ul></ul><ul><ul><li>verifyElementPresent , command untuk memeriksa keberadaan suatu elemen. </li></ul></ul><ul><ul><li>verifyHtmlSource , command untuk memeriksan kode html. </li></ul></ul><ul><ul><li>focusAndWait , command untuk memberikan fokus pada sebuah elament. </li></ul></ul>
  31. 33. <ul><li>Setelah login, test case dilanjutkan menuju modul tujuan yang bernama area. </li></ul>
  32. 34. <ul><li>Modul area dinyatakan dapat diakses apabila terdapat kalimat Area dan Tambah. </li></ul>
  33. 35. <ul><li>Berikan command verifyTextPresent untuk memeriksa kata Area, sehingga hasil nya seperti gambar dibawah ini. </li></ul>
  34. 36. <ul><li>Proses membuat test case dilanjutkan dengan menekan tombol tambah sehingga muncul form seperti dibawah ini. </li></ul>Kotak A , Modul tambah area dikatakan benar apabila terdapat kalimat Tambah Area Kotak B, Berikan inputan BANDUNG TENGAH Kotak C, Berikan inputan BATEN Kotak D, Tekan tombol SIMPAN
  35. 37. <ul><li>Inputan yang diberikan pada form tambah akan terekam oleh Silinium IDE seperti yang ditunjukan pada gambar dibawah ini. </li></ul>
  36. 38. <ul><li>Apabila tombol SIMPAN pada form tambah telah ditekan maka akan muncul page yang mengadung kalimat Data telah berhasil disimpan dan BATEN yang berasal dari form diinputkan sebelumnya. </li></ul>
  37. 39. <ul><li>Berikan command verifyTextPresent untuk kalimat Data telah berhasil disimpan dan BATEN untuk menyatakan bahwa proses input data berhasil. </li></ul>
  38. 40. <ul><li>Akhir dari membuat test case ini adalah menekan tombol logout aplikasi. </li></ul>
  39. 41. <ul><li>Setelah proses membuat test case selesai tekan tombol stop record agar Selinum IDE berhenti merekam. </li></ul>
  40. 42. <ul><li>Setelah test case selesai dibuat simpan test case tersebut sehingga bisa digunakan kemudian hari. </li></ul><ul><li>Misalkan ketika aplikasi di deploy di komputer yang berbeda maka untuk memastikan aplikasi berjalan baik, cukup buka file test case tersebut dan biarkan Selinium IDE yang melakukan testing secara otomatis. </li></ul>
  41. 43. <ul><li>Untuk menyimpan test case yang telah dibuat klik menu File -> Save Test Case </li></ul>
  42. 44. <ul><li>Menjalankan test case adalah menugaskan Selinium IDE untk melakukan testing secara otomatis berdasarkan test yang telah kita buat sebelumnya. </li></ul>
  43. 45. <ul><li>Setelah Selinium IDE dijalankan, buka file test case yang telah kita buat. </li></ul>
  44. 46. <ul><li>Setelah file test case dibuka maka akan tampak seperti gambar dibawah ini. </li></ul>Kotak A , Area yang menampilkan file test case yang dibuka. Kotak B , Area yang menampilkan daftar command atau aktifitas dari test case yang diplih pada kotak A.
  45. 47. <ul><li>Pada browser ketikan alamat url dari aplikasi yang akan di test. </li></ul>
  46. 48. <ul><li>Tekan tombo PLAY untuk memerintahkan Selinium IDE menjalankan testing. </li></ul>
  47. 49. <ul><li>Apabila selama test case yang dijalankan oleh Selinium IDE tidak terdapat error maka t idak ada tulisan warna merah di Area A dan tidak ada failure pada Area B. </li></ul>
  48. 50. <ul><li>Apabila selama test case yang dijalankan oleh Selinium IDE terdapat error maka ada tulisan warna merah di Area A dan ada failure pada Area B </li></ul>
  49. 51. TERIMA KASIH

×