📚 Cheatsheet

<pre>{{ monObjetComplexe | json }}</pre>

beforeEach(async () => {
  await TestBed.configureTestingModule({
    declarations: [ MonComposant ]
  })
  .compileComponents();
});

const dataServiceMock = { getData: () => of('données mockées') };

TestBed.configureTestingModule({
  providers: [ { provide: DataService, useValue: dataServiceMock } ]
});

it('devrait incrémenter au clic', () => {
  const fixture = TestBed.createComponent(CompteurComponent);
  const component = fixture.componentInstance;
  const button = fixture.debugElement.nativeElement.querySelector('button');
  button.click();
  fixture.detectChanges();
  expect(component.valeur).toBe(1);
});

it('devrait créer le composant', () => {
  const fixture = TestBed.createComponent(AppComponent);
  const app = fixture.componentInstance;
  expect(app).toBeTruthy();
});

const httpTestingController = TestBed.inject(HttpTestingController);

service.getData().subscribe(data => expect(data).toEqual(testData));

const req = httpTestingController.expectOne('/api/data');
expect(req.request.method).toEqual('GET');
req.flush(testData);

it('devrait mettre à jour après un délai', fakeAsync(() => {
  component.updateAfterDelay();
  tick(500);
  fixture.detectChanges();
  expect(component.message).toBe('Mis à jour');
}));

it('devrait appeler la méthode du service', () => {
  const dataService = TestBed.inject(DataService);
  const spy = spyOn(dataService, 'getData').and.returnValue(of([]));
  // ...
  expect(spy).toHaveBeenCalled();
});