Subscribe RSS Join our Facebook Group Follow us on Twitter!
in Search

Jeffrey Hermanto Halimsetiawan's Blog

June 2010 - Posts

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

    1. Buka Microsoft Visual Studio 2010
      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
    5. 4. Pada Menu Bar pilih ‘Test’ kemudian ‘New Test’
    6. 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
    7. 5. Kemudian akan dialog ‘Add New Test’, inputkan nama class untuk UI Test dan juga pilih project Test nya dan klik button ‘OK’
    8. 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.
    9. 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.
    10. 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.
    11. Coded UI Test Builder
    12. Sebelum dapat add assertion pada properti UI, jalankan aplikasi yang ingin ditesting atau dapat menggunakan Start Debugging pada Visual Studio.
    13. Start Debugging
    14. 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’.
    15. Drag Crosshair to UI Control
    16. Kemudian akan muncul dialog Coded UI Test Builder yang akan menampilkan properti dari UI control tersebut yang dapat ditest.
    17. Properti UI Map
    18. Pilih salah satu properti yang ingin ditest, kemudian klik tombol ‘Add Assertion’ atau dengan menekan shortcut key Alt + A.
    19. Add Assertion
    20. Muncul dialog yang meminta untuk memilih ‘Comparator:’ yang digunakan dan ‘Comparison Value:’ yang ingin dipakai. Jika sudah, tekan button ‘OK’.
    21. Add Assertion for Text
    22. 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.
    23. Generate Code
    24. Masukkan nama method yang diinginkan untuk menjalankan assertion yang telah dibuat.
    25. Add and Generate Code
    26. Microsoft Visual Studio 2010 akan menambahkan method ‘AssertMethodDatabaseSelector’ pada UIMap dan men-generate UITestAdministrasiAnggota.cs dari hasil assertion tadi.
    27. Solution Explorer after Generate Code
    28. Setelah dibuat skenario test secara otomatis melalui Coded UI Test Builder, pilih menu bar Test – Run – All Tests in Solution untuk menjalankan test tersebut.
    29. Run Test
    30. Jalankan kembali aplikasi yang ingin ditesting atau dapat menggunakan Start Debugging pada Visual Studio.
    31. Start Debugging
    32. 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.
    33. 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

  • UI Testing [Record Action] dengan Microsoft Visual Studio 2010

    1. Buka Microsoft Visual Studio 2010
      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’
    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.
    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
    8. Sebelum dapat merekam action yang dilakukan, jalankan aplikasi yang ingin ditesting atau dapat menggunakan Start Debugging pada Visual Studio.
      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
    10. Ketika dalam keadaan merekam, semua action yang dilakukan akan dcatat semua seperti yang terlihat pada gambar di bawah ini.
      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
    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
    13. Microsoft Visual Studio 2010 akan men-generate UIMap dan UITestPenjualan.cs dari hasil record tadi.
      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
    15. Jalankan kembali aplikasi yang ingin ditesting atau dapat menggunakan Start Debugging pada Visual Studio.
      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

    Untuk lebih lengkapnya, silahkan download versi PDF berikut :

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