Menü

Browserstack Eğiticisi: Uygulama ve Tarayıcı Test Platformu (KILAVUZ)

  • Ana
  • Diğer
  • Browserstack Eğiticisi: Uygulama ve Tarayıcı Test Platformu (KILAVUZ)

browserstack tutorial

Sorunları Ortadan Kaldırmak Için Enstrümanımızı Deneyin

Bu Ayrıntılı Uygulamalı Browserstack Eğitiminde Browserstack Mobil Uygulamasını ve Çapraz Tarayıcı Test Platformunu Nasıl Kullanacağınızı Öğrenin:

BrowserStack, web sitelerini ve mobil uygulamaları test etmek için kullanılan test platformudur.

Bir web uygulamasını birden fazla tarayıcıda ve mobil uygulamalarda tüm mobil cihazlarda herhangi bir sanal makine, cihaz ve emülatör olmadan test edebiliriz.

Mobil uygulama söz konusu olduğunda, Android ve iOS mobil uygulamalarını test edebiliriz.

BrowserStack öğreticisi

Ne öğreneceksin:

BrowserStack nedir?

Browser Stack, bulut tabanlı bir test aracıdır. Bu aracı kullanarak geliştiriciler ve test ediciler, farklı web tarayıcılarında çeşitli web ve mobil uygulamaların çapraz tarayıcı testlerini yapabilir.

Çapraz Tarayıcı Testi Nedir?

Tarayıcılar arası test, işlevsel testtir. Bu testi, uygulamanın farklı işletim sistemleri için farklı web tarayıcılarında beklendiği gibi çalışıp çalışmadığını kontrol etmek için gerçekleştiriyoruz. Burada test senaryolarını manuel olarak veya otomasyon betiklerinde çeşitli tarayıcıları belirterek otomasyon yaparak çalıştırabiliriz.

Önerilen Okuma => Yeni Başlayanlar için Çapraz Tarayıcı Testi Kılavuzu

Neden BrowserStack?

Gerçek zamanlı olarak, farklı sürümlere sahip birden çok işletim sistemi kullanan bir uygulamayı farklı tarayıcılarda test etmek zordur.

Farklı işletim sistemlerini kurmak için birçok bilgisayar makinesi satın almak çok maliyetli olacaktır. Bugün piyasada bulunan tüm android ve iOS mobil cihazları satın almak daha da zor. Bu nedenle tüm cihazları satın almak ve kurmak pratik değildir.

Bu nedenle, işletim sistemleri, tarayıcılar ve farklı sürümler arasında geçiş yapmanın karmaşıklığını önlemek için BrowserStack ile devam ediyoruz.

Mobil uygulama testi söz konusu olduğunda, bugün mevcut olan tüm mobil cihazları satın almaktan kurtulabiliriz. Tarayıcı Yığını çok esnek ve ölçeklenebilir. Browser Stack yardımı ile her yerde ve her zaman test edebiliriz.

Browser Stack'i uzak laboratuvar olarak kullanabiliriz ve bunu Gerçek Masaüstü Tarayıcıları olarak kullanabiliriz. Bize ücretsiz Javascript birim testleri verir ve 750 yapılandırmayı destekler. Tarayıcı Yığını kullanmak için herhangi bir kurulum gerekmez. Tarayıcı Yığını URL'sini ve oturum açma kimlik bilgilerini kullanarak doğrudan herhangi bir bağımsız makinede kullanabiliriz.

BrowserStack Ana Sayfası

BrowserStack Geçmişi

BrowserStack, 2011 yılında Hindistan, Mumbai'de Ritesh Arora ve Nakul Aggarwal tarafından kurulmuştur. 135 ülkede yaklaşık 25000 ücretli kullanıcısı ve 2000000 kayıtlı kullanıcısı vardır. Artık birçok şirket, web ve mobil uygulama testleri için Browser Stack'e güveniyor.

BrowserStack'in Özellikleri

  • Farklı işletim sistemlerindeki farklı tarayıcılarla çapraz tarayıcı testi.
  • Mobil cihazda yerel uygulama testi.
  • Hibrit uygulama testi.
  • Web ve mobil uygulamaları otomatikleştirin.

Web Uygulamasını Test Etme

# 1) BrowserStack ile kaydolun.

BrowserStack

#iki) Hesabınıza giriş yapın.

Oturum aç

# 3) Ürünler açılır listesinden canlı etkileşimli tarayıcılar arası test seçeneğini seçin.

canlı etkileşimli çapraz tarayıcı

