SELENIUM DEEP DIVE: TESTING SINGLE-PAGE APPLICATIONS EĞİTİMİ

React ve Angular dünyasında kararlı testler yazın

AJAX bekleme, client-side routing ve dinamik DOM ile modern SPA'ları Selenium ile test edin

Selenium Deep Dive: Testing Single-page Applications Eğitimi, React, Angular ve Vue gibi tek sayfa uygulamalarını Selenium ile güvenilir test etmenin özgün zorluklarına odaklanır.

4 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

SPA mimarisinden AJAX senkronizasyonuna, client-side routing'ten dinamik DOM ve state yönetimine

Selenium Deep Dive: Testing Single-page Applications Eğitimi, React, Angular ve Vue gibi tek sayfa uygulamalarını Selenium ile güvenilir biçimde test etmenin özgün zorluklarına odaklanır. Katılımcılar SPA mimarisini, sayfa yenilenmeden değişen DOM'u, AJAX ve fetch isteklerinin senkronizasyonunu, client-side routing testini, dinamik ve koşullu render'ı, lazy loading ve sonsuz kaydırmayı, state tabanlı doğrulamayı ve JavascriptExecutor ile derin erişimi uygulamalı olarak işler.

Süre ve Format

4 Gün. Her gün dört modül; SPA'ya özgü zorluklar anlatıldıktan sonra gerçekçi bir modern uygulamada Selenium ile çözüldüğü uygulamalı atölyelerle ilerler.

Seviye

Orta Seviye — React, Angular ve Vue uygulamalarını test eden Selenium kullanıcıları için SPA odaklı

Öğrenme Metodu

Gerçekçi bir SPA üzerinde çalışılır; AJAX bekleme, routing ve dinamik DOM senaryoları yazılıp kararsızlık kaynakları canlı çözülür.

Neden Bu Eğitim?

⚛️SPA'ya özgü yaklaşım

React, Angular ve Vue'nun sayfa yenilemeden çalışan yapısına uygun test stratejileriyle klasik yöntemlerin tuzaklarından kaçınırsınız.

🔄AJAX senkronizasyonu

Arka plan isteklerinin bitişini doğru bekleyerek dinamik içerik yüklenmeden element arayan kararsız testleri ortadan kaldırırsınız.

🧩Dinamik DOM hakimiyeti

Sürekli yeniden oluşan sanal DOM ve koşullu render karşısında kararlı locator ve bekleme stratejileriyle güvenle çalışırsınız.

Anahtar Konular

spa test eğitimiselenium react testiselenium angular testiajax bekleme seleniumclient side routing testidinamik dom testisingle page application testselenium cdptest otomasyonu eğitimiselenium ileri eğitim
“Modern uygulama artık sayfa değil, sürekli değişen bir arayüz akışıdır. SPA'yı test etmek, o akışı doğru anda doğru koşulla yakalamayı öğrenmektir.”

Ön Koşullar

Programdan verim almak için gereken Selenium bilgisi ve ortam

1
Selenium deneyimi

WebDriver ile element bulma, etkileşim ve temel bekleme konusunda deneyim gerekir.

2
Wait bilgisi

WebDriverWait ve ExpectedConditions ile explicit bekleme konusunda temel aşinalık beklenir.

3
Web temelleri

HTML, DOM ve temel JavaScript ile AJAX kavramına temel düzeyde aşinalık gereklidir.

4
Çalışan ortam

JDK, bir IDE ve güncel tarayıcı sürücüsü kurulu çalışan geliştirme ortamı gereklidir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı SPA mimarisini ve sunucu taraflı sayfalardan farkını kavrar, sanal DOM'un locator'lara etkisini anlar ve klasik Selenium yaklaşımının neden kararsız kaldığını görür.
Modül 1
SPA Mimarisinin Temeli
  • Tek sayfa uygulamasının sunucu taraflıdan farkı
  • İlk yükleme sonrası sayfanın yenilenmemesi
  • JavaScript ile içeriğin istemcide oluşturulması
  • React, Angular ve Vue yaklaşımlarının genel bakışı
  • İçeriğin API'den asenkron çekilmesi
  • SPA'nın test otomasyonuna getirdiği yeni zorluklar
