Skip to content
2 Juni 2010 / Jeffrey Hermanto Halimsetiawan

Tutorial UI Testing [Add Assertion] dengan Microsoft Visual Studio 2010


  1. Buka Microsoft Visual Studio 2010

    Microsoft Visual Studio 2010 - Start

    Microsoft Visual Studio 2010 - Start

  2. Pilih ‘New Project’ ataupun ‘Open Project’
  3. Jika ‘New Project’, maka silahkan buat sebuah program yang sudah siap dijalankan
  4. Pada Menu Bar pilih ‘Test’ kemudian ‘New Test

    4. Pada Menu Bar pilih ‘Test’ kemudian ‘New Test’

    4. Pada Menu Bar pilih ‘Test’ kemudian ‘New Test’

  5. Kemudian akan dialog ‘Add New Test’, inputkan nama class untuk UI Test sebagai contoh ‘UITestAdministrasiAnggota.cs’ dan juga pilih project Test nya dan klik button ‘OK

    5. Kemudian akan dialog ‘Add New Test’, inputkan nama class untuk UI Test dan juga pilih project Test nya dan klik button ‘OK’

    Dialog ‘Add New Test’

  6. Dialog ‘Generate Code For Coded UI Test’ akan muncul, pilih ‘Record actions, edit UI map or add assertions’ apabila belum pernah melakukan record action sebelumnya.

    6. Dialog ‘Generate Code For Coded UI Test’ akan muncul, pilih ‘Record actions, edit UI map or add assertions’ apabila belum pernah melakukan record action sebelumnya.

    6. Dialog ‘Generate Code For Coded UI Test’ akan muncul, pilih ‘Record actions, edit UI map or add assertions’ apabila belum pernah melakukan record action sebelumnya.

  7. Secara otomatis project dan file untuk testing akan di-generate, kemudian akan muncul Coded UI Test Builder pada bagian kanan bawah untuk mempermudah dalam melakukan UI Testing.

    Coded UI Test Builder

    Coded UI Test Builder

  8. Sebelum dapat add assertion pada properti UI, jalankan aplikasi yang ingin ditesting atau dapat menggunakan Start Debugging pada Visual Studio.

    Start Debugging

    Start Debugging

  9. Setelah muncul form aplikasi yang ingin ditesting, drag tombol crosshair pada UI control atau tekan  Windows Logo Key + I untuk memilih UI control pada posisi mouse pointer. Sebagai contoh pada gambar, melakukan drag tombol crosshair di kanan menuju ke textbox berisi ‘localhost’.

    Drag Crosshair to UI Control

    Drag Crosshair to UI Control

  10. Kemudian akan muncul dialog Coded UI Test Builder yang akan menampilkan properti dari UI control tersebut yang dapat ditest.

    Properti UI Map

    Properti UI Map

  11. Pilih salah satu properti yang ingin ditest, kemudian klik tombol ‘Add Assertion’ atau dengan menekan shortcut key Alt + A.

    Add Assertion

    Add Assertion

  12. Muncul dialog yang meminta untuk memilih ‘Comparator:’ yang digunakan dan ‘Comparison Value:’ yang ingin dipakai. Jika sudah, tekan button ‘OK’.

    Add Assertion for Text

    Add Assertion for Text

  13. Jika telah selesai menambahkan assertion untuk semua properti, maka tutup aplikasi yang tadi dijalankan apabila tadi menggunakan  mode Debugging Visual Studio 2010 dan pilih tombol ‘Generate Code’ atau shortcut key Alt + G.

    Generate Code

    Generate Code

  14. Masukkan nama method yang diinginkan untuk menjalankan assertion yang telah dibuat.

    Add and Generate Code

    Add and Generate Code

  15. Microsoft Visual Studio 2010 akan menambahkan method ‘AssertMethodDatabaseSelector’ pada UIMap dan men-generate  UITestAdministrasiAnggota.cs dari hasil assertion tadi.

    Solution Explorer after Generate Code

    Solution Explorer after Generate Code

  16. Setelah dibuat skenario test secara otomatis melalui Coded UI Test Builder, pilih menu bar Test – Run – All Tests in Solution untuk menjalankan test tersebut.

    Run Test

    Run Test

  17. Jalankan kembali aplikasi yang ingin ditesting atau dapat menggunakan Start Debugging pada Visual Studio.

    Start Debugging

    Start Debugging

  18. Saat semua test telah selesai dijalankan, hasil test akan muncul sehingga akan diketahui apakah hasil test tersebut pass atau failed seperti gambar di bawah ini. Pada hasil test terdapat 2 test dimana test yang pertama adalah hasil test dari record action dan test kedua adalah hasil test assertion.
    Hasil Test Record Action and Assertion Method

    Hasil Test Record Action and Assertion Method

Untuk lebih lengkapnya, silahkan download versi PDF berikut :

Tutorial UI Testing dengan Microsoft Visual Studio 2010 – tutorialpemrograman.wordpress.com

Jeffrey Hermanto Halimsetiawan

5107100029

  1. isar / Mei 5 2011 10:56

    saya mau bertanya, saya lagi membuat project dengan visual studio 2010, memakai C#, saya bingung ketika memasukkan field dan method, saya cari2, tetap tidak ada. petunjuk mengatakan add field dan method di dalam class yang telah d buat, tetapi tetap tidak ada. mohon dibantu menyelesaikan pertanyaan saya. trima kasih.

    kalau bisa post ke email saya saja.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: