# Unit Testing Angular (Angular)

> Jasmine, Karma, TestBed, component testing, service testing, mocking, spies, async testing, fixture

- 22 pertanyaan wawancara
- Mid-Level
- [Pertanyaan Wawancara: Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara.md)

## 1. Apa peran utama TestBed dalam unit testing Angular?

**Jawaban**

TestBed adalah utility utama untuk mengkonfigurasi dan membuat modul testing Angular. Ini memungkinkan konfigurasi providers, imports, declarations dan instansiasi komponen di lingkungan testing yang terisolasi. TestBed membuat konteks tes yang mensimulasikan cara kerja NgModule Angular, memungkinkan dependency injection dan kompilasi komponen.

## 2. Method TestBed mana yang harus digunakan untuk mendapatkan instance service?

**Jawaban**

TestBed.inject() adalah method yang direkomendasikan untuk mendapatkan instance service dari injector modul testing. Method ini menggantikan sintaks lama TestBed.get() (deprecated) dan memberikan typing TypeScript yang lebih baik. Ini mengakses service yang disediakan di konfigurasi TestBed melalui configureTestingModule.

## 3. Apa yang dikembalikan oleh method TestBed.createComponent()?

**Jawaban**

createComponent() mengembalikan ComponentFixture, sebuah wrapper di sekitar komponen yang menyediakan akses ke instance komponen (componentInstance), elemen DOM-nya (nativeElement), DebugElement, dan method testing seperti detectChanges(). ComponentFixture adalah objek pusat untuk testing komponen Angular.

## 19 pertanyaan lagi tersedia

- Apa peran fixture.detectChanges() dalam tes komponen?
- Bagaimana cara membuat Jasmine spy untuk memock method service?

Daftar gratis: https://sharpskill.dev/id/login

## Topik wawancara Angular lainnya

- [Dasar-dasar TypeScript](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/typescript-basics.md): 25 pertanyaan, Junior
- [TypeScript Lanjutan](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/typescript-advanced.md): 20 pertanyaan, Junior
- [Dasar-Dasar Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-fundamentals.md): 20 pertanyaan, Junior
- [Komponen dan siklus hidup](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/components-lifecycle.md): 20 pertanyaan, Junior
- [Services & Dependency Injection](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/services-dependency-injection.md): 20 pertanyaan, Junior
- [Organisasi Modul Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/modules-organization.md): 22 pertanyaan, Mid-Level
- [Angular CLI](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-cli.md): 18 pertanyaan, Junior
- [Direktif dan Pipe](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/directives-pipes.md): 22 pertanyaan, Mid-Level
- [Routing dan Navigasi](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/routing-navigation.md): 24 pertanyaan, Mid-Level
- [Reactive Forms](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/forms-reactive.md): 26 pertanyaan, Mid-Level
- [Template-driven Forms](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/forms-template-driven.md): 16 pertanyaan, Mid-Level
- [Dasar-Dasar RxJS](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/rxjs-fundamentals.md): 22 pertanyaan, Mid-Level
- [Operator RxJS](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/rxjs-operators.md): 24 pertanyaan, Mid-Level
- [HttpClient & Panggilan API](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/http-client.md): 22 pertanyaan, Mid-Level
- [Manajemen State Dasar](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/state-management-basics.md): 20 pertanyaan, Mid-Level
- [Change Detection](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/change-detection.md): 20 pertanyaan, Mid-Level
- [Angular Signals](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-signals.md): 20 pertanyaan, Mid-Level
- [Standalone Components](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/standalone-components.md): 18 pertanyaan, Mid-Level
- [Pengujian End-to-End](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/testing-e2e.md): 18 pertanyaan, Mid-Level
- [Build dan optimasi](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/build-optimization.md): 20 pertanyaan, Mid-Level
- [Dasar-dasar NgRx](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/ngrx-fundamentals.md): 24 pertanyaan, Senior
- [NgRx Lanjutan](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/ngrx-advanced.md): 24 pertanyaan, Senior
- [Arsitektur Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-architecture.md): 22 pertanyaan, Senior
- [Optimisasi Performa](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/performance-optimization.md): 22 pertanyaan, Senior
- [Keamanan dan Praktik Terbaik](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/security-best-practices.md): 20 pertanyaan, Senior
- [Pola RxJS Lanjutan](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/advanced-rxjs-patterns.md): 22 pertanyaan, Senior
- [Angular Universal & SSR](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/angular-universal-ssr.md): 20 pertanyaan, Senior
- [Micro-frontend Angular](https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/micro-frontends-angular.md): 20 pertanyaan, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/id/technologies/angular/pertanyaan-wawancara/testing-unit