İletki İçinde Salatalık ve Sayfa Nesne Modeli ile Test Projesi Kurma – Üzüm

In: Genel


Uzun yıllar boyunca, konu web kullanıcı arayüzü testini otomatikleştirmeye geldiğinde, Selenium kraldı. Ve hala öyle olduğunu söylemek güvenli! Yaygın olarak bilinen ve kanıtlanmış bir otomasyon test aracı olarak, çoğu yazılım projesi için genellikle varsayılan bir seçimdir. Ancak bu, kişinin diğer teknolojileri ve çerçeveleri keşfetmemesi gerektiği anlamına mı geliyor? Tabii ki değil! Bu yazıda, İletki kullanmanın arkasındaki ana noktaları tartışacağım ve Salatalık ve Sayfa Nesne Modeli ile sorunsuz kullanım için nasıl kurulacağını açıklayacağım.

İletki kullanmanın arkasındaki ana nokta, esas olarak Angular uygulamalarını test etmek için geliştirilmiş olmasıdır. Angular’ın kendine özgü özellikleri – yöntemleri, özellikleri ve senkronizasyonu olduğundan, İletki bu tür uygulamaları test etmeyi daha kolay ve daha güvenilir hale getirmek için bunları ele alır. İletki’nin, Selenium Webdriver’ın resmi JavaScript uygulaması olan webdriver.js üzerinde bir sarıcı olduğunu belirtmekte fayda var. Bunun anlamı, testler geliştirme sırasında, kullanıma hazır test çerçevesi yöntemleriyle belirli Açısal öğelere ulaşılabilmesi ve yine de tipik bir Selenium projesinde kodlanmış olana benzer görünmesidir. Bunun üzerine, İletki, testlerin kararlılığına da yardımcı olan Angular ile senkronize etme yeteneğine sahiptir.

Projeyi kurmak için varsayımlar, daha önceki çabalara benzerdi. test otomasyon projeleri – yapı açık olmalıdır (Sayfa Nesne Modeli) ve test komut dosyaları teknik olmayan ekip üyeleri için bile (Salatalık ve Kornişon) açık ve anlaşılır olmalıdır. İletki bir node.js uygulaması olduğundan ve diğer uygun seçenek TypeScript biraz daha fazla kodlama gerektirdiğinden programlama dili seçimi JavaScript’e düştü. Bu sefer proje IDE olarak Visual Studio Code kullanacak.

Projeyi kurmaya başlamak için önce node.js’yi yüklemeniz gerekir. Makinenize kurduktan sonra, terminalde ‘node -v’ yazarak kurulumun başarılı olduğunu doğrulayabilirsiniz. Bu sırada, aynı yerde ‘npm – v’ yazarak Düğüm Paketleri Yöneticisini de doğrulayabilirsiniz. Ardından, ‘npm install -g iletki’ yazın ve başarılı kurulumunu ‘protractor –version’ ile doğrulayın. Her ihtimale karşı, “web sürücü yöneticisi güncelleme” komutunu kullanarak sürücüyü zaman zaman güncelleyebilirsiniz.

Bir sonraki adımımız, rahat çalışma için IDE’yi kurmak olacak. İlk olarak, Visual Studio Code’da “Cucumber (Gherkin) full support” eklentisini kurun. Bunu yaptıktan sonra, bağımlılıklarımıza dikkat etmeliyiz. Projemizin package.json dosyasına, iddialar, salatalık ve iletki için chai ve söz verildiği gibi chai’yi eklememiz gerekecek – tümü bağımlılıklar bölümünde. devDependencies’de, uğraştığımız hedefe ulaşmak için iletki-salatalık çerçevesine ihtiyacımız olacak.

Geliştirme sürecinde rahatlık ve netliğe sahip olmak için, bunu sağlayan özelliklerden biri, her salatalık adımının arkasında hangi kodun yürütüldüğünü hızlı bir şekilde arama yeteneğidir. Bir İletki projesinde bunu başarmak için, conf.js dosyasında Salatalık seçeneklerini belirtmemiz gerekecek. Gerekli olan, adımlar klasörüne giden yoldur.

Ardından, settings.json dosyasında, adım tanımlarını ve arkalarında yürütülen yöntemleri içeren klasörlere giden yolları belirtmemiz gerekecek. Bunu aşağıdaki şekilde yapabiliriz:

Bunu yaptığımızda CTRL veya CMD butonuna basarak kodda belirtilen adım/tanım/yöntem/elemana tıklayarak proje içerisinde kolayca gezinebiliriz. Bu basit bir şey, ancak üretkenliği önemli ölçüde artırabilir ve testleri geliştirmeye veya hata ayıklamaya harcanan zamanı azaltabilir!