# 4 ) OS listesini sayfanın sol tarafında göreceksiniz. Android, iOS, Windows Phone, Windows 10, Windows 8, Windows XP, Mac ve çok daha fazlasına sahibiz.

İşletim sistemini seçin

# 5) Listeden herhangi bir işletim sistemi seçin. Farklı sürümlere sahip tarayıcıların bir listesini görebileceksiniz. Chrome 75, Chrome 74, Chrome 73, IE 11, IE 10 gibi farklı sürümleri olan chrome, Mozilla Firefox, IE, opera, safari vb. Tarayıcıları görebiliriz.

Sürümü olan tarayıcı listesi

# 6) Herhangi bir sürümün belirli bir tarayıcısını seçin. Tarayıcı açılacaktır. Uygulamanın URL'sini girin. Gerçek sistem tarayıcılarında yaptığınız gibi uygulamayı test etmeye başlayın.

Uygulamanın URL

Uygulamayı Test Ederken Tarayıcı Yığın Tuşu İşlevlerini Kullanma

Başka bir tarayıcı seçmek isterseniz, tarayıcı değiştir seçeneğine tıklayın. Bu sizi test etmek için diğer tarayıcıyı seçebileceğiniz kontrol paneli ekranına götürecektir.

Uygulamayı farklı bir çözünürlükte test etmek isterseniz, mevcut çözünürlüğün bir listesinin görüneceği çözünürlük simgesine tıklayın, gerekli olanı seçip teste devam edebilirsiniz.

Belirli bir tarayıcıda testi tamamladığınızda, Oturumu durdur'a tıklayın, sizi kontrol paneli ekranına götürecektir.

Anahtar İşlev - Tarayıcı Değiştir

BrowserStack'ten Hata Oluşturma

Tıklamak Hata Bildirme Seçeneği . Sayfada sorunu vurgulamak için bir seçenek kutusu göreceksiniz. Dikdörtgen, daire, kurşun kalem vb. Gibi farklı seçenekleri kullanarak sorunu vurgulayabilirsiniz.

Buna ek olarak, Jira, Trello, GitHub, Slack kullanarak veya e-posta yoluyla veya sorun sayfasını indirmek istediğinizde, bir hatayı bildirmek istediğiniz yer gibi bir hata bildirme seçeneği modunu görebilirsiniz. , vb. Bu şekilde, yukarıdaki listeden herhangi bir seçeneği seçebilir ve bir hatayı bildirmek için ilerleyebilirsiniz.

Hata Oluşturma

cevaplarla sql sorguları uygulama soruları

Mobil Uygulamayı Mobil Tarayıcılarda Test Etme

Ürünler açılır listesinden canlı etkileşimli tarayıcılar arası test seçeneğini seçin. Sayfanın sol tarafında işletim sistemi listesini göreceksiniz. Bu listeden android seçeneğine tıklayın. Samsung, Motorola, Google, one plus vb. Android cihazların listesini görebilirsiniz.

Farenizi test etmek istediğiniz cihazın üzerine getirin ve Chrome, Mozilla Firefox, Safari, UC tarayıcısı vb. Tarayıcıları görebileceksiniz. Tarayıcıyı seçin ve seçilen tarayıcı açılacaktır.

Mobil Uygulama - Tarayıcıyı seçin

Uygulamanın URL'sini girin ve gerçek sistem tarayıcısında nasıl yaptığınızı test etmeye başlayın.

BrowserStack'te Yerel Mobil Uygulamanın Test Edilmesi

Browser Stack hesabına kaydolun ve hesapla giriş yapın. Seç Uygulama Canlı - Etkileşimli yerel ve karma uygulama testi Ürünler açılır listesinden seçenek.

Yerel Uygulamayı Test Etme

Orada 3 ana sekmeyi göreceksiniz, yani uygulamayı yüklemek, Android cihazların listesi ve iOS cihazların listesi.

Yüklenen Uygulamalar

Uygulamayı Yükleme

Uygulamayı yükle düğmesine tıklayın ve bir sistem iletişim penceresi açılacaktır.

Uygulama klasörüne gidin, test etmek istediğiniz Uygulamayı seçin ve uygulama başarıyla yüklenecektir. Uygulamayı, yüklenen uygulamalar bölümünün altında görebileceksiniz. Orada 500 MB'a kadar olan uygulamaları yükleyebiliriz.

Uygulamayı başka şekillerde de yükleyebiliriz. Seç App Live etkileşimli yerel ve karma uygulama test seçeneği Ürünler açılır menüsünden android gerçek cihazı veya iOS gerçek cihaz sekmesini seçin.

Herhangi bir cihazı seçin ve açılacaktır. Oyun mağazasına tıklayın. Hesapla oturum açın ve test etmek istediğiniz uygulamayı arayın. Uygulamayı indirip yükleyin ve uygulamayı Test etmeye başlayın.

Benzer şekilde, uygulamaları uygulama merkezi ile senkronize ederek, hockeyapp ile senkronize ederek, testflight ile yükleyerek, uygulama mağazasına yükleyerek veya oyun mağazası ile yükleyerek çok daha fazla yolla yükleyebiliriz.

Uygulamayı Silme

Sil simgesine tıkladığınızda her uygulamada onay kutusunu göreceksiniz. Onay kutusunu seçin ve sil bağlantısını tıklayın; yükleme tarihinden itibaren 60 gün geçtikten sonra yüklenen uygulama otomatik olarak silinecektir.

Şimdi Android gerçek cihazlar sekmesini inceleyin, bu sekmeye tıklayın ve farklı cihaz modellerine sahip Samsung, Motorola, Google, one plus vb. Gibi Android cihazların listesini göreceksiniz. Her modelde işletim sistemi sürümünü ve ekran boyutunu görebilirsiniz.

OS sürümü

Şimdi iOS gerçek cihazlar sekmesini inceleyin ve bu sekmeye tıklayın, farklı cihaz modellerine sahip iPhone ve iPad gibi iOS cihazların listesini göreceksiniz. Her modelde işletim sistemi sürümünü ve ekran boyutunu görebilirsiniz.

iOS gerçek cihazlar

Test etmek için herhangi bir android veya iOS cihazına tıklayın. Belirli Cihaz açılacak ve uygulama başlayacaktır. Gerçek cihazda nasıl çalıştığınızı test etmeye başlayın.

İOS cihazı seçin

Yerel Uygulama Testi Sırasında Tarayıcı Yığın Tuşu İşlevlerini Kullanma

Cihazı değiştirmek isterseniz Cihazı değiştir seçeneğine tıklayın. Belirli bir cihazda testi bitirdikten sonra Oturumu durdur seçeneğine tıklayın ve kontrol paneli sayfasına gidecektir. Oturum zaman aşımını ve monitör boyutunu seçmek için ayarlara tıklayın.

Hatayı tıklayarak oluşturabiliriz. Bir hata bildirin seçeneği tıpkı yukarıdaki web testi bölümünde tartıştığımız gibi. Şimdi, cihazı uygulanabilir bir şekilde çalıştırmak ve uygulamayı test etmek için daha fazla seçeneğe sahip olan web araç kiti menüsüne bakın.

Tıkla Cihazı Döndür seçeneği cihazı yatay veya dikey olarak döndürmek için. Tıkla uygulamayı yükle yeni uygulamayı yüklemek için. Tıkla uygulamayı sonlandır cihazı değil, yalnızca uygulamayı kapatın. Tıklamak Dili değiştir test için dili değiştirmek için. Tıklamak cihaz bilgisi tam cihaz bilgisini kontrol etmek için.

Yerel uygulama testi

BrowserStack Testinin Gerçek Cihaz Testine Göre Karşılaştırılması

Tarayıcı Yığın Testi Gerçek Cihaz Testi
Ekonomik: Farklı cihazlar ve tarayıcılar arasında geçiş yaparak uygulamayı tek bir cihaz üzerinde test edebiliriz. Ekonomik Değil: Piyasada bulunan tüm cihazları test etmek için satın almanız gerekir.
Çok esnek: Tek bir platformda çapraz tarayıcı testi ve mobil uygulama testi yapabiliriz.Gittiğimiz yere birden fazla cihaz taşımamız gerekiyor.
İşletim sistemi lisansını satın almaya gerek yok.Bir OS lisansı satın almanız gerekiyor.
Hızlı: İşletim sistemini ve tarayıcıları yüklemek için beklemenize gerek yok. Yavaş: İşletim sistemini ve tarayıcıları yüklemek için beklemeniz gerekiyor.
Sanal makineleri kullanmaya gerek yok.Sanal makineler kullanmamız gerekiyor.

Selenium Komut Dosyalarını Kullanarak Web Sitesini Otomatikleştirin

Selenium komut dosyalarını yazalım ve Tarayıcı Yığını'nda otomasyon testi yapalım. Java'nın en son sürümünü indirin ve yükleyin. Eclipse'in en son sürümünü veya başka bir IDE'yi indirin ve yükleyin.

Browser Stack'tan kullanıcı adını ve erişim anahtarını almamız gerekiyor. Bunu almak için tarayıcı kimlik bilgileriyle giriş yapın, şuraya gidin: Ürün:% s ve tıklayın Otomatikleştirmek . Sol taraftaki kullanıcı adını ve erişim anahtarını inceleyin. Kullanıcı adını ve şifreyi not edin.

Selenium Komut Dosyalarını Kullanarak Otomatikleştirin

Eclipse IDE'yi açın. Java projesini oluşturun, paketi oluşturun, sınıf dosyasını oluşturun ve gerekli tüm Selenium jar dosyalarını projeye ekleyin. Kullanıcı adı ve erişim anahtarı için değişkenleri yazın. URL'yi, kullanıcı adını ve şifreyi iletin. Ek açıklamaları kullanın. Yöntemi oluşturun.

Günlükleri görmek için istenen yetenekleri ayarlayın. Web sürücüsüne belirtilen işletim sistemini, tarayıcıyı ve tarayıcı sürümünü seçmesini söylemek için istenen yetenekleri ayarlıyoruz. Web sürücüsü için nesneyi oluşturun, web sitesini açmak için URL'yi alın. Uygulama başlatılıncaya kadar beklemek için bekleme örtük komutlarını yazın.

Onaylama ve tıklama, gezinme, veri girme gibi diğer işlevleri kullanarak beklenen URL'yi kontrol etmek için URL'yi Al gibi test komutları için kod yazın.

Komut dosyasını çalıştırın. Otomatikleştir sekmesini inceleyin. Web sitesinin ekran görüntülerini görmek için tüm test adımlarının test günlüğünü kontrol edin ve görsel günlüklere bakın. Diğer bilgiler için konsol günlüklerini ve ağ günlüklerini inceleyin.

Public class testbrowserstack { Public static String Username =”anand”; Public static String accesskey =”anandaccess”; public static final String URL = 'https://' + username + ':' + accesskey + '@hub-cloud.browserstack.com/wd/hub'; public static void main(String() args) throws Exception { DesiredCapabilities caps = new DesiredCapabilities(); caps.setCapability('browserName', 'iPhone'); caps.setCapability('device', 'iPhone X'); caps.setCapability('realMobile', 'true'); caps.setCapability('os_version', '11'); caps.setCapability('name', 'Bstack-(Java) Sample Test'); WebDriver driver = new RemoteWebDriver(new URL(URL), caps); driver.get('http://www.google.com'); WebElement element = driver.findElement(By.name('q')); element.sendKeys('BrowserStack'); element.submit(); System.out.println(driver.getTitle()); driver.quit(); }

BrowserStack Testinin Avantajları

  1. Tüm büyük tarayıcıları tek bir kontrol noktasından test edebiliriz.
  2. Tarayıcıların geri / eski sürümünün uyumluluğunu test edebiliriz.
  3. Hem Manuel hem de Otomasyon testini destekler.
  4. Şu anda piyasada bulunan tüm cihazları ve tarayıcıları test edebiliriz.
  5. Uygulamayı farklı çözünürlüklerde test edebiliriz.

BrowserStack Testinin Dezavantajları

  1. Yanıt süresi, yerel olarak yüklenmiş bir sanal makine kadar iyi değil.
  2. Tarayıcı Yığını açık kaynaklı değildir.
  3. Gerçek cihazlarda bulabildiğimiz bazı hatalar tanımlanamıyor.

Sonuç

BrowserStack kullanarak, herhangi bir sanal makine kurmanın bağımlılıkları olmadan tam test gerçekleştirebiliriz. Tarayıcı Yığını daha esnek ve test etmek için daha güvenilirdir ve gerçekten de para ve zaman tasarrufu sağlar.

Tüm cihazlar, işletim sistemleri, tarayıcılar ve hepsi farklı sürümleri olan tek bir büyük çatı gibidir. Bu nedenle, Browser Stack ile her türlü uygulamayı test edebiliriz.

Browser Stack, 200'den fazla tarayıcı ve 40'tan fazla mobil cihazda çalışabilir. Bir bulut hizmetinde testler çalıştırabilir. Açık kaynaklı bir platform değildir. Aldığınız plana ve çalıştırmak istediğiniz teste göre lisans satın almak için ödeme yapmanız gerekir.

BrowserStack'i henüz kullandınız mı? Değilse, bugün denemeye hazır mısınız?

Önerilen Kaynaklar

^