Skip to content
2 Juni 2010 / Jeffrey Hermanto Halimsetiawan

Tutorial UI Testing [Record Action] 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 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’

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

  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 melakukan UI Testing.

    Coded UI Test Builder

    Coded UI Test Builder

  8. Sebelum dapat merekam action yang dilakukan, 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, klik tombol ‘Record’ pada UI Map – Coded UI Test Builder dan seluruh action yang dilakukan akan mulai direkam.

    Ready to Record Action

    Ready to Record Action

  10. Ketika dalam keadaan merekam, semua action yang dilakukan akan dcatat semua seperti yang terlihat pada gambar di bawah ini.

    Record Action

    Record Action

  11. Sesudah semua fitur dari aplikasi telah dijalankan dan aplikasi telah tertutup, tekan tombol ‘Pause’ pada UI Map – Coded UI Test Builder dan seluruh action yang dilakukan tidak akan direkam lagi.

    Pause

    Pause

  12. Tekan tombol ‘Generate Code’ pada  UI Map – Coded UI Test Builder di bagian paling kanan dan akan muncul dialog untuk memberi nama method dari hasil record yang telah dilakukan. Jika sudah memberi nama method, tekan ‘Add and Generate’.

    Generate Code

    Generate Code

  13. Microsoft Visual Studio 2010 akan men-generate UIMap dan  UITestPenjualan.cs dari hasil record tadi.

    Generated File

    Generated File

  14. 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

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

    Start Debugging

    Start Debugging

  16. Secara otomatis form aplikasi yang dibuka akan diberi user action sesuai dengan yang dilakukan pada saat menggunakan skenario testing secara live preview.
  17. 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.

    Test Result

    Test Result

Untuk lebih lengkapnya, silahkan download versi PDF berikut :

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

Jeffrey Hermanto Halimsetiawan

5107100029

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: