İndirme ve Yükleme Selenium için IDE Firefox ve Chrome

⚡ Akıllı Özet

Selenium IDE, bağımsız bir uygulama yerine tarayıcı uzantısı olarak yüklenir, bu nedenle tüm kurulum bir eklenti indirmesi şeklinde gerçekleşir. Firefox Veya Chrome'u açıp tek tıklamayla kayıt cihazını kullanabilirsiniz.

  • 🔘 Firefox rota: Uzantıyı şuradan ekleyin: Firefox Eklentileri yükleyin, izin iletişim kutusunu onaylayın ve ardından araç çubuğundaki simgeden kayıt cihazını başlatın.
  • ☑️ Chrome rotası: Resmi siteden başlayın. Selenium IDE indirme sayfasına gidin, eklentiyi ekleyin ve Eklentiler menüsünden açın.
  • ✅ Eleman incelemesi: Firefox Hem DevTools hem de Chrome DevTools, Selenese komutunun ihtiyaç duyduğu CSS seçiciyi veya XPath'i sağlar.
  • 🧪 Eski sürümler: Özgün Firefox-Eklentinin yayınlanması eski bir taşınabilir sürüm gerektiriyor. FirefoxBu nedenle, bunu yalnızca tarihsel bir referans olarak değerlendirin.
  • ️ Sorun Giderme: Araç çubuğundaki bir simgenin eksik olması neredeyse her zaman eklentinin devre dışı bırakıldığını veya araç çubuğunun çok dar olduğunu gösterir.
  • 📊 Tarayıcılar arası uyumluluk: npm aracılığıyla komut satırı çalıştırıcısını yüklemek, kaydedilmiş projelerin diğer tarayıcılarda ve bir Grid üzerinde çalıştırılmasını sağlar.

Indirin ve yükleyin Selenium için IDE Firefox ve Chrome

Bu dersimizde nasıl indirip kuracağımızı öğreneceğiz. Selenium IDE için Firefox hem de Google ChromeHiçbir şey derlenmiyor ve sistem yoluna hiçbir şey yerleştirilmiyor; IDE bir tarayıcı uzantısı olduğundan, kurulum, tarayıcı eklentinin eklendiğini bildirdiği anda tamamlanıyor.

⚠️ Sürümlerle ilgili bir not: Aşağıdaki ekran görüntüleri orijinalinden alınmıştır. Firefox-Eklenti Selenium IDE. Bu derleme işlemi şu nedenle durdu: Firefox 55 numaralı sürüm, 2017 yılında eski XUL eklentilerine olan desteği kaldırdı. Selenium Günümüzde dağıtılan IDE, yeniden yazılmış bir uzantıdır. Firefox ve projeleri kaydeden Chrome .side HTML yerine format kullanılır. Her orijinal adım burada korunur ve mevcut davranış yanında belirtilir.

Nasıl Kurulur Selenium için IDE Firefox

Aşağıda nasıl indirilip kurulacağıyla ilgili adım adım bir süreç verilmiştir. Selenium için IDE Firefox:

Ne ihtiyacınız

  • mozilla Firefox
  • Aktif İnternet Bağlantısı

Mozilla'nız yoksa Firefox yine de şuradan indirebilirsiniz: firefox.com.

Adımlar 1) Aç Firefox Eklentiler ve İndirme Selenium IDE

Başlatmak Firefox ve Selenium IDE listelemesi üzerinde Firefox Eklentiler. Ekle'ye tıklayın FirefoxEklenti sayfası aşağıdaki ekran görüntüsündeki gibi görünüyor.

Selenium IDE listelemesi üzerinde Firefox "Ekle" seçeneğiyle eklentiler Firefox düğmesine tıklayın

Adım 2) Ekle'ye tıklayın

Kadar bekleyin Firefox İndirme işlemi tamamlandıktan sonra "Ekle"ye tıklayın. Firefox İlk olarak, uzantının talep ettiği erişimleri listeleyen aşağıdaki izin istemi görüntülenir.

Firefox Ekle düğmesiyle birlikte izin istemi Selenium IDE uzantısı

Adım 3) Tamam'a tıklayın

Kurulum tamamlandığında bir onay mesajı alacaksınız. Burada gösterilen bildirimde "Tamam"ı tıklayın.

Firefox onay mesajı şunu belirtiyor: Selenium IDE eklendi

Adım 4) Tıkla ve Aç Selenium IDE

Tıkla Selenium IDE simgesi, şu anda şu konumda yer alıyor: Firefox Aşağıda gösterildiği gibi araç çubuğu.

Selenium IDE simgesinde Firefox tarayıcı araç çubuğu

Selenium IDE, bir sonraki ekran görüntüsünde olduğu gibi kendi penceresinde açılacaktır.

Selenium Kurulumdan sonra IDE penceresi açılıyor. Firefox

Firefox Geliştirici Araçları Firefox

IDE'yi kurmak, kurulumun sadece yarısıdır. Bir adımı kaydetmek kolaydır, ancak elle yazmak için adımın üzerinde işlem yaptığı öğenin tanımlayıcısına ihtiyaç duyulur ve bu da tarayıcının kendi denetleyicisinden gelir.

Firefox DevTools bir Firefox Bu özellik, test edeceğimiz web uygulamasının HTML öğelerini incelemek için kullanacağımız bir özelliktir. Bize, Selenese komutumuzun üzerinde işlem yapacağı öğenin adını verecektir.

) 1 Adım Sayfada herhangi bir yere sağ tıklayın ve Öğeyi İncele'yi seçin. Ayrıca Ctrl + kısayolunu da kullanabilirsiniz. Shift + I. Bağlam menüsü aşağıda gösterilmektedir.

Firefox Sağ tıklama bağlam menüsünde "Öğeyi İncele" seçeneği

) 2 Adım Burada resimde gördüğünüz arayüzü göreceksiniz; bir tarafta sayfa işaretlemeleri, diğer tarafta ise stiller yer alıyor.

Firefox Geliştirici Araçları denetleyici paneli, test edilen sayfanın HTML kodunu gösteriyor.

) 3 Adım Bir öğeye sağ tıklayıp CSS veya seçeneğini seçebilirsiniz. XPathBu, nesne tanımlamada faydalıdır çünkü kopyalanan değer doğrudan yapıştırılabilir. Target Bir komutun alanı.

Bir CSS seçiciyi veya XPath ifadesini kopyalamak Firefox Geliştirici Araçları denetleyicisi

Not: Benzer şekilde, Chrome'da Geliştirici Araçları'nı kullanarak da nesne özelliklerini belirleyebilirsiniz. Aşağıdaki Chrome paneli aynı işlevi görür.

Chrome Geliştirici Araçları, bir öğenin nesne özelliklerini okumak için öğeyi inceliyor.

Her iki denetleyici de IDE'nin derleme yaparken tercih ettiği kimlik, ad ve sınıf özniteliklerini gösterir. lokasyon kayıt sırasında.

Selenium IDE kullanımdan kaldırıldı ve geliştirme durmuştu. Proje ancak yakın zamanda yeniden canlandırıldı. Yeni Selenium Kullanımdan kaldırılan IDE ile karşılaştırıldığında pek çok özellikten yoksundur. Özellikler ekleniyor ancak yavaş bir hızda. Tüm özelliklerini keşfetmek için Selenium IDE'nin eski sürümünü kullanmanızı öneririz. IDE'nin eski sürümünü kullanmak için

) 1 Adım Kullanım Firefox 54 Taşınabilir Sürüm kontrolü okuyun

) 2 Adım Airdrop formunu doldurun : Selenium IDE sürüm geçmişi ve yükleyin. Sürüm listesi şöyle görünüyor.

Sürüm geçmişi sayfası, daha önceki sürümleri listeliyor. Selenium İndirilebilir IDE sürümleri mevcut.

Aşağıdaki özellikler son IDE sürümünde mevcut olmayabilir. Yeni sürüm güncellendikçe öğreticileri güncellemeye devam edeceğiz.

⚠️ Mevcut durum: Desteklenmeyen bir eklentiyi çalışır durumda tutmak için desteklenmeyen bir tarayıcı çalıştırmak artık bir iş bilgisayarında pratik bir seçenek değil, bu nedenle yukarıdaki iki adımı tarihsel bağlam olarak değerlendirin. Yeniden oluşturulan IDE, eski aracı kullanışlı kılan özelliklerin çoğunu kapsıyor, bunlar arasında şunlar yer alıyor: saklanan değişkenlerKontrol akışı komutları ve kod dışa aktarımı.

eklentiler

Selenium IDE ek destekleyebilir Firefox Diğer kullanıcılar tarafından oluşturulan eklentiler veya uygulamalar. Bunları ziyaret edebilirsiniz. resmi Selenium IDE sitesi listesi için Selenium Şu ana kadar mevcut olan eklentiler. Bunları diğerleriyle yaptığınız gibi yükleyin Firefox eklentiler.

Varsayılan olarak, Selenium IDE 4 eklentiyle birlikte gelir:

  1. Selenium SDI: C# biçimlendiriciler
  2. Selenium SDI: Java biçimlendiriciler
  3. Selenium SDI: Python biçimlendiriciler
  4. Selenium IDE: Ruby Formatlayıcılar

Bu dört eklenti aşağıdakiler tarafından gereklidir: Selenium Selenese'yi farklı formatlara dönüştürmek için IDE.

Eklentiler sekmesi, aşağıdaki ekran görüntüsünde olduğu gibi, yüklediğiniz tüm eklentilerin bir listesini, her birinin sürüm numarası ve geliştiricisinin adıyla birlikte gösterir.

Selenium IDE Eklentileri sekmesinde, birlikte gelen dört biçimlendirici eklentisi listelenmiştir.

Kullanıcı Uzantıları

Selenium IDE, gelişmiş özellikler sağlamak için kullanıcı eklentilerini destekleyebilir. Kullanıcı eklentileri şu biçimdedir: JavaKomut dosyaları. Bunları, Seçenekler iletişim kutusundaki bu iki alandan birinde mutlak yollarını belirterek yüklersiniz.

Aşağıdaki Seçenekler iletişim kutusunda iki yol alanı vurgulanmıştır.

Seçenekler iletişim kutusu alanları için Selenium Çekirdek uzantıları ve Selenium IDE uzantıları dosya yolları

Burada çok sayıda kullanıcı eklentisi bulabileceksiniz. Selenium indirme sayfasıBu mekanizmanın kime ait olduğunu unutmayın. Selenium Çekirdek, kaldırıldı Selenium 3; modern IDE, bunun yerine kendi eklenti API'si aracılığıyla genişletilir.

Nasıl Kurulur Selenium Chrome'da IDE

Aşağıda nasıl indirilip kurulacağıyla ilgili adım adım bir süreç verilmiştir. Selenium için IDE Google Chrome:

) 1 Adım Git Selenium IDE sitesi Chrome İndir düğmesine tıklayın.
) 2 Adım Chrome Web Mağazası'ndaki ilgili sayfayı açın. Selenium IDE uzantısını kurun.
) 3 Adım Eklemek için Chrome'a ​​Ekle düğmesini tıklayın. Selenium IDE Google Chrome.
) 4 Adım Uzantılar menüsüne gidin, o simgeye tıklayın ve açın. Selenium IDE kullanarak yeni bir projede yeni bir test kaydetmek.

Chrome derlemesi ve Firefox İki uygulama aynı uzantıya sahip olduğundan, birinde kaydedilen bir proje diğerinde açılır. Tarayıcı mağazaları zaman içinde listelerini değiştirdiğinden, 1. Adımda her zaman yer imlerine eklenmiş bir mağazadan değil, resmi siteden başlayın. URL.

Kurulumu Doğrulama ve İlk Testin Kaydedilmesi

Yüklenen bir eklenti, kurulumun çalıştığının kanıtı değildir. En hızlı kontrol yöntemi, önemsiz bir şey kaydedip tekrar oynatmaktır.

  1. Tıkla Selenium IDE simgesi. Karşılama iletişim kutusu dört seçenek sunar: yeni bir projede yeni bir test kaydetmek, mevcut bir projeyi açmak, yeni bir proje oluşturmak veya IDE'yi kapatmak.
  2. Birinci seçeneği seçin ve projeye bir isim verin.
  3. Bir üsse girin URLBu, test edilen uygulamanın adresidir ve projedeki her test tarafından yeniden kullanılır.
  4. Bunun üzerine yeni bir tarayıcı penceresi açılır. URL ve kayıt başlar. Bir bağlantıya tıklayın veya bir alana yazı yazın, ardından IDE'ye geri dönün ve kaydı durdurmak için kayıt simgesine tıklayın.
  5. Kaydet simgesine tıklayın. IDE, tek bir dosyaya şu bilgileri yazacaktır: .side eklenti.
  6. Testi seçin ve oynat'a tıklayın. Kaydedilen adımlar kırmızı hata işareti olmadan tekrar oynatılırsa, kurulum sorunsuzdur.

İlk komutta başarısız olan bir oynatma işlemi genellikle sorunun temelinde yattığını gösterir. URL Kurulum aşamasında değil, oynatma sırasında. Oynatmanın yarıda kalması bir konum belirleme sorunudur ve sorun burada ortaya çıkar. doğrulama ve bekleme komutları geçimlerini sağlamak.

Yaygın Hata Nasıl Düzeltilir Selenium IDE Kurulum Sorunları

Kurulumla ilgili şikayetlerin neredeyse tamamı birkaç kalıptan birine giriyor. İlk ikisi, tarafından belgelenenlerdir. Selenium projenin kendisi.

  • Araç çubuğunda simge yok. Uzantının etkinleştirildiğini doğrulayın. Yazın. chrome://extensions Chrome'da veya about:addons in Firefoxve bunu kontrol et Selenium IDE açık.
  • Uzantı etkinleştirilmiş ancak hala görünmez durumda. Simge, araç çubuğunun çok dar olması nedeniyle gizlenmiş olabilir. Chrome'da, adres çubuğunun sağındaki alanı sürükleyin. FirefoxAraç çubuğuna sağ tıklayın, Özelleştir'i seçin, ayarlayın ve Tamam'a tıklayın.
  • IDE açılıyor ancak hiçbir şey kaydetmiyor. Kayıt penceresi, IDE'nin başlattığı pencere olmalıdır. Elle açılan bir sekmede yapılan kayıtlar yakalanmaz.
  • Dahili sayfada hiçbir şey çalışmıyor. Uzantılar, ayarlar veya uzantı ekranları gibi tarayıcı içi sayfaları komut dosyası haline getiremez, bu nedenle normal bir web sayfasına karşı kayıt yaparlar.
  • Yönetilen bir tarayıcı yüklemeyi engelliyor. Kurumsal profillerde, eklenti kurulumu genellikle politika tarafından kontrol edilir ve eklenti kimliğinin onaylanması için bir yöneticinin izni gerekir.

Nasıl Kurulur Selenium IDE Komut Satırı Çalıştırıcısı

Bu eklenti, testleri yalnızca yüklendiği tarayıcıda oynatır. Kaydedilmiş bir projeyi diğer tarayıcılarda, paralel olarak veya bir Grid üzerinde çalıştırmak için komut satırı çalıştırıcısını yükleyin. Bunun için Node.js ve npm gereklidir.

npm install -g selenium-side-runner

Her tarayıcının kendine ait sürücü dosyasına ihtiyacı vardır. Hedeflemek istediğiniz tarayıcıya ait sürücüyü yükleyin.

npm install -g chromedriver
npm install -g geckodriver
npm install -g edgedriver

Çalıştırıcı ve sürücü yerleştirildikten sonra, çalıştırıcıyı IDE'nin daha önce kaydettiği proje dosyasına yönlendirin.

selenium-side-runner /path/to/your-project.side

Çalıştırıcı, test paketlerini makinenin işlemci çekirdeği sayısı kadar işleme dağıtır. İki bayrak, günlük ihtiyaçların çoğunu karşılar: -c tarayıcıyı ayarlar ve --base-url Bu işlem, projenin tamamını farklı bir ortama yeniden hedefleyerek aynı kaydın hem yerel bir derleme hem de bir test sunucusu üzerinde kullanılabilir olmasını sağlar.

selenium-side-runner -c "browserName=firefox" --base-url https://localhost

Buradan sonraki doğal adım, kayıt ve oynatma işlemlerini geride bırakıp aynı kontrolleri kod içinde yazmaktır — bkz. ilk WebDriver betiği adım adım rehber ve daha geniş kapsamlı Selenium serisi.

SSS

Hayır. Açık kaynaklıdır ve hesap, lisans anahtarı veya deneme süresi gerektirmeden tarayıcı eklenti mağazaları aracılığıyla ücretsiz olarak dağıtılır. Komut satırı çalıştırıcısı da aynı şekilde ücretsizdir ve herkese açık npm kayıt defterinden yüklenir.

Uzantının kendisi için geçerli değil, çünkü tamamen tarayıcı içinde çalışıyor. Bir dil çalışma ortamı, yalnızca bir kaydı koda dışa aktardığınızda veya JDK yerine Node.js gerektiren komut satırı çalıştırıcısını yüklediğinizde önem kazanır.

Desteklenen bir tarayıcı çalıştıran herhangi bir platform, yani Windows, macOS Linux ve diğer işletim sistemlerinde de çalışır. Eklenti, tarayıcının gereksinimlerini devralır; bu da ayrı bir yükleyiciye veya işletim sistemine özel bir derleme seçeneğine gerek olmadığı anlamına gelir.

Tarayıcınızın uzantılar sayfasından kaldırın, ardından mağazadan tekrar ekleyin. Kaydedilen projeler diskte sıradan dosyalardır, bu nedenle yeniden yüklemeden etkilenmeden kalırlar. Boş açılan bir IDE penceresi için genellikle yeniden yükleme işlemi çözüm olarak kullanılır.

Evet, çünkü gerçek bir tarayıcı oturumu içinde kayıt yapar ve bu oturumun içerdiği tüm çerezleri devralır. Tek oturum açma yönlendirmeleri de kayıt yapar, ancak ortaya çıkan adımlar genellikle kırılgandır ve doğrudan giriş adımıyla değiştirilmesi daha iyidir.

Makine öğrenimi esas olarak kayıt işleminden sonra uygulanır: Kendi kendini onaran motorlar, işaretleme değiştiğinde bir yedek seçici önerir ve kararsız test modelleri aralıklı olarak başarısız olan adımları işaretler. Bunların hiçbiri kurulumu değiştirmez, ancak her ikisi de sonrasında yapılan bakımı azaltır.

Uzantıyı çalıştıramaz, ancak dışa aktarılan dosyada faydalıdır. Copilot, ham olarak dışa aktarılan bir betiği kolayca sayfa nesnelerine dönüştürür, açık bekleme süreleri ekler ve komut satırı çalıştırıcısını çağıran CI işini yazar.

Kaydetme işlemini nerede yapmayı seçerseniz seçin. IDE, her proje için .side uzantılı bir JSON dosyası yazar; bu dosya düz metindir ve bu nedenle sürüm kontrolüne kaydetmek ve inceleme sırasında farkları karşılaştırmak güvenlidir.

Bu yazıyı şu şekilde özetleyin: