Cara menggunakan AutoIT dengan Selenium Webdriver: Contoh Upload File

Daftar Isi:

Anonim

Apa itu AutoIt?

AutoIt adalah bahasa scripting freeware yang dirancang untuk mengotomatiskan windows GUI dan scripting umum. Ini menggunakan kombinasi gerakan mouse, penekanan tombol dan manipulasi kontrol jendela untuk mengotomatiskan tugas yang tidak mungkin dilakukan oleh selenium webdriver.

Dalam tutorial AutoIt ini, Anda akan belajar-

  • Mengapa Menggunakan AutoIt?
  • Cara mengunduh dan menginstal AutoIT
  • Menemukan elemen melalui pengenal elemen dan menulis skrip pada editor AutoIT.
  • Mengunggah file AutoIT di Selenium Webdriver

Mengapa Menggunakan AutoIt?

Selenium adalah alat open source yang dirancang untuk mengotomatiskan aplikasi berbasis web pada browser yang berbeda tetapi untuk menangani jendela GUI dan popup non HTML dalam aplikasi. AutoIt dalam Selenium diperlukan karena aktivitas berbasis jendela ini tidak ditangani oleh Selenium.

Selanjutnya dalam tutorial AutoIt ini, kita akan belajar cara mengupload file di driver web selenium menggunakan AutoIt. Di sini kita membutuhkan tiga alat untuk melakukan ini.

  • Selenium Webdriver
  • Editor AutoIT dan pengenal elemen
  • Jendela yang ingin Anda otomatisasi

Cara mengunduh dan menginstal AutoIT

Langkah 1) : Buka tautan ini.

Langkah 2) : Arahkan kursor ke dropdown 'Autoit' dan 'Autoit Editor'.

Langkah 3) Klik opsi Download 'AutoIT'.

Langkah 4) : Download "Autoit" dengan mengklik tombol 'Download Autoit'.

Langkah 5) : Sekarang unduh "Editor Autoit" dengan mengklik tombol 'Unduh'.

Langkah 6): Klik tautan seperti yang ditunjukkan di bawah ini.

Setelah mendownload Anda akan mendapatkan dua file setup seperti yang ditunjukkan pada layar di bawah ini, pertama adalah setup AutoIt versi 3 dan yang kedua adalah Scitautoit3 .

Langkah 6) : Untuk Menginstal AutoIT-Klik pada kedua pengaturan AutoIT satu per satu.

Langkah 7) : Setelah instalasi berhasil - buka AutoIT Editor.

Buka 'C: \ Program Files (x86) \ AutoIt3 \ SciTE'

dan klik pada file 'SciTE.exe', editor AutoIT terbuka seperti yang ditunjukkan pada layar di bawah ini.

Langkah 8) : Sekarang buka Pengenal elemen.

Buka 'C: \ Program Files (x86) \ AutoIt3'

Dan klik pada file 'Au3Info.exe', pengenal elemen terbuka seperti yang ditunjukkan pada layar di bawah ini.

Catatan: Setelah Anda selesai dengan pengenal elemen ini, Anda harus menutupnya secara manual, itu tidak akan menutup secara otomatis.

Menemukan elemen melalui pengenal elemen dan menulis skrip pada editor AutoIT.

Di bawah ini, kita akan melihat cara menggunakan editor AutoIt dan cara menemukan elemen pada jendela pengunggah file melalui AutoIT Element Identifier (Pengidentifikasi elemen adalah alat seperti selenium IDE, pengidentifikasi menemukan elemen jendela GUI atau non-HTML popup dan memberikan atribut elemen seperti judul , kelas , instance ) dan cara menulis skrip pada editor AutoIT menggunakan 3 metode.

Sebagai Contoh: Kami akan menggunakan halaman "Tulis kepada kami" di guru99 untuk mengunggah resume (file Doc).

Setelah mengklik tombol 'Pilih File' dari halaman "Tulis kepada kami", kita perlu memanggil skrip AutoIT. Kontrol segera dialihkan ke autoit setelah mengklik 'Pilih File' dengan pernyataan di bawah ini yang menangani bagian pengunggahan.

Runtime.getRuntime (). Exec ("E: \\ AutoIT \\ FileUpload.exe");

Terakhir, ketika kita menjalankan skrip selenium-itu akan mengisi formulir-> unggah resume-> Kirim formulir.

Langkah 1) : Sekarang buka Pengenal elemen- Buka 'C: \ Program Files (x86) \ AutoIt3' dan klik file 'Au3Info.exe', jendela pengenal elemen terbuka seperti yang ditunjukkan pada layar di bawah ini.

Langkah 2) : Sekarang buka jendela pengunggah file dengan mengklik 'Pilih File' yang merupakan aktivitas windows.

Langkah 3) : Seret alat pencari pada elemen kotak "Nama File" dari jendela pengunggah file untuk menemukan info atribut dasar seperti yang ditunjukkan pada layar di bawah ini dengan panah.

Kita bisa mendapatkan nilai atribut yaitu title = 'Open' , class = 'Edit' dan instance = '1' seperti gambar di bawah ini. Nilai-nilai ini digunakan dalam penulisan contoh skrip AutoIT seperti yang dijelaskan pada langkah 4 di bawah ini.

Langkah 4) : Sekarang buka AutoIt Script Editor, goto 'C: \ Program Files (x86) \ AutoIt3 \ SciTE' dan klik 'SciTE.exe' seperti yang ditunjukkan pada langkah 7 dari 1 st topik.

Mulailah menulis skrip untuk memilih file yang akan diunggah.

Ada banyak metode yang tersedia yang dapat kita gunakan dalam skrip sesuai dengan kebutuhan, tetapi saat ini kita akan fokus pada metode di bawah ini karena metode ini diperlukan untuk menulis skrip unggah file:

  1. ControlFocus ("title", "text", controlID) // Setel fokus input ke kontrol tertentu di jendela.
  2. ControlSetText ("title", "text", controlID, "File path who need to upload") // Menyetel teks dari kontrol.
  3. ControlClick ("title", "text", controlID) // Mengirim perintah klik mouse ke kontrol tertentu.

Anda dapat melihat sejumlah metode yang ditampilkan seperti yang ditunjukkan pada layar di bawah ini. Fitur yang baik dari AutoIT adalah mirip dengan Eclipse yang menyarankan beberapa metode.

Di sini, di editor AutoIT, kami telah memilih metode "fokus kontrol" . Pengenal elemen sudah dibuka dan diminimalkan karena elemen sudah diidentifikasi di atas langkah 3. Kita dapat membukanya dengan memaksimalkannya.

Sekarang, kita akan mengambil nilai dari pengenal elemen untuk metode 'ControlFocus' dan 'ControlSetText' karena metode ini bekerja pada elemen yang sama yaitu kotak teks 'Nama file' tetapi untuk metode 'ControlClick' perlu menangkap nilai elemen yang berbeda yaitu 'Buka' tombol.

Nilai parameter untuk metode ControlFocus :

Metode ini menetapkan fokus ke kotak teks 'nama file' dari jendela pengunggah file.

  • Judul parameter pertama adalah "Buka".
  • Kami mengabaikan parameter ke-2, teks tidak diperlukan.
  • Parameter ke-3 controlID adalah kombinasi dari class = 'Edit' dan Instance = '1' yaitu. 'Sunting1.' 
    ControlFocus ("Open", "", "Edit1") // Metode ini menyetel fokus input ke kotak teks 'Nama file'.

Nilai parameter untuk metode ControlSetText :

Metode ini digunakan untuk menentukan jalur file yang perlu kita unggah di kotak teks 'nama file'. Dengan cara lain, kita dapat mengatakan bahwa metode ini digunakan untuk mengatur teks ke elemen masukan.

  • Judul parameter pertama adalah "Buka".
  • Kami mengabaikan parameter ke-2, teks tidak diperlukan.
  • Parameter ke-3 controlID adalah kombinasi dari class = 'Edit' dan Instance = '1' yaitu, "Edit1".
  • Parameter ke-4 teks baru, kami melewati jalur file yang perlu kami unggah. 
    ControlSetText ("Open", "", "Edit1", "E: \ Resume \ resume.doc") // Metode ini memasukkan jalur file kontrol.

Setelah mengikuti langkah di atas, jangan tutup jendela (editor dan pengenal elemen), biarkan tetap terbuka. Anda sekali lagi perlu membuka jendela pengunggah file untuk menemukan atribut Tombol 'Buka' seperti yang ditunjukkan pada langkah 5 di bawah ini.

Langkah 5) : Sekarang seret alat pencari pada elemen tombol "Buka" pada jendela pengunggah file untuk menemukan informasi atribut dasar.

Nilai sebelumnya (yaitu atribut kotak teks 'Nama file') ditimpa dengan nilai baru tombol 'Buka'. Anda dapat melihat atribut kelas sekarang diubah menjadi "tombol" yang sebelumnya "edit" di jendela pengenal elemen AutoIT.

Kita bisa mendapatkan nilai atribut yaitu title = 'Open' , class = 'Button' dan instance = '1' seperti gambar di bawah ini. Nilai-nilai ini digunakan dalam penulisan skrip Autoit seperti yang dijelaskan di bawah ini.

Nilai parameter untuk metode ControlClick :

Metode ini mengklik tombol 'Buka' dari jendela pengunggah file.

  • Judul parameter pertama adalah "Buka".
  • Kami mengabaikan parameter ke-2; yang teks tidak diperlukan.
  • Parameter ke-3 controlID adalah kombinasi dari class dan Instance, yaitu "Button1".
ControlClick ("Open", "", "Button1") // Metode ini mengklik tombol 'Buka' pada pengunggah file.

Langkah 6) : Anda dapat melihat di bawah layar bahwa AutoIT script telah selesai untuk menangani file uploader. Sekarang Anda dapat menutup pengenal elemen dan menyimpan script sebagai "FileUpload" di lokasi yang ditentukan (E: \ AutoIT).

Sekarang Anda tidak dapat menjalankan skrip ini secara langsung, Anda perlu mengompilasi skrip ini.

Untuk mengkompilasi skrip ini, Anda memiliki dua opsi " kompilasi skrip x64 " dan " kompilasi skrip x86 ", jika Anda memiliki mesin windows 32-bit maka gunakan " kompilasi skrip x86" dan untuk mesin windows 64-bit lalu gunakan " kompilasi skrip x64 . "

Langkah 7): File 'FileUpload exe' dihasilkan setelah kompilasi, Anda dapat melihat di layar di bawah ini. Sekarang kita dapat menggunakan file ini dalam skrip webdriver Selenium.

Sekarang kita akan menggunakan skrip AutoIT ini di driver web Selenium. Periksa di bawah untuk keluaran.

Mengunggah file AutoIT di Selenium Webdriver

Dalam skrip Selenium, kita menemukan elemen formulir dan mengisi data di setiap elemen sesuai kebutuhan dan mengunggah file 'resume.doc' dengan menjalankan file exe AutoIT yang dihasilkan dari skrip AutoIT dan kemudian mengizinkan untuk mengirimkan formulir dalam skrip Selenium AutoIt.

  • Buka Eclipse dan mulailah menulis kode.
  • Ketika selenium mengklik tombol Pilih File, kotak pengunggah file terbuka.
  • Kemudian kita perlu memanggil skrip AutoIT, kontrol segera ditransfer ke AutoIT untuk mengunggah file dan kemudian kontrol mengirim kembali ke selenium seperti yang ditunjukkan di bawah ini.

Langkah 1) : Kembangkan skrip selenium di gerhana.

  • Kelas runtime memungkinkan skrip untuk berinteraksi dengan lingkungan tempat skrip dijalankan.
  • getRuntime () mendapatkan runtime saat ini yang terkait dengan proses ini.
  • metode exec () menjalankan skrip AutoIT (FileUpload.exe).
Runtime.getRuntime (). Exec ("E: \\ AutoIT \\ FileUpload.exe");

baris di atas akan memanggil script AutoIT di selenium dan mengupload file.

Langkah 2) : Jalankan skrip Selenium di Eclipse.

importjava.io.IOException;import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;impor org.openqa.selenium.firefox.FirefoxDriver;public class FileUpload {public static void main (String [] args) melempar IOException {Driver WebDriver = FirefoxDriver baru ();driver.get ("http://demo.guru99.com/test/autoit.html");driver.findElement (By.id ("pasca kerja")). klik ();driver.findElement (By.id ("input_3")). sendKeys ("Gaurav");driver.findElement (By.id ("id_4")). sendKeys (" Alamat email ini dilindungi dari robot spam. Anda perlu mengaktifkan JavaScript untuk melihatnya.");driver.findElement (By.id ("input_4")). klik ();// baris di bawah ini jalankan skrip AutoIT.Runtime.getRuntime (). Exec ("E: \\ AutoIT \\ FileUpload.exe");driver.findElement (By.id ("input_6")). sendKeys ("AutoIT in Selenium");driver.findElement (By.id ("input_2")). klik ();driver.close ();}}

Langkah 3) : Verifikasi output, file resume.doc berhasil diunggah dan pesan terima kasih akan ditampilkan.

Kesimpulan:

  • Mengunduh dan menginstal Pengidentifikasi Elemen dan editor AutoIT.
  • Membuka situs untuk melakukan operasi.
  • Element Identifier mengidentifikasi elemen jendela pengunggah file.
  • Mempersiapkan skrip AutoIT di editor dengan bantuan pengenal Elemen.
  • Skrip Autoit digunakan dalam skrip webdriver selenium.
  • Menjalankan skrip selenium.
  • Output: Berhasil mengupload file.

Artikel ini disumbangkan oleh Gaurav Nigam