Modül 2
Sanal DOM ve Render
  • Sanal DOM ile gerçek DOM arasındaki ilişki
  • Bileşen yeniden render'ında DOM'un değişmesi
  • Otomatik üretilen class adlarının kırılganlığı
  • data-testid gibi kararlı seçicilerin tercih edilmesi
  • Koşullu render ile elementin DOM'da olmaması
  • Render zamanlamasının locator'a etkisinin kavranması
Modül 3
Klasik Yöntemin Tuzakları
  • Sayfa yüklendi varsayımının SPA'da geçersizliği
  • Thread.sleep ile sabit beklemenin yetersizliği
  • Element bulundu ama henüz hazır değil durumu
  • Implicit wait'in asenkron içerikte yanıltıcılığı
  • StaleElement hatasının SPA'da sıklaşması
  • Kararsızlığın kök nedeninin doğru teşhisi
Modül 4
SPA Test Ortamı Hazırlığı
  • Gerçekçi bir SPA demo uygulamasının tanıtımı
  • Geliştirici araçlarıyla ağ ve bileşen incelemesi
  • Kararlı seçici bulma için DOM'un analizi
  • Explicit wait'in çerçevede merkezi kurulumu
  • Test verisi ve API uç noktalarının gözden geçirilmesi
  • SPA'ya uygun Page Object yaklaşımının planı
Günün hedefiKatılımcı AJAX ve fetch isteklerinin bitişini doğru bekler, yükleniyor göstergelerinin kaybolmasını izler ve içeriğin API yanıtıyla tutarlılığını doğrular.
Modül 1
Asenkron İstek Bekleme
  • visibilityOfElementLocated ile gelen içeriği bekleme
  • invisibilityOf ile yükleniyor spinner'ının kaybı
  • Boş listeden dolu listeye geçişin beklenmesi
  • Element sayısının beklenen değere ulaşmasını bekleme
  • textToBePresent ile dinamik metnin gelmesi
  • Sabit bekleme yerine duruma dayalı koşul kullanımı
Modül 2
JavaScript ile İstek Durumu
  • JavascriptExecutor ile document.readyState kontrolü
  • jQuery.active ile aktif AJAX isteği sayısı
  • fetch tabanlı uygulamalarda özel bekleme ihtiyacı
  • window performans girdileriyle istek bitişi
  • Uygulamaya özel global durum bayrağının beklenmesi
  • Özel ExpectedCondition ile istek bitişini sarma
Modül 3
Yükleniyor ve İskelet Durumları
  • Skeleton placeholder'ın gerçek içerikle değişimi
  • Spinner görünüp kaybolma akışının doğrulanması
  • Hata ve boş durum ekranlarının test edilmesi
  • Zaman aşımı mesajlarının senaryoya dahil edilmesi
  • Optimistic UI güncellemelerinin doğrulanması
  • Yükleme durumları arasında kararlı bekleme
Modül 4
API ve Arayüz Tutarlılığı
  • Ağ sekmesinden API yanıtının incelenmesi
  • Arayüzdeki verinin API yanıtıyla karşılaştırılması
  • DevTools ağ loglarıyla başarısız isteğin saptanması
  • Selenium 4 CDP ile ağ isteklerinin izlenmesi
  • Yavaş API'nin test kararlılığına etkisinin yönetimi
  • Arayüz testinin API testiyle sınırının çizilmesi
Günün hedefiKatılımcı sayfa yenilemeden değişen client-side routing'i test eder, koşullu render ve dinamik listelerle çalışır, lazy loading ve sonsuz kaydırmayı doğrular.
Modül 1
Client-side Routing Testi
  • Menü tıklamasıyla sayfa yenilenmeden içerik değişimi
  • URL'nin history API ile güncellenmesinin doğrulanması
  • urlContains ile route değişiminin beklenmesi
  • Doğrudan derin bağlantıyla route açma testi
  • Tarayıcı geri tuşuyla route geçmişinin denetimi
  • Route değişiminde yeni bileşenin render beklenmesi
Modül 2
Koşullu ve Dinamik Render
  • Koşula göre DOM'a eklenen elementin beklenmesi
  • Sekme değişiminde içeriğin yeniden oluşması
  • Modal ve açılır panelin dinamik görünürlüğü
  • Liste öğelerinin ekleme ve silmede güncellenmesi
  • presenceOf ile DOM'da varlık, visibility ile görünürlük
  • Elementin kaldırılmasının doğrulanması
