{"id":30127,"date":"2025-09-24T01:40:40","date_gmt":"2025-09-23T22:40:40","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/how-to-get-started-with-unit-tests-for-angular-ceviri\/"},"modified":"2025-09-24T11:38:29","modified_gmt":"2025-09-24T08:38:29","slug":"angular-icin-birim-testlerine-nasil-baslanir","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/","title":{"rendered":"Angular i\u00e7in Birim Testlerine Nas\u0131l Ba\u015flan\u0131r"},"content":{"rendered":"

# Angular’da Birim Testlerine Ba\u015flang\u0131\u00e7<\/p>\n

Angular uygulamalar\u0131n\u0131z\u0131n sa\u011flam ve g\u00fcvenilir olmas\u0131n\u0131 m\u0131 istiyorsunuz? Hatalar\u0131 erken yakalamak ve kod kalitenizi art\u0131rmak i\u00e7in birim testleri olmazsa olmazd\u0131r. Bu makale, Angular’da birim testlerine nas\u0131l ba\u015flayaca\u011f\u0131n\u0131z\u0131, temel kavramlardan ileri d\u00fczey tekniklere kadar ad\u0131m ad\u0131m a\u00e7\u0131klayacak. Yeni ba\u015flayanlar i\u00e7in anla\u015f\u0131l\u0131r bir rehber sunarken, deneyimli geli\u015ftiriciler i\u00e7in de de\u011ferli ipu\u00e7lar\u0131 ve optimizasyon stratejileri i\u00e7erecektir.<\/p>\n

Angular Birim Testleri Nedir? Neden \u00d6nemlidir?<\/strong><\/p>\n

Bir Angular uygulamas\u0131n\u0131n her bir bile\u015fenini, servisini veya di\u011fer ba\u011f\u0131ms\u0131z birimini izole ederek test etmenizi sa\u011flayan bir s\u00fcre\u00e7tir birim testi. Karma\u015f\u0131k bir uygulaman\u0131n k\u00fc\u00e7\u00fck, y\u00f6netilebilir par\u00e7alara b\u00f6l\u00fcnerek test edilmesi, hatalar\u0131 daha kolay tespit etmemizi ve daha h\u0131zl\u0131 bir \u015fekilde d\u00fczeltmemizi sa\u011flar. Yeni \u00f6zellikler eklerken veya mevcut kodu de\u011fi\u015ftirdi\u011fimizde, birim testleri, beklenmedik yan etkilerin \u00f6nlenmesine yard\u0131mc\u0131 olur ve regresyon hatalar\u0131n\u0131 (\u00f6nceden \u00e7al\u0131\u015fan kodun bozulmas\u0131) engeller. Karma\u015f\u0131k bir Angular uygulamas\u0131nda, birim testlerinin olmamas\u0131, hata ay\u0131klama s\u00fcrecini uzat\u0131r, bak\u0131m maliyetlerini art\u0131r\u0131r ve uygulaman\u0131n genel g\u00fcvenilirli\u011fini tehlikeye atar. \u00d6rne\u011fin, bir \u00f6deme i\u015flemi bile\u015feninde, birim testleri, ge\u00e7ersiz kredi kart\u0131 numaralar\u0131n\u0131n do\u011fru bir \u015fekilde i\u015flendi\u011finden ve hata mesajlar\u0131n\u0131n beklendi\u011fi gibi g\u00f6r\u00fcnt\u00fclendi\u011finden emin olmam\u0131z\u0131 sa\u011flar.<\/p>\n

Angular Birim Testleri \u0130\u00e7in Temel Kavramlar<\/strong><\/p>\n

Angular’da birim testleri, \u00e7o\u011funlukla Jasmine ve Karma framework’leri kullan\u0131larak ger\u00e7ekle\u015ftirilir. Jasmine, testleri yazmak i\u00e7in kullan\u0131lan bir test framework’\u00fcd\u00fcr, Karma ise bu testleri \u00e7al\u0131\u015ft\u0131rmak ve sonu\u00e7lar\u0131n\u0131 raporlamak i\u00e7in kullan\u0131lan bir test \u00e7al\u0131\u015ft\u0131r\u0131c\u0131s\u0131d\u0131r. describe<\/code>, it<\/code>, beforeEach<\/code>, afterEach<\/code> gibi fonksiyonlar Jasmine’nin temel yap\u0131 ta\u015flar\u0131d\u0131r. describe<\/code> blo\u011fu, ilgili testleri grupland\u0131r\u0131r. it<\/code> blo\u011fu, tek bir test senaryosunu tan\u0131mlar. beforeEach<\/code> ve afterEach<\/code> ise her testten \u00f6nce ve sonra \u00e7al\u0131\u015ft\u0131r\u0131lacak i\u015flemleri belirtir. Ayr\u0131ca, expect<\/code> fonksiyonu, test sonu\u00e7lar\u0131n\u0131 do\u011frulamak i\u00e7in kullan\u0131l\u0131r. \u00d6rne\u011fin, bir fonksiyonun belirli bir de\u011feri d\u00f6nd\u00fcrmesini bekledi\u011fimizi ifade ederiz.<\/p>\n

Angular Uygulaman\u0131zda Birim Testlerine Nas\u0131l Ba\u015flan\u0131r? (Ad\u0131m Ad\u0131m)<\/strong><\/p>\n

Yeni Ba\u015flayanlar i\u00e7in (Ad\u0131m Ad\u0131m A\u00e7\u0131klama, Basit Kod \u00d6rne\u011fi):<\/strong><\/p>\n

1. Proje Olu\u015fturma:<\/strong> ng new my-app --skip-tests=false<\/code> komutu ile yeni bir Angular projesi olu\u015fturun. --skip-tests=false<\/code> arg\u00fcman\u0131, proje \u015fablonunda test dosyalar\u0131n\u0131n olu\u015fturulmas\u0131n\u0131 sa\u011flar.<\/p>\n

2. Bir Bile\u015fen Olu\u015fturma:<\/strong> ng generate component my-component<\/code> komutu ile yeni bir bile\u015fen olu\u015fturun. Bu komut, my-component.component.ts<\/code>, my-component.component.html<\/code>, my-component.component.css<\/code> ve my-component.component.spec.ts<\/code> dosyalar\u0131n\u0131 olu\u015fturacakt\u0131r. my-component.component.spec.ts<\/code> dosyas\u0131, bile\u015fen i\u00e7in birim testlerinin yaz\u0131laca\u011f\u0131 dosyad\u0131r.<\/p>\n

3. Basit Bir Test Yazma:<\/strong> my-component.component.spec.ts<\/code> dosyas\u0131na a\u015fa\u011f\u0131daki gibi basit bir test ekleyebilirsiniz:<\/p>\n

import { ComponentFixture, TestBed } from '@angular\/core\/testing';\nimport { MyComponentComponent } from '.\/my-component.component';\n\ndescribe('MyComponentComponent', () => {\n  let component: MyComponentComponent;\n  let fixture: ComponentFixture<MyComponentComponent>;\n\n  beforeEach(() => {\n    TestBed.configureTestingModule({\n      declarations: [MyComponentComponent]\n    });\n    fixture = TestBed.createComponent(MyComponentComponent);\n    component = fixture.componentInstance;\n    fixture.detectChanges();\n  });\n\n  it('should create', () => {\n    expect(component).toBeTruthy();\n  });\n});<\/code><\/pre>\n
4. Testleri \u00c7al\u0131\u015ft\u0131rma:<\/strong>  Komut sat\u0131r\u0131nda ng test<\/code> komutunu \u00e7al\u0131\u015ft\u0131rarak testleri \u00e7al\u0131\u015ft\u0131rabilirsiniz.  Karma, test sonu\u00e7lar\u0131n\u0131 taray\u0131c\u0131n\u0131zda g\u00f6sterecektir.<\/p>\n
Orta Seviye: Ger\u00e7ek Hayat \u00d6rne\u011fi ve Optimizasyon \u0130pu\u00e7lar\u0131<\/strong><\/p>\n
\u015eimdi, daha ger\u00e7ek\u00e7i bir senaryoyu ele alal\u0131m.  Bir kullan\u0131c\u0131 giri\u015fi bile\u015feninin test edilmesi \u00f6rne\u011fini inceleyelim.  Bu bile\u015fen, kullan\u0131c\u0131 ad\u0131 ve \u015fifre alanlar\u0131na sahip olup,  giri\u015f butonuna t\u0131kland\u0131\u011f\u0131nda bir giri\u015f servisini \u00e7a\u011f\u0131r\u0131r.<\/p>\n
\/\/ login.component.ts\nimport { Component } from '@angular\/core';\nimport { LoginService } from '.\/login.service';\n\n@Component({\n  selector: 'app-login',\n  template: \n    <input type="text" [(ngModel)]="username">\n    <input type="password" [(ngModel)]="password">\n    <button (click)="login()">Giri\u015f Yap<\/button>\n  <\/code>\n})\nexport class LoginComponent {\n  username = '';\n  password = '';\n\n  constructor(private loginService: LoginService) {}\n\n  login() {\n    this.loginService.login(this.username, this.password);\n  }\n}\n\n\/\/ login.service.ts\nimport { Injectable } from '@angular\/core';\nimport { Observable, of } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class LoginService {\n  login(username: string, password: string): Observable<boolean> {\n    \/\/ Ger\u00e7ek bir API \u00e7a\u011fr\u0131s\u0131 yerine, basit bir kontrol yapal\u0131m.\n    return of(username === 'test' && password === 'test');\n  }\n}\n\n\/\/ login.component.spec.ts\nimport { ComponentFixture, TestBed } from '@angular\/core\/testing';\nimport { LoginComponent } from '.\/login.component';\nimport { LoginService } from '.\/login.service';\nimport { of } from 'rxjs';\n\ndescribe('LoginComponent', () => {\n  let component: LoginComponent;\n  let fixture: ComponentFixture<LoginComponent>;\n  let loginServiceSpy: jasmine.SpyObj<LoginService>;\n\n  beforeEach(() => {\n    const loginServiceSpyObj = jasmine.createSpyObj('LoginService', ['login']);\n    TestBed.configureTestingModule({\n      declarations: [LoginComponent],\n      providers: [{ provide: LoginService, useValue: loginServiceSpyObj }]\n    });\n    fixture = TestBed.createComponent(LoginComponent);\n    component = fixture.componentInstance;\n    loginServiceSpy = TestBed.inject(LoginService) as jasmine.SpyObj<LoginService>;\n    fixture.detectChanges();\n  });\n\n  it('should create', () => {\n    expect(component).toBeTruthy();\n  });\n\n  it('should call login service on button click', () => {\n    component.username = 'test';\n    component.password = 'test';\n    const button = fixture.debugElement.nativeElement.querySelector('button');\n    button.click();\n    expect(loginServiceSpy.login).toHaveBeenCalledWith('test', 'test');\n  });\n});<\/code><\/pre>\n
Bu \u00f6rnekte, LoginService<\/code>‘i mocklayarak, ger\u00e7ek bir API \u00e7a\u011fr\u0131s\u0131 yapmadan testlerimizi \u00e7al\u0131\u015ft\u0131r\u0131yoruz.  Bu, testlerin h\u0131z\u0131n\u0131 ve g\u00fcvenilirli\u011fini art\u0131r\u0131r.  Ayr\u0131ca, debugElement<\/code> kullanarak DOM elemanlar\u0131na eri\u015fip, butona t\u0131klama olay\u0131n\u0131 sim\u00fcle ediyoruz.<\/p>\n
Optimizasyon \u0130pu\u00e7lar\u0131:<\/strong><\/p>\n
* Mocklama:<\/strong>  Ba\u011f\u0131ml\u0131l\u0131klar\u0131 mocklamak, testlerin h\u0131z\u0131n\u0131 ve izolasyonunu art\u0131r\u0131r.
\n* Asenkron Testler:<\/strong> async<\/code>\/await<\/code> veya fakeAsync<\/code>\/tick<\/code> kullanarak asenkron i\u015flemleri test edebilirsiniz.
\n* Test Odakl\u0131 Geli\u015ftirme (TDD):<\/strong>  \u00d6nce testleri yaz\u0131p, sonra kodu yazmak, daha temiz ve daha test edilebilir kod \u00fcretmenizi sa\u011flar.  [Fatih Soysal’\u0131n TDD ile ilgili blog yaz\u0131lar\u0131n\u0131](https:\/\/fatihsoysal.com) inceleyebilirsiniz (burada ilgili bir yaz\u0131 eklenebilir).<\/p>\n
\u0130leri D\u00fczey: Performans Analizi ve Edge Case’ler<\/strong><\/p>\n
Performans Analizi:<\/strong><\/p>\n
Testlerin performans\u0131n\u0131 analiz etmek i\u00e7in Karma’n\u0131n raporlama \u00f6zelliklerinden yararlanabilirsiniz.  Yava\u015f \u00e7al\u0131\u015fan testleri belirleyip, optimize edebilirsiniz.  \u00d6rne\u011fin, karma\u015f\u0131k hesaplamalar veya b\u00fcy\u00fck veri k\u00fcmeleri i\u00e7eren testleri par\u00e7alara ay\u0131rabilir veya mocklama stratejilerinizi geli\u015ftirebilirsiniz.<\/p>\n
Edge Case’ler:<\/strong><\/p>\n
Edge case’ler, beklenmedik veya s\u0131n\u0131r durumlar\u0131d\u0131r.  \u00d6rne\u011fin, kullan\u0131c\u0131 ad\u0131 veya \u015fifre alanlar\u0131n\u0131n bo\u015f b\u0131rak\u0131lmas\u0131, ge\u00e7ersiz karakterler i\u00e7ermesi veya \u00e7ok uzun olmas\u0131 gibi durumlar edge case’lerdir.  Bu durumlar\u0131 test ederek, uygulaman\u0131z\u0131n beklenmedik girdilere kar\u015f\u0131 daha sa\u011flam olmas\u0131n\u0131 sa\u011flayabilirsiniz.<\/p>\n
Angular Birim Testlerinde Hata Ay\u0131klama<\/strong><\/p>\n
Testleriniz ba\u015far\u0131s\u0131z oldu\u011funda, hata mesajlar\u0131n\u0131 dikkatlice inceleyin.  Jasmine ve Karma, hatan\u0131n nerede ve neden olu\u015ftu\u011funa dair detayl\u0131 bilgiler sa\u011flar.  debugger<\/code> ifadesini kullanarak, testlerinizi ad\u0131m ad\u0131m inceleyebilir ve hatan\u0131n kayna\u011f\u0131n\u0131 bulabilirsiniz.  Chrome DevTools gibi geli\u015fmi\u015f hata ay\u0131klama ara\u00e7lar\u0131ndan da yararlanabilirsiniz.<\/p>\n
\u00d6\u011frenme Yol Haritas\u0131<\/strong><\/p>\n
Yeni Ba\u015flayan:<\/strong>  Bu makaledeki ad\u0131m ad\u0131m k\u0131lavuzu takip edin. Basit bir bile\u015fen olu\u015fturup, temel testleri yazmay\u0131 \u00f6\u011frenin.<\/p>\n
Orta:<\/strong>  Ger\u00e7ek d\u00fcnya senaryolar\u0131n\u0131 i\u00e7eren, daha karma\u015f\u0131k bile\u015fenlerin testlerini ger\u00e7ekle\u015ftirin. Mocklama tekniklerini \u00f6\u011frenin ve asenkron testleri uygulay\u0131n.<\/p>\n
\u0130leri D\u00fczey:<\/strong>  Performans analizini \u00f6\u011frenin ve testlerinizi optimize edin.  Edge case’leri ve s\u0131n\u0131r durumlar\u0131n\u0131 kapsayacak \u015fekilde testler geli\u015ftirin.  Karma\u015f\u0131k durumlar\u0131 ele almak i\u00e7in daha geli\u015fmi\u015f mocklama ve test stratejileri uygulay\u0131n.<\/p>\n
Sonu\u00e7<\/strong><\/p>\n
Angular’da birim testleri yazmak, ba\u015flang\u0131\u00e7ta zorlay\u0131c\u0131 g\u00f6r\u00fcnse de, uzun vadede size \u00e7ok \u015fey kazand\u0131racakt\u0131r.  Bu makalede \u00f6\u011frendiklerinizi uygulayarak, daha g\u00fcvenilir ve daha kolay bak\u0131m\u0131 yap\u0131labilen Angular uygulamalar\u0131 geli\u015ftirebilirsiniz.  Unutmay\u0131n, s\u00fcrekli \u00f6\u011frenme ve pratikle, birim testlerinde uzmanla\u015fabilirsiniz.<\/p>\n
S\u0131k\u00e7a Sorulan Sorular:<\/strong><\/p>\n
1. Jasmine ve Karma’y\u0131 ayr\u0131 ayr\u0131 m\u0131 kurmal\u0131y\u0131m?<\/strong> Hay\u0131r, Angular CLI bu framework’leri otomatik olarak y\u00f6netir.
\n2. Her bile\u015fen i\u00e7in test yazmak zorunda m\u0131y\u0131m?<\/strong>  Evet, m\u00fcmk\u00fcn oldu\u011funca her bile\u015feni test etmek idealdir, ancak baz\u0131 k\u00fc\u00e7\u00fck yard\u0131mc\u0131 bile\u015fenler i\u00e7in test yazmaktan vazge\u00e7ebilirsiniz.
\n3. Testlerimi nas\u0131l optimize edebilirim?<\/strong> Mocklama, performans analiz ara\u00e7lar\u0131 ve TDD kullanarak testlerinizi optimize edebilirsiniz.
\n4. Asenkron i\u015flemleri nas\u0131l test ederim?<\/strong> async<\/code>\/await<\/code> veya fakeAsync<\/code>\/tick<\/code> kullanarak asenkron i\u015flemleri test edebilirsiniz.
\n5. Testlerim \u00e7ok yava\u015f \u00e7al\u0131\u015f\u0131yor, ne yapabilirim?<\/strong>  Mocklama stratejilerinizi g\u00f6zden ge\u00e7irin, b\u00fcy\u00fck veri k\u00fcmelerini daha k\u00fc\u00e7\u00fck par\u00e7alara ay\u0131r\u0131n ve karma\u015f\u0131k i\u015flemleri optimize edin.<\/p>\n
Yazar: Fatih Soysal<\/p>\n","protected":false},"excerpt":{"rendered":"# Angular’da Birim Testlerine Ba\u015flang\u0131\u00e7 Angular uygulamalar\u0131n\u0131z\u0131n sa\u011flam ve g\u00fcvenilir olmas\u0131n\u0131 m\u0131 istiyorsunuz? Hatalar\u0131 erken yakalamak ve kod…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1488],"tags":[],"class_list":{"0":"post-30127","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-angular","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nHow To Get Started with Unit Tests for Angular (\u00c7eviri)<\/title>\n<meta name=\"description\" content=\"Hi\u00e7bir etiketi bulunamad\u0131.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular i\u00e7in Birim Testlerine Nas\u0131l Ba\u015flan\u0131r\" \/>\n<meta property=\"og:description\" content=\"Hi\u00e7bir etiketi bulunamad\u0131.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-23T22:40:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-24T08:38:29+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Angular i\u00e7in Birim Testlerine Nas\u0131l Ba\u015flan\u0131r\",\"datePublished\":\"2025-09-23T22:40:40+00:00\",\"dateModified\":\"2025-09-24T08:38:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/\"},\"wordCount\":1121,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"articleSection\":[\"Angular\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/\",\"name\":\"How To Get Started with Unit Tests for Angular (\u00c7eviri)\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-09-23T22:40:40+00:00\",\"dateModified\":\"2025-09-24T08:38:29+00:00\",\"description\":\"Hi\u00e7bir etiketi bulunamad\u0131.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular i\u00e7in Birim Testlerine Nas\u0131l Ba\u015flan\u0131r\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How To Get Started with Unit Tests for Angular (\u00c7eviri)","description":"Hi\u00e7bir etiketi bulunamad\u0131.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/","og_locale":"tr_TR","og_type":"article","og_title":"Angular i\u00e7in Birim Testlerine Nas\u0131l Ba\u015flan\u0131r","og_description":"Hi\u00e7bir etiketi bulunamad\u0131.","og_url":"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-09-23T22:40:40+00:00","article_modified_time":"2025-09-24T08:38:29+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"7 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Angular i\u00e7in Birim Testlerine Nas\u0131l Ba\u015flan\u0131r","datePublished":"2025-09-23T22:40:40+00:00","dateModified":"2025-09-24T08:38:29+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/"},"wordCount":1121,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"articleSection":["Angular"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/","url":"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/","name":"How To Get Started with Unit Tests for Angular (\u00c7eviri)","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-09-23T22:40:40+00:00","dateModified":"2025-09-24T08:38:29+00:00","description":"Hi\u00e7bir etiketi bulunamad\u0131.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/angular-icin-birim-testlerine-nasil-baslanir\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Angular i\u00e7in Birim Testlerine Nas\u0131l Ba\u015flan\u0131r"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/30127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=30127"}],"version-history":[{"count":1,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/30127\/revisions"}],"predecessor-version":[{"id":30159,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/30127\/revisions\/30159"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=30127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=30127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=30127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}