Ele almamız gereken bir sonraki öncül, testleri etiketlere göre çalıştırmaktır. Bir özellik dosyasına bir etiket eklemek oldukça basit olsa da, bunların çalıştırıldığı kısım, conf.js dosyasındaki Salatalık Özelliği dosyalarına bir yol sağlanmasını gerektirir.

Yukarıdaki kod parçasında da görebileceğiniz gibi, conf.js dosyasındaki salatalıkOpts bölümü, boş bir liste olarak ‘tags’ adında bir değişken gerektirir.

Hazır buradayken, conf.js dosyasının, test çerçevemiz olarak Salatalığı belirttiğimiz bir bölüme sahip olması gerektiğini belirtmek önemlidir:

Sayfa Nesne Modelinde oluşturulan otomatik test projesinin genel yapısı, teknolojiler arasında benzerdir. İletki için bir genel bakış aşağıda görülebilir:

Gerekli tüm dosyaları oluşturup yapılandırmayı bitirdikten sonra, testleri kendilerinin yazma zamanı gelir.

BDD çerçevesinde çalıştığımız için, bir Kayıt formunu doğrulamaya odaklanan basit bir senaryo içeren basit bir Özellik Dosyası ile başlayalım (daha sonra çalıştırmak için bir etiketle)

Bu yapıldıktan sonra, /steps/registration.js içindeki her adımda ne olacağını belirtebiliriz:

Bu dosyada öncelikle her adım tanımında çağrılacak metotları içeren dosyanın yolunu belirliyoruz. Ardından, onaylama kitaplıklarını çağırıyoruz ve zaman aşımları ayarlıyoruz.

Adım tanımı uygulaması oldukça basittir; Salatalık anahtar sözcüğü bir normal ifadeden ve bir parametreden önce gelir; bir adımın gövdesi, /pages/registration.js dosyasından bir yöntemi çağırır. Genellikle, bir adım yalnızca bir yöntemi gerektirir, ancak gerekirse test adımları daha karmaşık olabilir. Bir yöntem bir Boolean değeri döndürürse, bir adım tanımı düzeyinde onaylamayı çağırdığımıza dikkat edin (satır 23).

/pages/registration.js dosyasında, etkileşimde bulunacağımız öğeler için bir konum belirleme sözlüğü belirtmemiz gerekiyor. Bunu aşağıdaki şekilde yapabilirsiniz:

Lütfen öğelerin yerini belirlemek için kullanılan seçicilere dikkat edin; İletki’de öğeleri bulmak için resmi İletki Kılavuzunda (bağlantı)

Aynı şey, öğelerle etkileşim kurmak için kullanılan yöntemler için de geçerlidir:

(Not. Oturum açma kimlik bilgilerinizi test otomasyon kodunda saklamayın… Yukarıdakiler yalnızca tanıtım amaçlıdır)

Yukarıda olan şey, /steps/registration.js dosyasında çağırdığımız yöntemleri, konum belirleme sözlüğüne yerleştirdiğimiz öğeleri (açık mavi ile vurgulanmıştır) kullanarak ve İletki yöntemlerini (vurgulanmış) kullanarak onlarla etkileşime geçerek uyguluyoruz. mor).

O zaman testleri çalıştırmanın zamanı geldi. VS Kodunda yeni bir terminal penceresi açın ve “web sürücüsü yöneticisi başlat” komutuna basın. Web sürücüsü şimdi çalışır durumda olmalıdır.

Yazdığınız ve buna göre etiketlediğiniz testi çalıştırmak için şimdi yapmanız gereken tek şey VS Code’da yeni bir terminal penceresi açmanız ve şu komutu girmeniz gerekiyor:

iletki protractor.conf.js –cucumberOpts.tags=’@smoke1′ – istenen özelliği buna göre etiketlemek.

İşte buyur! Artık, etiketler yardımıyla çalıştırabileceğiniz Sayfa Nesne Modeli olan Salatalık ile entegre, hazır, kurulu bir İletki test çerçevesine sahipsiniz. İletki hakkında daha fazla bilgi edinmek istiyorsanız, kod örnekleriyle kapsamlı belgeler içeren İletki web sitesine gitmenizi tavsiye ederim. burada.

Bir cevap yazın

Ready to Grow Your Business?

We Serve our Clients’ Best Interests with the Best Marketing Solutions. Find out More

How Can We Help You?

Need to bounce off ideas for an upcoming project or digital campaign? Looking to transform your business with the implementation of full potential digital marketing?

For any career inquiries, please visit our careers page here.
[contact-form-7 404 "Bulunamadı"]