TI Otomatis masuk Selenium Tutorial: Bagaimana cara menggunakannya?

Oleh: Krishna rungta Krishna rungta
Hours Updated

Apa itu AutoIt? Selenium?

Otomatis adalah bahasa skrip freeware yang dirancang untuk mengotomatiskan GUI Windows dan skrip umum. Bahasa ini menggunakan kombinasi gerakan tetikus, penekanan tombol, dan manipulasi kontrol jendela untuk mengotomatiskan tugas yang tidak mungkin dilakukan oleh selenium webdriver.

Cara mengunduh dan menginstal AutoIT

Langkah 1): Pergi ke ini link.

Langkah 2): Arahkan kursor ke tarik-turun 'Autoit' dan 'Autoit Editor'.

Unduh Dan Instal AutoIT

Langkah 3) Klik opsi Unduhan 'AutoIT'.

Unduh Dan Instal AutoIT

Langkah 4): Unduh “Autoit” dengan mengklik tombol 'Unduh Autoit' .

Unduh Dan Instal AutoIT

Langkah 5): Sekarang unduh “Autoit editor” dengan mengklik tombol 'Unduh'.

Unduh Dan Instal AutoIT

Langkah 6) Klik tautan seperti gambar di bawah ini.

Unduh Dan Instal AutoIT

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

Unduh Dan Instal AutoIT

Langkah 7): Untuk Menginstal AutoIT-Klik pada kedua setup AutoIT satu per satu.

Langkah 8): Setelah instalasi berhasil – buka AutoIT Editor.

Pergi ke 'C:\Program Files (x86)\AutoIt3\SciTE'

Unduh Dan Instal AutoIT

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

Unduh Dan Instal AutoIT

Langkah 9) : Sekarang membuka elemen Identifier .

Pergi ke 'C:\Program Files (x86)\AutoIt3 '

Unduh Dan Instal AutoIT

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

Unduh Dan Instal AutoIT

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

Cara menggunakan AutoIT di Selenium

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 popup non HTML dan menyediakan atribut elemen seperti judul, kelas, contoh ) dan cara menulis script di editor AutoIT menggunakan 3 metode.

Untuk 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 ditransfer 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.

Gunakan AutoIT Masuk Selenium

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

Gunakan AutoIT Masuk Selenium

Langkah 2): Sekarang buka jendela pengunggah berkas dengan mengklik 'Pilih Berkas' yang merupakan aktivitas Windows.

Gunakan AutoIT Masuk Selenium

ARTIKEL TERKAIT

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

Gunakan AutoIT Masuk Selenium

Kita bisa mendapatkan nilai atribut yaitu judul='Buka', kelas='Sunting' dan contoh='1′ seperti yang ditunjukkan di bawah ini. Nilai-nilai ini digunakan dalam penulisan contoh skrip AutoIT seperti yang dijelaskan pada langkah 4 di bawah.

Gunakan AutoIT Masuk Selenium

Langkah 4): Sekarang buka editor skrip AutoIT, buka 'C:\Program Files (x86)\AutoIt3\SciTE' dan klik 'SciTE.exe' seperti yang ditunjukkan pada langkah 7 dari 1st tema.

Mulailah menulis skrip untuk memilih file yang akan diunggah.

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

  1. KontrolFokus(“judul”, “teks”, controlID ) //Menetapkan fokus input ke kontrol tertentu di jendela.
  2. KontrolSetTeks(“judul”, “teks”, controlID, “Jalur file yang perlu diunggah” ) // Menetapkan teks kontrol.
  3. KontrolKlik(“judul”, “teks”, controlID ) //Mengirimkan perintah klik mouse ke kontrol tertentu.

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

Gunakan AutoIT Masuk Selenium

Di sini, di editor AutoIT, kami telah memilih “fokus kendali” metode. Pengidentifikasi elemen sudah dibuka dan diminimalkan karena elemen sudah teridentifikasi pada langkah 3 di atas. Kita bisa 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, misalnya tombol 'Buka'.

Nilai parameter untuk KontrolFokus Metode:

Metode ini menetapkan fokus ke kotak teks 'nama berkas' di jendela pengunggah berkas.

  • parameter pertama judul terbuka ".
  • Kami mengabaikan parameter ke-2, yaitu teks tidak diperlukan.
  • parameter ke-3 ID kontrol adalah kombinasi dari class='Edit' dan Instance='1′ yaitu, . 'Sunting1.' 
    ControlFocus("Open","","Edit1") // This method sets input focus to 'File name' text box.

Gunakan AutoIT Masuk Selenium

Nilai parameter untuk KontrolSetTeks metode :

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

  • parameter pertama judul terbuka ".
  • Kami mengabaikan parameter ke-2, yaitu teks tidak diperlukan.
  • parameter ke-3 ID kontrol merupakan 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") // This method input file path of a control.

Gunakan AutoIT Masuk Selenium

Setelah mengikuti langkah di atas, jangan tutup jendela (editor dan pengenal elemen), biarkan tetap terbuka. Anda perlu membuka kembali 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.

Gunakan AutoIT Masuk Selenium

Kita bisa mendapatkan nilai atribut yaitu judul='Buka', kelas='Tombol' dan contoh='1′ seperti yang ditunjukkan di bawah ini. Nilai-nilai ini digunakan dalam penulisan skrip Autoit seperti yang dijelaskan di bawah ini.

Gunakan AutoIT Masuk Selenium

Nilai parameter untuk KontrolKlik Metode:

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

  • parameter pertama judul terbuka ".
  • Kami mengabaikan parameter ke-2; itu teks tidak diperlukan.
  • parameter ke-3 ID kontrol adalah kombinasi kelas dan Instance, yaitu “Tombol1”.
ControlClick("Open","","Button1") //This method click on 'Open' button of file uploader.

Gunakan AutoIT Masuk Selenium

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

Gunakan AutoIT Masuk Selenium

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

Untuk menyusun skrip ini, Anda memiliki dua opsi ” kompilasi skrip x64 " Dan " kompilasi skrip x86 “Jika Anda memiliki mesin Windows 32-bit maka Anda menggunakan ” kompilasi skrip x86 ” dan untuk mesin windows 64-bit maka Anda menggunakan ” kompilasi skrip x64 . "

Gunakan AutoIT Masuk Selenium

Langkah 7):'Unggah File exe' file yang dihasilkan setelah kompilasi, Anda dapat melihat pada layar di bawah ini. Sekarang kita dapat menggunakan file ini di Selenium skrip driver web.

Gunakan AutoIT Masuk Selenium

Sekarang kita akan menggunakan skrip AutoIT ini Selenium pengemudi web. Periksa di bawah untuk keluarannya.

Unggah File masuk Selenium menggunakan Autoit

In Selenium skrip, kami 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 di Selenium skrip AutoIt.

  • Open Eclipse dan mulai menulis kode.
  • Ketika selenium mengklik tombol Pilih File, kotak pengunggah file terbuka.
  • Kemudian kita perlu memanggil script AutoIT, kontrolnya segera ditransfer ke AutoIT untuk mengupload file dan kemudian kontrol dikirim kembali ke Selenium seperti gambar di bawah ini.

Unggah File Masuk Selenium Menggunakan Autoit

Langkah 1): Mengembangkan skrip selenium di eclipse.

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

saluran di atas akan menelepon skrip AutoIT di Selenium dan unggah file.

Unggah File Masuk Selenium Menggunakan Autoit

Langkah 2) : Jalankan Selenium skrip dalam Eclipse.

importjava.io.IOException;		
import org.openqa.selenium.By;		
import org.openqa.selenium.WebDriver;		
import org.openqa.selenium.firefox.FirefoxDriver;		
public class FileUpload {				
public static void main(String[] args) throws IOException {								
    WebDriver driver=new FirefoxDriver();			
    driver.get("https://demo.guru99.com/test/autoit.html");			
    driver.findElement(By.id("postjob")).click();			

    driver.findElement(By.id("input_3")).sendKeys("Gaurav");                                 					
    driver.findElement(By.id("id_4")).sendKeys("test.test@gmail.com");					
    driver.findElement(By.id("input_4")).click();			
    // below line execute the AutoIT script .
     Runtime.getRuntime().exec("E:\\AutoIT\\FileUpload.exe");		
    driver.findElement(By.id("input_6")).sendKeys("AutoIT in Selenium");					
    driver.findElement(By.id("input_2")).click();
    driver.close();
     }
}

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

Unggah File Masuk Selenium Menggunakan Autoit

Mengapa Menggunakan AutoIt?

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

Gunakan AutoIt

Selanjutnya dalam tutorial AutoIt ini, kita akan mempelajari cara mengunggah file di driver web Selenium menggunakan AutoIt. Di sini kita memerlukan tiga alat untuk melakukan hal ini.

  • Selenium Driver web
  • Editor AutoIT dan pengidentifikasi elemen
  • Jendela yang ingin Anda otomatisasi

Kesimpulan

  • Mengunduh dan menginstal Pengidentifikasi Elemen dan editor AutoIT.
  • Membuka situs untuk melakukan operasi.
  • Element Identifier mengidentifikasi elemen jendela pengunggah file.
  • Skrip AutoIT disiapkan di editor dengan bantuan pengidentifikasi Elemen.
  • Skrip autoit digunakan dalam skrip webdriver Selenium.
  • Menjalankan skrip Selenium.
  • Output : File berhasil diupload.

Buletin Harian Guru99

Awali hari Anda dengan berita AI terbaru dan terpenting yang disampaikan saat ini.