Modül 3
Lazy Load ve Sonsuz Kaydırma
  • Kaydırmayla yeni içerik yüklenmesinin tetiklenmesi
  • JavascriptExecutor ile sayfanın aşağı kaydırılması
  • Yeni öğe sayısının artışının beklenmesi
  • Lazy yüklenen görsellerin görünürlük doğrulaması
  • Sonsuz kaydırmada yükleme bitişinin saptanması
  • scrollIntoView ile hedef öğenin görünür alana alınması
Modül 4
State ve Kalıcılık Doğrulama
  • Route geçişinde form durumunun korunması testi
  • localStorage ve sessionStorage değerinin okunması
  • Yenileme sonrası uygulama durumunun doğrulanması
  • Global state değişiminin arayüze yansıması
  • Bildirim ve toast mesajlarının geçici görünümü
  • Oturum durumunun sayfalar arası tutarlılığı
Günün hedefiKatılımcı SPA'ya uygun Page Object kurar, JavascriptExecutor ve Selenium 4 CDP ile ileri senaryoları çözer ve kararlı, bakımı kolay bir SPA test çerçevesi ilkelerini uygular.
Modül 1
SPA'ya Uygun Page Object
  • Bileşen bazlı sayfa sınıflarının tasarlanması
  • data-testid tabanlı kararlı locator stratejisi
  • Bekleme mantığının sayfa metotlarına gömülmesi
  • Ortak bileşenler için yeniden kullanılabilir yapı
  • Render bitişini doğrulayan sayfa hazır metotları
  • Locator değişiminin tek noktadan yönetimi
Modül 2
JavascriptExecutor ile İleri Erişim
  • executeScript ile görünmez elemente tıklama
  • Değer atamanın input event ile tetiklenmesi
  • Gölge bileşen ve özel elementlere JS ile erişim
  • Scroll ve odak işlemlerinin script ile yapılması
  • React controlled input'a değer yazma tuzağı
  • JS erişiminin yalnızca gerektiğinde kullanımı
Modül 3
Selenium 4 CDP ile Ağ Kontrolü
  • Chrome DevTools Protocol'e Selenium 4 erişimi
  • Ağ isteklerinin loglanıp incelenmesi
  • Yavaş ağ koşulunun emülasyonla test edilmesi
  • API yanıtının mock ile taklit edilmesi
  • Konsol hatalarının test sırasında yakalanması
  • CDP ile coğrafi konum ve cihaz emülasyonu
Modül 4
Kararlılık ve Sürdürülebilirlik
  • Her etkileşim öncesi koşula dayalı bekleme ilkesi
  • Kırılgan class seçicilerinden kaçınma kuralı
  • Retry yerine kök neden odaklı kararlılık
  • Testlerin birbirinden bağımsız tasarlanması
  • CI üzerinde SPA testlerinin güvenilir koşumu
  • Çerçeve bakım ilkelerinin ekiple paylaşılması

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
SPA mimarisi kavrayışı

React, Angular ve Vue uygulamalarının sayfa yenilemeden çalışan yapısını ve bunun teste getirdiği zorlukları kavrarsınız.

✅
Kararlı locator seçimi

Sanal DOM'da otomatik üretilen class'lar yerine data-testid gibi kararlı seçicilerle kırılgan olmayan testler yazarsınız.

✅
AJAX senkronizasyonu

Asenkron istek ve spinner bitişini duruma dayalı beklemelerle izleyerek dinamik içerikte kararsızlığı ortadan kaldırırsınız.

✅
Routing testi

Sayfa yenilemeden değişen client-side routing'i URL ve render beklemesiyle güvenilir biçimde doğrularsınız.

✅
Dinamik DOM yönetimi

Koşullu render, lazy loading ve sonsuz kaydırma karşısında doğru bekleme ve kaydırma teknikleriyle çalışırsınız.

✅
State doğrulama

localStorage, sessionStorage ve global state değişimlerini okuyarak uygulama durumunun tutarlılığını doğrularsınız.

✅
İleri JS ve CDP

JavascriptExecutor ve Selenium 4 CDP ile ağ izleme, mock ve controlled input gibi ileri SPA senaryolarını çözersiniz.

✅
Kararlı çerçeve

SPA'ya uygun Page Object ve kararlılık ilkeleriyle CI üzerinde güvenilir koşan, bakımı kolay bir test çerçevesi kurarsınız.

Kimler İçin Uygundur?

  • Selenium ile test yazan
  • ancak React
  • Angular veya Vue tabanlı tek sayfa uygulamalarında kararsız testler
  • zamanlama sorunları yaşayan test otomasyon mühendisleri ve QA uzmanları için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Selenium ile test yazan, ancak React, Angular veya Vue tabanlı tek sayfa uygulamalarında kararsız testler ve zamanlama sorunları yaşayan test otomasyon mühendisleri ve QA uzmanları için uygundur. Temel Selenium ve explicit wait bilgisi beklenir.
Eğitimin süresi ve formatı nedir?
Eğitim dört gün sürer ve her gün dört modülden oluşur. SPA'ya özgü zorluklar anlatıldıktan sonra gerçekçi bir modern uygulamada Selenium ile çözüldüğü uygulamalı atölyelerle ilerler. Yüz yüze veya online yapılabilir ve kurumun uygulamasına uyarlanabilir.
Bu eğitim diğer Selenium Deep Dive programlarından nasıl ayrılır?
Bu program genel senkronizasyon veya bileşen tekniklerinden farklı olarak, yalnızca tek sayfa uygulamalarının özgün zorluklarına odaklanır. Sanal DOM, client-side routing, AJAX senkronizasyonu ve state doğrulama gibi SPA'ya özel konuları derinlemesine işler.
React, Angular ve Vue için ayrı mı anlatılıyor?
Eğitim çerçeveden bağımsız ortak zorluklara ve çözümlere odaklanır; çünkü sanal DOM, asenkron render ve client-side routing üçünde de ortaktır. Örnekler gerçekçi bir SPA üzerinden verilir ve teknikler her üç çerçeveye uyarlanabilir biçimde gösterilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve uygulamalı SPA test atölyelerini belgeler; kurumsal gruplara özel senaryo uyarlaması yapılabilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Selenium Deep Dive: Testing Single-page Applications Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre4 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

Test OtomasyonuSelenium Deep Dive: Managing Synchronization & Page Navigation Eğitimi
Yazılım Testi ve Kalite Eğitimleri

Selenium Deep Dive: Managing Synchronization & Page Navigation Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Selenium senkronizasyon eğitimi: implicit, explicit ve fluent wait, ExpectedConditions, navigate, çerez ve StaleElement çözümü. Flaky testleri bitirin.

Detayları Gör →
Test OtomasyonuSelenium Deep Dive: Setting Up Selenium for Automated Testing Eğitimi
Yazılım Testi ve Kalite Eğitimleri

Selenium Deep Dive: Setting Up Selenium for Automated Testing Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Selenium ortam kurulumu eğitimi: JDK, Maven, WebDriver, Selenium Manager, locator'lar, proje yapısı ve Grid. Otomasyona sağlam temelle başlayın.

Detayları Gör →
Test OtomasyonuSelenium Deep Dive: Test Enhancement Using BrowserStack Eğitimi
Yazılım Testi ve Kalite Eğitimleri

Selenium Deep Dive: Test Enhancement Using BrowserStack Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Selenium ile BrowserStack bulut testi eğitimi: RemoteWebDriver, capabilities, paralel koşum, Local tünel, gerçek cihaz ve CI. Çapraz tarayıcıyı ölçekleyin.

Detayları Gör →
Test OtomasyonuSelenium Deep Dive: Use Cases for Web App Component Automated Testing Eğitimi
Yazılım Testi ve Kalite Eğitimleri

Selenium Deep Dive: Use Cases for Web App Component Automated Testing Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Form, tablo, modal, takvim, dropdown, sürükle-bırak ve shadow DOM gibi web bileşenlerinin Selenium ile otomatik testini vaka vaka öğreten uygulamalı eğitim.

Detayları Gör →
Test OtomasyonuSelenium Deep Dive: Working with Selenium Grid & Patterns Eğitimi
Yazılım Testi ve Kalite Eğitimleri

Selenium Deep Dive: Working with Selenium Grid & Patterns Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Selenium Grid 4, hub-node mimarisi, Docker ile dağıtık paralel koşum ve Page Object, Factory, Singleton tasarım desenleriyle framework kurma eğitimi.

Detayları Gör →
Test OtomasyonuSelenium Deep Dive: Working with Selenium IDE Eğitimi
Yazılım Testi ve Kalite Eğitimleri

Selenium Deep Dive: Working with Selenium IDE Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Selenium IDE ile kayıt-oynatma, Selenese komutları, kontrol akışı, değişkenler ve side-runner ile komut satırı koşumunu öğreten kodsuz otomasyon eğitimi.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn