Comprehensive Testing Angular Eğitimi

Eğitim Hakkında

Bileşen, servis ve HTTP testinden E2E ve kapsam raporuna kadar Angular test disiplini

Comprehensive Testing Angular Eğitimi, bir Angular uygulamasını baştan sona test etmeyi öğretir. Katılımcılar Jasmine ile test yazımını, Karma ile çalıştırmayı ve TestBed ile bileşen kurmayı öğrenir. Servisleri, HttpClient çağrılarını HttpTestingController ile, zamanlayıcı ve gözlemlenebilir akışları fakeAsync ve tick ile test etmeyi uygular. Directive ve pipe testi, spy ile bağımlılık sahteleme, kod kapsamı ölçümü ve Cypress ile uçtan uca test konularıyla program tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; kısa anlatımın ardından gerçek bir uygulamaya birim, entegrasyon ve E2E testler adım adım yazılarak uygulamalı pekiştirilir.

Seviye

Orta Seviye — Angular uygulamalarını birim, entegrasyon ve uçtan uca testlerle güvence altına alan program

Öğrenme Metodu

Örnek bir uygulama üç gün boyunca test altına alınır; her modülde bileşen, servis veya akış için gerçek test senaryoları yazılır.

Neden Bu Eğitim?

🎯Güvenle değişiklik

Kapsamlı testler sayesinde kodu yeniden düzenlerken veya özellik eklerken mevcut davranışın bozulmadığından emin olursunuz.

🧪Gerçek test yığını

Jasmine, Karma, TestBed ve Cypress gibi Angular dünyasının standart araçlarını doğrudan gerçek senaryolarla kullanırsınız.

🚀Hızlı geri bildirim

Otomatik testler hataları daha derleme aşamasında yakalayarak sürüm döngüsünü kısaltır ve üretim risklerini düşürür.

Anahtar Konular

angular test eğitimiangular unit testjasmine karma eğitimiangular testbedcypress e2e testangular test otomasyonuhttptestingcontrollerfakeasync tickangular test kursuön yüz test eğitimi

“Test edilmemiş kod, her değişiklikte yeniden doğrulanması gereken bir risktir; iyi testler değişimi korkudan çıkarıp güvene dönüştürür.”

Ön Koşullar

Eğitimden en iyi verimi almak için faydalı olacak hazırlık ve bilgiler

1

Angular temeli

Bileşen, servis, bağımlılık enjeksiyonu ve şablon söz dizimi gibi temel Angular kavramlarına aşinalık gerekir.

2

TypeScript bilgisi

Sınıf, arayüz, tip ve async yapılarla rahat olmak test kodunu okumayı ve yazmayı kolaylaştırır.

3

Node ve Angular CLI

Node.js ve Angular CLI'nin kurulu, ng test komutunu çalıştırabilir durumda olması gerekir.

4

RxJS'e aşinalık

Observable, subscribe ve temel operatörleri tanımak akış testlerini anlamayı hızlandırır.

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 söz dizimini öğrenir, Karma ile testleri çalıştırır, TestBed ile bileşen kurar ve DOM üzerinden ilk doğrulamaları yaparak test disiplinine başlar.

Modül 1

Jasmine ile Test Yazımı

describe, it ve beforeEach ile test yapısı kurma
expect ve toBe, toEqual gibi matcher kullanımı
Düzenle-uygula-doğrula akışıyla test tasarımı
Gruplama ve test adlandırmada okunabilirlik
fail ve pending ile test durumlarını yönetme
Saf fonksiyonlar için ilk birim testlerini yazma

Modül 2

Karma ve ng test Yapılandırması

ng test komutuyla Karma'yı tarayıcıda çalıştırma
karma.conf dosyasında tarayıcı ve raporlayıcı ayarı
Headless Chrome ile CI ortamında test koşturma
Watch modu ile değişimde otomatik yeniden çalışma
Test dosyalarının spec.ts kuralıyla keşfedilmesi
Başarısız testlerin konsol çıktısını yorumlama

Modül 3

TestBed ile Bileşen Kurulumu

TestBed.configureTestingModule ile modül tanımı
createComponent ile ComponentFixture oluşturma
detectChanges ile değişiklik algılamayı tetikleme
componentInstance üzerinden alanlara erişim
nativeElement ve debugElement farkının kavranması
Bileşen bağımlılıklarının test modülüne tanımı

Modül 4

Şablon ve DOM Doğrulama

By.css ile şablon içindeki öğeleri seçme
textContent ile oluşturulan metni doğrulama
triggerEventHandler ile tıklama olayı tetikleme
Girdi değişiminde arayüzün güncellenmesini test
@Input değeri atayıp çıktıyı doğrulama
ngIf ve ngFor ile koşullu içeriğin test edilmesi

Günün hedefiKatılımcı servisleri yalıtarak test eder, spy ile bağımlılıkları sahteler, HttpClient çağrılarını HttpTestingController ile doğrular ve eşzamansız kodu fakeAsync ile dener.

Modül 1

Servis Testi ve Bağımlılık Sahteleme

Servisi TestBed ile inject ederek yalıtma
jasmine.createSpyObj ile sahte bağımlılık üretme
spyOn ile mevcut metodu izleme ve değiştirme
and.returnValue ile sahte dönüş değeri verme
toHaveBeenCalledWith ile çağrı argümanını doğrulama
Saf iş mantığını dış bağımlılıktan ayırarak test

Modül 2

HttpClient Testi

HttpClientTestingModule ile test modülü kurma
HttpTestingController ile isteği yakalama
expectOne ile beklenen çağrının doğrulanması
flush ile sahte yanıt gövdesi döndürme
error ile HTTP hata durumunu benzetme
verify ile bekleyen istek kalmadığını denetleme

Modül 3

Eşzamansız Kod Testi

async ve await ile Promise tabanlı test
fakeAsync bölgesinde sanal zaman kullanımı
tick ile zamanlayıcı ve gecikmeyi ilerletme
flushMicrotasks ile mikro görevleri boşaltma
whenStable ile kararlı duruma bekleme
setTimeout ve debounce içeren kodun test edilmesi

Modül 4

Observable ve RxJS Testi

subscribe içinde beklenen değeri doğrulama
done geri çağrısı ile asenkron testi kapatma
of ve throwError ile sahte akış üretme
Marble test söz dizimine giriş ve TestScheduler
BehaviorSubject tabanlı servis durumunu test
Akış tamamlanma ve hata yollarının doğrulanması

Günün hedefiKatılımcı directive ve pipe testi yazar, kod kapsamını ölçüp yorumlar, Cypress ile uçtan uca senaryolar kurar ve testleri CI hattına taşımayı öğrenir.

Modül 1

Directive ve Pipe Testi

Pipe örneğini doğrudan oluşturup transform testi
Parametreli pipe çıktısının farklı girdilerle testi
Attribute directive için ana bileşen barındırma
HostListener ile tetiklenen davranışın doğrulanması
Renderer2 ile yapılan DOM değişiminin denetimi
Structural directive çıktısının test edilmesi

Modül 2

Kod Kapsamı ve Kalite

ng test --code-coverage ile kapsam raporu üretme
Istanbul çıktısında satır ve dal kapsamını okuma
Kapsanmayan kritik yolların tespit edilmesi
Eşik belirleyerek düşük kapsamı engelleme
Anlamlı kapsam ile yanıltıcı yüksek oran ayrımı
Test edilebilir kod için tasarım ipuçları

Modül 3

Cypress ile E2E Testi

Cypress kurulumu ve test klasörü yapısı
cy.visit ile uygulamayı tarayıcıda açma
cy.get ve komut zinciriyle öğe seçme
type, click ile kullanıcı etkileşimini benzetme
should ile görünür durum ve metin doğrulama
cy.intercept ile ağ isteğini durdurup sahteleme

Modül 4

CI Entegrasyonu ve Test Stratejisi

Testlerin headless modda pipeline'da koşturulması
Birim, entegrasyon ve E2E testlerin dengelenmesi
Test piramidi ile kapsamın doğru dağıtılması
Kırılgan testlerin nedenleri ve önlenmesi
Sürüm öncesi test geçiş kapısı tanımlama
Hata bulunduğunda regresyon testi ekleme alışkanlığı

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Jasmine ile test yazma

Jasmine söz dizimiyle okunabilir birim testleri tasarlar, matcher'ları etkin kullanarak davranışı net biçimde doğrularsınız.

✅

TestBed ile bileşen testi

TestBed ve ComponentFixture ile bileşenleri kurar, DOM ve girdi-çıktı davranışını güvenle test edebilirsiniz.

✅

Bağımlılık sahteleme

Spy ve sahte nesnelerle bağımlılıkları yalıtır, servis iş mantığını dış etkilerden bağımsız olarak doğrularsınız.

✅

HTTP testi

HttpTestingController ile API çağrılarını gerçek istek atmadan yakalar, yanıt ve hata senaryolarını test edersiniz.

✅

Eşzamansız test

fakeAsync, tick ve whenStable ile zamanlayıcı ve gözlemlenebilir akış içeren kodu kararlı biçimde test edebilirsiniz.

✅

Directive ve pipe testi

Custom directive ve pipe'ları yalıtarak test eder, dönüşüm ve DOM davranışlarını doğru kurgularla doğrularsınız.

✅

E2E otomasyon

Cypress ile gerçek kullanıcı akışlarını uçtan uca otomatikleştirir, ağ isteklerini durdurarak kararlı senaryolar kurarsınız.

✅

Kapsam ve CI

Kod kapsamını ölçüp yorumlar, test piramidine uygun strateji kurar ve testleri sürekli entegrasyon hattına taşırsınız.

Kimler İçin Uygundur?

Angular ile uygulama geliştiren ve kodunu güvenilir testlerle doğrulamak isteyen ön yüz geliştiricileri
test otomasyonu kurmak isteyen ekipler
test yetkinliğini artırmak isteyen yazılım öğrencileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Angular ile uygulama geliştiren ve kodunu güvenilir testlerle doğrulamak isteyen ön yüz geliştiricileri, test otomasyonu kurmak isteyen ekipler ve Angular temeline sahip öğrenciler için uygundur. Temel Angular ve TypeScript bilgisi beklenir.

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

Eğitimde birim ve entegrasyon testleri için Jasmine, Karma ve Angular'ın TestBed altyapısı; HTTP testleri için HttpTestingController; uçtan uca testler için Cypress kullanılır. Araçlar gerçek bir uygulama üzerinde uygulamalı işlenir.

Ön koşul olarak ne bilmem gerekir?

Bileşen, servis, bağımlılık enjeksiyonu ve şablon gibi temel Angular kavramlarına aşinalık ile TypeScript bilgisi gerekir. Node.js ve Angular CLI'nin kurulu, ng test komutunu çalıştırabilir durumda olması beklenir.

Eğitim online mı yüz yüze mi?

Eğitim hem yüz yüze hem online olarak verilebilir. Üç gün sürer ve her gün dört modülden oluşur. İçerik kurumun kullandığı Angular sürümüne ve mevcut test altyapısına göre uyarlanabilir.

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 yazılan 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

COMPREHENSIVE TESTING ANGULAR 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 ve ng test Yapılandırması

TestBed ile Bileşen Kurulumu

Şablon ve DOM Doğrulama

Servis Testi ve Bağımlılık Sahteleme

HttpClient Testi

Eşzamansız Kod Testi

Observable ve RxJS Testi

Directive ve Pipe Testi

Kod Kapsamı ve Kalite

Cypress ile E2E Testi

CI Entegrasyonu ve Test Stratejisi

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Angular Temel Kavramlar Eğitimi

Angular with Type Script Eğitimi

Angular, Reactive, & Observable Eğitimi

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

Testing Angular Apps Eğitimi

TypeScript ve Angular Programlama Eğitimi