Ön Uç Testi nedir?
Ön Uç Testi , Grafik Kullanıcı Arayüzünün (GUI), web uygulamalarının veya bir yazılımın işlevselliği ve kullanılabilirliğinin test edildiği bir test tekniğidir. Ön uç testinin amacı, web uygulamalarının sunum katmanının veya bir yazılımın birbirini izleyen güncellemelerle hatasız olmasını sağlamak için genel işlevleri test etmektir.
Örneğin : Başvurunun ön yüzüne isminizi girerseniz, numara kabul edilmemelidir. Başka bir örnek, GUI öğelerinin hizalamasını kontrol etmek olabilir.
Bu Ön Uç testi dışında şunlar için yapılır:
- CSS Regresyon Testi: Ön uç düzenini bozan küçük CSS değişiklikleri
- Ön ucu işlevsiz kılan JS dosyalarında yapılan değişiklikler
- Performans Kontrolleri
Bu eğitimde öğreneceğiz,
- Ön Uç Testi Nedir?
- Bir Ön Uç Web Sitesi Test Planı Nasıl Oluşturulur?
- Neden Ön Uç Test Planı Oluşturulmalı?
- Daha İyi Ön Uç Testi İçin İpuçları
- Ön Uç Test Araçları
- Ön Uç Performans Optimizasyonu
- Ön Uç Performans Test Araçları
Bir Ön Uç Web Sitesi Test Planı Nasıl Oluşturulur?
Ön Uç test planı oluşturmak 4 adımlı basit bir süreçtir.
Adım 1) Test Planınızı Yönetmek için araçlar bulun
Adım 2) Ön Uç Testi için bütçeye karar verin
Adım 3) Tüm süreç için zaman çizelgesini ayarlayın
Adım 4) Projenin tüm kapsamına karar verin. Kapsam aşağıdaki öğeleri içerir
- Kullanıcılar tarafından kullanılan işletim sistemi ve tarayıcılar Hedef kitlenizin İSS planları
- Hedef kitle tarafından kullanılan popüler cihazlar
- Hedef kitlenizin yeterliliği
- İzleyicinin İnternet düzeltme hızı
Neden Ön Uç Test Planı Oluşturulmalı?
Bir Ön Uç Testi planı, aşağıdakileri belirlemenize yardımcı olur:
- Tarayıcılar
- İşletim sistemleri
Projenizin kapsaması gerekiyor. Ön ucunuzu test edebileceğiniz sayısız Tarayıcı ve işletim sistemi kombinasyonu vardır. Bir plana sahip olmak, test etme çabasını ve parayı azaltmanıza yardımcı olacaktır.
Ön uç testi oluşturarak, aşağıdaki avantajları elde edeceğinizi planlayın:
- Projenin kapsamı hakkında tam netlik elde etmenize yardımcı olur
- Ön uç testi yapmak, projenin dağıtımında da güven verir
Daha İyi Ön Uç Testi İçin İpuçları
Daha iyi bir ön uç test planı oluşturmak için izlemeniz gereken bazı önemli ipuçları şunlardır:
- Bütçenizi, kaynaklarınızı ve zamanınızı mantıklı bir şekilde hazırlayın.
- Başsız bir tarayıcı kullanın, böylece testler daha hızlı yürütülür.
- Daha hızlı yürütme için testlerde DOM oluşturma miktarını azaltın.
- Test durumlarını izole edin, böylece daha hızlı bir hata düzeltme döngüsü için hatanın temel nedeni hızla belirlenir
- Daha hızlı regresyon döngüleri için test komut dosyalarınızı yeniden kullanılabilir hale getirin.
- Test komut dosyalarınız için tutarlı adlandırma kuralı kullanmalısınız
Ön Uç Test Araçları
Yürütmek için, çeşitli işlevsellik türlerini yürütmek için bir dizi yararlı Ön Uç test aracı kullanılır. Bunlardan bazıları:
Çapraz Tarayıcı Test Aracı:
1. LambdaTest
Bir yılda 100.000'den fazla kullanıcıya yardımcı olan LambdaTest, en çok tercih edilen Çapraz Tarayıcı Test platformu oldu. Kullanıcılar, ölçeklenebilir, güvenli ve güvenilir bulut tabanlı Selenium ızgarasını kullanarak, test kapsamınızı en üst düzeye çıkarmak için 2000'den fazla gerçek tarayıcı ve tarayıcı sürümünün bir kombinasyonunu kullanarak otomatik web testi gerçekleştirebilir.
JS test aracı:
2. Yasemin
JavaScript kodunu test etmek için davranışa dayalı bir geliştirme çerçevesidir. Araç, teknik ayrıntılardan çok iş değerine odaklanır. Testleri kolayca yazmanıza yardımcı olan temiz bir sözdizimi vardır. Başka herhangi bir JavaScript çerçevesine bağlı değildir. JSSpec, ScrewUnit, JSpec ve RSpec gibi birim test çerçevelerinden büyük ölçüde etkilenir.
Fonksiyonel test aracı:
3. Selenyum
Selenium bir ön uç test aracıdır. Windows, Mac ve Linux gibi çeşitli tarayıcılar ve platformlarda uçtan uca testler gerçekleştirir. Java, PHP, C #, vb. Gibi farklı programlama dillerinde testler yazmanıza olanak tanır. Araç, Selenium IDE öğrenmeye gerek kalmadan testler yazmak için kayıt ve oynatma özellikleri sunar.
CSS aracı:
4. İğne
İğne, CSS'yi test etmek için bir Ön test aracıdır. Yazı tipi / CSS / resimler gibi görsel öğelerin, web sitenizin belirli bölümlerinin ekran görüntülerini alarak doğru şekilde oluşturulup oluşturulmadığını kontrol eder. Bundan sonra araç, bilinen bazı iyi ekran görüntüleriyle karşılaştırır. Ayrıca, test uzmanlarının CSS değerlerini ve HTML öğelerinin konumunu hesaplamasına da olanak tanır.
Herhangi bir ön uç test aracı için iki temel zorluğun farkında olmanız gerekir.
- Test Otomasyonu, ilk aşamada çok fazla çaba gerektirir. Bu nedenle daha fazla zamana ve çabaya ihtiyacı var.
- Test Araçlarının İşletim Sistemleri ve tarayıcılarla bazı uyumluluk sorunları olabilir.
Ön Uç Performans Optimizasyonu
Ön uç performans testi, "Sayfa ne kadar hızlı yükleniyor" u kontrol eder.
Tek bir kullanıcı için ön uç performansını optimize etmek, yüksek kullanıcı yüklerine sahip bir uygulamayı test etmeden önce iyi bir uygulamadır.
Ön Uç Performans Optimizasyonu Neden Önemlidir?
Daha önceki performans optimizasyonu, sunucu tarafını optimize etmek anlamına geliyordu. Bunun nedeni, web sitelerinin çoğunun çoğunlukla statik olması ve işlemlerin çoğunun sunucu tarafında yapılmasıdır.
Ancak Web 2.0 teknolojilerinin başlamasıyla birlikte web uygulamaları daha dinamik hale geliyor. Sonuç olarak, istemci tarafı kodu bir performans domuzuna dönüştü.
Ön Uç Performans Optimizasyonunun Faydası Nedir?
- Web sitesi testinde, sunucu darboğazlarından ayrı olarak, istemci tarafı performans sorunlarını bulmak, kullanıcı deneyimini kolayca etkilediğinden eşit derecede önemlidir.
- Arka uç performansını% 50 artırmak, uygulamanın genel performansını% 10 artıracaktır.
- Bununla birlikte, ön uç performansını% 50 artırmak, uygulamanın genel performansını% 40 artıracaktır.
- Üstelik, ön uç performans optimizasyonu, arka uç ile karşılaştırıldığında kolay ve düşük maliyetlidir.
Ön Uç Performans Test Araçları
Sayfa Hızı
Sayfa hızı, Google tarafından başlatılan açık kaynaklı bir performans testi eklentisidir. Araç, web sayfasını değerlendirir ve yükleme süresini en aza indirmek için öneriler sunar. Kullanıcılar Google arama motorunu kullanarak web sayfalarına eriştiklerinde web sayfasının daha hızlı alınmasını sağlar.
YSlow
YSlow, bir ön uç web performansı test aracıdır. JavaScript kullanılarak oluşturulan bileşenler dahil olmak üzere sayfadaki tüm bileşenleri inceleyerek web sayfası performansını analiz eder. Ayrıca sayfanın performansını ölçer ve kullanıcılara öneriler sunar.
Sonuç
- Ön Uç Testi, ön uç işlevselliğini, GUI'yi ve Kullanılabilirliği test ediyor veya doğruluyor.
- Ön uç testinin temel amacı, her kullanıcının hatalardan iyi korunmasını sağlamaktır.
- Bir ön uç test planı oluşturmak, projenizin kapsaması gereken cihazları, tarayıcıları ve sistemleri bilmenize yardımcı olur.
- Ayrıca, projenin kapsamı hakkında tam bir netlik elde etmenize yardımcı olur.
- Jasmine, Selenium, Browser, TestComplete, Needle, Frontend test aracı örneklerinden bazılarıdır.