Gelişmiş Angular Test Çerçevesi Eğitimi

Eğitim Hakkında

TestBed derinliğinden marble testing ve CI boru hattına kadar ileri test pratikleri

Gelişmiş Angular Test Çerçevesi Eğitimi, Angular uygulamalarında bakımı kolay bir test altyapısı kurmayı ileri düzeyde öğretir. Katılımcılar Jasmine ve Karma yapılandırmasını, TestBed ile bileşen kurulumunu ve taklit tekniklerini derinlemesine ele alır. Ardından component harness, fakeAsync, HttpTestingController ve RxJS marble testing ile zor senaryolar işlenir. Program Cypress veya Playwright ile uçtan uca test, kapsam, mutation testing ve sürekli entegrasyonla tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; kısa anlatımın ardından gerçek bir Angular uygulaması üzerinde birim, entegrasyon ve uçtan uca testler adım adım yazılır.

Seviye

Orta Seviye — Angular uygulamalarında ileri düzey test çerçevesi ve otomasyon kuran program

Öğrenme Metodu

Örnek bir Angular uygulaması dört gün boyunca test edilir; her modülde yeni bir test tekniği gerçek bileşenlere uygulanarak pekiştirilir.

Neden Bu Eğitim?

🎯Güvenilir test altyapısı

TestBed ve doğru taklit stratejileriyle kırılgan olmayan, hızlı çalışan ve bakımı kolay bir test tabanı kurmayı öğrenirsiniz.

🧩Zor senaryo ustalığı

fakeAsync, marble testing ve HttpTestingController ile asenkron ve reaktif kodu kararlı biçimde test etme becerisi kazanırsınız.

🚀Otomasyon ve CI

Uçtan uca testleri ve kapsam ölçümünü sürekli entegrasyon boru hattına bağlayarak testi geliştirme akışının parçası yaparsınız.

Anahtar Konular

angular test eğitimiangular unit testtestbed eğitimijasmine karma kursuangular e2e testcypress playwright eğitimirxjs marble testingangular test otomasyonumutation testingangular test kursu

“İyi test, hata bulduğu için değil; değişiklik yaparken güven verdiği için değerlidir. Kararlı bir süit refactoru korkusuz kılar.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak bilgi ve ortam

1

Angular deneyimi

Bileşen, servis, bağımlılık enjeksiyonu ve RxJS ile uygulama geliştirme deneyimi beklenir.

2

TypeScript bilgisi

Tip, arayüz ve generic gibi TypeScript yapılarını rahatça okuyup yazabilmek gerekir.

3

Temel test fikri

Birim testi ve beklenti kavramına temel aşinalık öğrenmeyi hızlandırır; derinlik eğitimde kazanılır.

4

Çalışma ortamı

Node.js, Angular CLI ve bir kod düzenleyici kurulu, proje çalıştırabilir bir 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ı Jasmine ve Karma yapılandırmasını kavrar, TestBed ile bileşen kurulumunu yönetir ve spy, stub ile sahte nesneler arasındaki farkı uygulamalı öğrenir.

Modül 1

Jasmine ile Test Yazımı

describe ve it ile test grubu ve senaryo kurma
expect ve matcher ile beklenti ifade etme
beforeEach ve afterEach ile ortam hazırlığı
Özel matcher ile okunabilir beklentiler yazma
Test adlandırma ve düzenleme disiplini
Kırılgan testlerin belirtileri ve nedenleri

Modül 2

Karma Yapılandırması

Karma yapılandırma dosyasının anlaşılması
Headless Chrome ile hızlı test çalıştırma
watch modu ile sürekli test geri bildirimi
Test raporlayıcı ve çıktı biçiminin ayarı
Karma ve modern test koşucularına bakış
Yavaş test süitlerini hızlandırma yolları

Modül 3

TestBed ile Bileşen Kurulumu

TestBed.configureTestingModule ile modül kurma
ComponentFixture ile bileşen örneği oluşturma
detectChanges ile değişiklik algılama tetikleme
DebugElement ve nativeElement ile DOM erişimi
Sağlayıcı geçersiz kılma ile bağımlılık yönetimi
Standalone bileşenlerin test ortamında kurulumu

Modül 4

Spy, Stub ve Taklit

jasmine.createSpy ile fonksiyon casusu oluşturma
spyOn ile var olan metodu izleme ve değiştirme
createSpyObj ile sahte servis nesnesi üretme
returnValue ve callFake ile dönüş kontrolü
Çağrı sayısı ve argümanlarının doğrulanması
Gerçek bağımlılık yerine taklit seçme ölçütü

Günün hedefiKatılımcı bileşenleri Component Harness ile kararlı biçimde test eder, DOM etkileşimini doğrular, change detection akışını yönetir ve fakeAsync ile zamanı kontrol eder.

Modül 1

Component Harness Kullanımı

Angular CDK Component Harness mantığı
Harness ile kırılgan DOM seçicilerinden kurtulma
Material bileşenleri için hazır harness kullanımı
Özel bileşene harness yazma yaklaşımı
HarnessLoader ile bileşene erişim
Harness ile testin bakımının kolaylaşması

Modül 2

DOM Etkileşimi Testleri

Tıklama ve girdi olaylarının tetiklenmesi
Şablona bağlı metnin ve özniteliğin doğrulanması
Koşullu gösterim ve liste çıktısının test edilmesi
Olay yayımının üst bileşene iletildiğinin kontrolü
Form girdilerinin ve geçerliliğin doğrulanması
Erişilebilirlik özniteliklerinin test edilmesi

Modül 3

Change Detection Yönetimi

Değişiklik algılamanın test akışındaki rolü
OnPush bileşenlerin test edilmesindeki incelik
detectChanges çağrısının ne zaman gerektiği
Input değişiminin şablona yansımasının testi
Signal tabanlı durumun test ortamında izlenmesi
Gereksiz algılamanın performansa etkisi

Modül 4

fakeAsync ve Zaman Kontrolü

fakeAsync ile asenkron testte zamanı dondurma
tick ile zamanlayıcıları ileri sarma
flush ile bekleyen görevleri boşaltma
setTimeout ve debounce senaryolarının testi
waitForAsync ile gerçek asenkron bekleme
fakeAsync ve async arasındaki seçim ölçütü

Günün hedefiKatılımcı servisleri izole test eder, HTTP isteklerini HttpTestingController ile doğrular, RxJS akışlarını marble testing ile sınar ve durum yönetimini test eder.

Modül 1

Servis Birim Testleri

Servisin bağımlılıklarından izole test edilmesi
Sahte bağımlılıkla iş mantığının doğrulanması
Saf fonksiyon ve yardımcıların test edilmesi
Hata yollarının ve sınır durumların kapsanması
Enjekte edilen değerlerin test ortamında verilmesi
Servis durumunun testler arasında izolasyonu

Modül 2

HTTP İsteği Testleri

HttpClientTestingModule ile HTTP testinin kurulumu
HttpTestingController ile isteğin yakalanması
expectOne ile beklenen isteğin doğrulanması
flush ile sahte yanıt döndürme
Hata yanıtı ve durum kodu senaryolarının testi
verify ile bekleyen istek kalmadığının kontrolü

Modül 3

RxJS Marble Testing

TestScheduler ile sanal zaman kurulumu
cold ve hot marble ile akış tanımlama
expectObservable ile beklenen yayının doğrulanması
Operatör zincirinin zamanlamasının test edilmesi
Hata ve tamamlanma işaretlerinin doğrulanması
debounce ve switchMap akışlarının sınanması

Modül 4

Durum Yönetimi Testleri

BehaviorSubject tabanlı deponun test edilmesi
Seçicilerin doğru dilim döndürmesinin kontrolü
NgRx reducer saflığının test edilmesi
Effect akışlarının marble ile doğrulanması
Eylem sonrası durum değişiminin sınanması
Durum testlerinin bileşenden ayrı tutulması

Günün hedefiKatılımcı Cypress veya Playwright ile uçtan uca test yazar, kod kapsamını ölçer, mutation testing ile test kalitesini sınar ve testleri CI boru hattına bağlar.

Modül 1

Uçtan Uca Test Otomasyonu

Cypress veya Playwright kurulumu ve yapısı
Kullanıcı akışının baştan sona senaryolaştırılması
Seçici stratejisi ve kararlı eleman bulma
Ağ isteklerinin taklit edilmesi ve beklenmesi
Oturum ve kimlik doğrulama akışının testi
Ekran görüntüsü ve kayıt ile hata ayıklama

Modül 2

Kod Kapsamı Ölçümü

Karma ile kapsam raporu üretme yapılandırması
Satır, dal ve fonksiyon kapsamının okunması
Kapsam eşiğinin proje için belirlenmesi
Kapsamın yanıltıcı olabileceği durumlar
Test edilmeyen kritik yolların tespiti
Kapsamı niceliğe değil niteliğe yöneltme

Modül 3

Mutation Testing

Mutation testing ile test kalitesini ölçme fikri
Stryker ile Angular projesinde mutant üretme
Hayatta kalan mutantların yorumlanması
Zayıf beklentilerin mutantlarla ortaya çıkması
Mutation skorunun kapsamdan farkı
Kritik modüllerde seçici mutation uygulaması

Modül 4

Sürekli Entegrasyon

Testlerin CI boru hattında otomatik koşması
Headless tarayıcıyla CI ortamında test çalıştırma
Test başarısızlığında yapıyı durdurma kuralı
Paralel çalıştırma ile test süresini kısaltma
Kapsam ve rapor çıktılarının CI'da yayımı
Test stratejisinin geliştirme akışına yerleşmesi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

TestBed ustalığı

TestBed ile bileşen ve servisleri doğru biçimde kurar, sağlayıcıları geçersiz kılarak izole testler yazabilirsiniz.

✅

Etkin taklit

Spy, stub ve sahte nesneleri yerinde kullanarak bağımlılıkları kontrol eder ve kırılgan olmayan testler kurarsınız.

✅

Harness ile kararlılık

Component Harness ile DOM seçicilerine bağımlı olmayan, yeniden düzenlemeye dayanıklı bileşen testleri yazarsınız.

✅

Asenkron kontrolü

fakeAsync, tick ve flush ile zamanlayıcı ve debounce içeren asenkron kodu kararlı biçimde test edebilirsiniz.

✅

HTTP testi

HttpTestingController ile istekleri yakalar, sahte yanıt döndürür ve hata senaryolarını güvenle doğrularsınız.

✅

Marble testing

TestScheduler ve marble gösterimiyle RxJS akışlarının zamanlamasını ve davranışını hassas biçimde sınarsınız.

✅

Uçtan uca otomasyon

Cypress veya Playwright ile gerçek kullanıcı akışlarını otomatikleştirip ağ ve oturum senaryolarını test edersiniz.

✅

Kalite ve CI

Kod kapsamı ve mutation testing ile test kalitesini ölçer, testleri sürekli entegrasyon boru hattına bağlarsınız.

Kimler İçin Uygundur?

Angular ile uygulama geliştiren ve test kapsamını güvenilir biçimde artırmak isteyen geliştiriciler
test altyapısını kuran kıdemli yazılımcılar
sürekli entegrasyonda testi otomatikleştirmek isteyen ekip liderleri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Angular ile uygulama geliştiren ve test kapsamını güvenilir biçimde artırmak isteyen geliştiriciler için uygundur. Test altyapısını kuran kıdemli yazılımcılar ve testi sürekli entegrasyonda otomatikleştirmek isteyen ekip liderleri de hedef kitledir. Angular ve RxJS deneyimi 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. Örnek bir Angular uygulaması dört gün boyunca birim, entegrasyon ve uçtan uca testlerle kapsanır. Yüz yüze veya online yapılabilir ve kurumun ihtiyacına göre içerik uyarlanabilir.

Hangi test araçları kullanılıyor?

Birim ve entegrasyon testleri için Jasmine, Karma ve Angular TestBed kullanılır. Reaktif akışlar için RxJS TestScheduler ile marble testing, uçtan uca testler için Cypress veya Playwright işlenir. Test kalitesi ölçümünde Stryker ile mutation testing örneklenir.

Temel Angular testi bilmiyorum, zorlanır mıyım?

Eğitim test altyapısını temelden kurduğu için ileri test deneyimi gerekmez; ancak Angular ile uygulama geliştirme deneyimi beklenir. Bileşen, servis, bağımlılık enjeksiyonu ve RxJS kavramlarına aşina katılımcılar içeriği rahat takip eder.

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 uygulanan test senaryolarını belgeler; kurumsal gruplara özel uyarlama 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

GELİŞMİŞ ANGULAR TEST ÇERÇEVESİ EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

Jasmine ile Test Yazımı

Karma Yapılandırması

TestBed ile Bileşen Kurulumu

Spy, Stub ve Taklit

Component Harness Kullanımı

DOM Etkileşimi Testleri

Change Detection Yönetimi

fakeAsync ve Zaman Kontrolü

Servis Birim Testleri

HTTP İsteği Testleri

RxJS Marble Testing

Durum Yönetimi Testleri

Uçtan Uca Test Otomasyonu

Kod Kapsamı Ölçümü

Mutation Testing

Sürekli Entegrasyon

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Angular : Services & Dependency Injection Eğitimi

Angular : Working With Angular Modules Eğitimi

Angular : Working with Components Eğitimi

Angular : Working With Forms Eğitimi

Angular : Working With Nested Components Eğitimi

Angular and New Features Eğitimi