Tutorial Kerangka Otomasi Tes UI Berkode

Otomatisasi perangkat lunak yang khas pengujian membutuhkan alat otomatisasi seperti Selenium dan QTP. UI berkode mirip dengan alat ini dan bisa sangat berguna untuk pengujian fungsional.

Uji UI Berkode (CUIT) menggunakan IDE Visual Studio untuk menulis skrip, karena perekaman dapat dilakukan menggunakan Visual Studio.

Apa itu Tes UI Berkode?

Tes UI Berkode (CUIT) adalah pengujian otomatis yang menggerakkan aplikasi melalui antarmuka pengguna (UI). Oleh karena itu, dinamakan Coded UI Test (CUIT). Tes ini melibatkan pengujian fungsional dari kontrol UI. Ia memeriksa fungsionalitas seluruh aplikasi, termasuk antarmuka pengguna. Ini juga digunakan untuk mengotomatiskan pengujian manual yang ada.

Tes UI Berkode

Tes UI Architekstur

Fitur Tes UI Berkode

Fitur UI berkode meliputi

  • Pengujian Fungsional
  • Hasilkan kode di VB/C#
  • Terintegrasi dengan cerita ALM
  • Bangun, terapkan & uji di lab atau sebagai bagian dari build
  • Lokal, pengoperasian jarak jauh, pengumpulan data
  • Ekstensibilitas yang Kaya
  • Perekaman yang sadar akan niat dan pemutaran yang tangguh

Teknologi yang Didukung Tes UI Berkode (CUIT).

Dengan kode UI, aplikasi yang memiliki UI (User Interface) dapat dengan mudah diuji. Aplikasinya bisa berbasis jendela atau berbasis web.

UI berkode mendukung teknologi seperti

  • Aplikasi desktop berbasis jendela
  • Layanan Web (SOAP, ASPX, dll.)
  • Aplikasi telepon jendela
  • WPF (Windows presentasi Foundation)
  • Aplikasi web (HTML, Silverlight, HTML5)

Mengapa menggunakan UI berkode untuk Otomatisasi Pengujian

Alasan mengapa UI berkode untuk otomatisasi pengujian lebih disukai

  • Pengembang dan Penguji Perangkat Lunak dapat berkolaborasi secara efektif menggunakan alat/bahasa yang sama.
  • Ini mendukung web dan juga Windows proyek.
  • Mekanisme identifikasi elemen adalah fitur hebat di Coded UI. Selain itu, mekanisme ini mendukung sinkronisasi
  • Mesin Pemutaran mendukung fitur seperti 'WaitForControlExist' , 'WaitForReadyLevel', dll
  • Dengan bantuan 'Agen Pengujian', pengujian otomatisasi dapat dijalankan pada mesin jarak jauh
  • Tim otomasi dapat mengembangkan pengujian yang canggih, menggunakan UI berkode dengan kerangka kerja berlapis
  • Penguji perangkat lunak dapat menangkap pengecualian dan mencatat hasilnya secara efektif menggunakan log4net.dll
  • Alat UI berkode mendukung pemrograman deskriptif. Hal ini memungkinkan penguji perangkat lunak untuk mengotomatisasi skenario berdasarkan properti objek
  • Ini mendukung kontrol AJAX.

Cara Membuat Tes UI Berkode (CUIT)

Untuk membuat pengujian UI berkode, Anda dapat melakukannya dengan cara berikut.

  • Menghasilkan dari Rekaman Tindakan yang Ada (mengonversi dari rekaman pengujian manual)
  • Membuat pengujian UI berkode baru dari awal
  • Menulis kode dari awal

Isi Tes UI Berkode

Saat Anda membuat pengujian UI berkode, pembuat pengujian UI berkode akan membuat Peta. Ini termasuk UI yang sedang diuji, metode pengujian, parameter, pernyataan, dll. Untuk setiap pengujian, ini juga membuat file kelas.

File Konten Dapat diedit
UIMap.Designer.cs Bagian Deklarasi Properti Metode Kelas UIMap Tidak
UIMap.cs Kelas UIMap (sebagian) Yes
KodeUITest1.cs Properti Metode kelas CodeUITest1 Yes
UIMap.uitest Peta XML UI untuk pengujian. Itu hanya diedit melalui editor Peta UI Tidak
  1. UIMap.Designer.cs : Perancang berisi tampilan kode UIMap. Ini dihasilkan ketika penguji mencatat beberapa interaksi UI atau ketika beberapa objek ditambahkan secara manual ke UIMap.
  2. UIMap.cs: Setiap modifikasi atau penyesuaian yang dilakukan pada UIMap disimpan dalam berkas ini. Awalnya, berkas ini akan kosong dan dapat diisi nanti. Jika modifikasi dilakukan langsung pada berkas UIMap.designer.cs, pastikan tidak dicatat, jika tidak semua perubahan akan hilang.
  • KodeUITest1.cs: File ini berisi kode kelas pengujian UI, metode pengujian, pemanggilan pernyataan, dan pemanggilan metode. Semua pernyataan dan metode secara default dipanggil dari file ini.
  • UIMap.uitest: Ini adalah representasi XML dari kelas UIMap. Ini mencakup jendela, kontrol, properti, metode, tindakan, dan pernyataan. Ini hanya dapat diedit melalui editor UI Map

Selanjutnya dalam tutorial Coded UI ini, kita akan mempelajari cara melakukan pengujian otomatisasi Coded UI.

Cara Melakukan Tes UI Berkode

UI berkode memiliki dua cara berbeda untuk melakukan pengujian pada aplikasi Anda.

  1. Rekam dan Pemutaran UI Berkode atau
  2. Kode UI Kode tangan

Anda harus mengikuti langkah berikut untuk melakukan pengujian UI Berkode,

  1. Buat proyek pengujian CodedUI
  2. Tambahkan file pengujian UI berkode
  3. Catat serangkaian tindakan
  4. Verifikasi nilai di bidang UI seperti kotak teks
  5. Lihat kode pengujian yang dihasilkan
  6. Tambahkan lebih banyak tindakan dan pernyataan
  7. Edit detail aktivitas pengujian dan pernyataan
  8. Jalankan tes

Praktik Terbaik untuk Tes UI Berkode (CUIT)

Berikut adalah beberapa praktik terbaik untuk kerangka otomatisasi pengujian UI Berkode:

  • Gunakan Pembuat Tes otomatisasi UI Berkode bila memungkinkan
  • Usahakan untuk tidak mengubah berkas UIMap.designer.cs secara langsung. Jika tidak, perubahan yang Anda buat pada berkas tersebut akan tertimpa
  • Buat pengujian Anda sebagai rangkaian metode yang direkam
  • Setiap metode yang direkam harus bekerja pada satu halaman, formulir, atau kotak dialog. Selain itu, buat metode pengujian baru untuk setiap formulir, halaman, atau kotak dialog baru.
  • Saat Anda membuat metode, alih-alih menggunakan nama default, gunakan nama metode yang bermakna. Nama yang bermakna membantu mengidentifikasi tujuan metode ini
  • Jika memungkinkan, batasi setiap metode yang direkam menjadi kurang dari 10 tindakan. Pendekatan ini mempermudah penggantian metode jika UI berubah.
  • Untuk membuat pernyataan, gunakan pembuat pengujian CodedUI. Secara otomatis menambahkan metode pernyataan ke file UIMap.Designer.cs.
  • Rekam ulang metode pengujian/metode pernyataan, jika antarmuka pengguna mengubah atau merekam ulang bagian yang terpengaruh dari metode pengujian yang ada.
  • Jika Anda langsung melakukan coding dengan API, gunakan metode dan properti di kelas yang dibuat di file UIMap.Designer.cs. Kelas-kelas ini akan membuat pekerjaan Anda lebih andal dan mudah, serta membantu Anda menjadi lebih produktif.

Perbandingan Tes UI Berkode Vs Selenium Vs QTP

Di bawah ini adalah tabel perbandingan Coded UI Vs Selenium Vs QTP:

  • Selenium tidak mendukung WPF apa pun juga Windows aplikasi
  • Visual Studio CodedUI mendukung pengujian aplikasi Window store serta pengujian aplikasi Window Phone. Tidak ada alat lain yang mendukung hal ini.
  • Tes selesai mendukung Aplikasi Window tetapi memerlukan plugin untuk diinstal.

Tes UI Berkode Vs Selenium Vs QTP

Perbandingan Tes UI Berkode Vs Selenium Vs QTP

Ringkasan:

  • Pengujian otomatis yang mengarahkan aplikasi Anda melalui antarmuka pengguna (UI) dikenal sebagai pengujian CodedUI (CUITs).
  • Kerangka kerja otomatisasi pengujian UI berkode mendukung teknologi seperti Layanan Web, aplikasi telepon Window, aplikasi Web, dll.
  • Pengujian UI Berkode memungkinkan pengembang dan Penguji perangkat lunak untuk berkolaborasi secara efektif menggunakan alat/bahasa yang sama
  • Konten atau file yang dibuat saat menggunakan CodedUI termasuk
  • UIMap.Designer.cs
  • UIMap.cs
  • KodeUITest1.cs
  • UIMap.uitest