Contoh Kasus Coded UI Test aplikasi penambahan 2 angka dengan VB.Net

Pada contoh kasus ini kita akan menguji User Interface sebuah aplikasi penambahan 2 angka yang dbuat menggunakan VB.Net dengan menggunakan Coded UI Test pada Visual Studio 2012.

Coded UI test akan merekam apakah hasil yang tampil pada interface sesuai dengan yang diharapkan. Kita buat sebuah test case. Jika Angka 1 = 1 dan Angka 2 = 2 maka textbox Hasil seharusnya menampilkan angka 3.

Langkah Pengujian :
1. Buka Visual Studio 2012
2. New Project - Visual Basic - Test - Coded UI Test

3. Akan muncul sebuah kotak dialog yang di dalamnya terdapat 2 pilihan.

• Pilih Record actions, edit UI map or add assertions apabila ingin merekam untuk pertama kalinya dan mengenerate code yang baru
• Pilih Use an exising action recording untuk menimpa rekaman yang sudah ada dan menghubungkan dengan test case yang ada pada MTM

4. Pada kasus ini kita pilih Record actions, edit UI map or add assertions maka akan muncul toolbar Coded UI Test Builder pada sudut kanan bawah.

5. Jalankan aplikasi yang akan diuji.

Tombol 1 berfungsi untuk merekam pengujian

Tombol 2 berfungsi untuk menampilkan langkah yang dilakukan pada sistem yang diuji

Tombol 3 berfungsi untuk menyorot tools yang akan diuji 

Tombol 4 berfungsi untuk men generate kode program pengujian secara otomatis

6. Masukkan angka sesuai dengan test case yang direncanakan.

7. Klik dan tahan (drag) tombol 3(crosshair) /Alt+U lalu sorot pada textbox hasil.

8. Pada properties text, klik add assertion, pilih comparator : AreEqual, Comparison Value : 3

untuk memverifikasi bahwa hasil penambahan angka 1 dan 2 hasilnya adalah 3. 

9. Klik Tombol 4 (Generate Code) / Alt+G, maka kode program akan di generate secara otomatis.

10. Build Solution

11. Run Test melalui jendela Test Explorer.