Testen der verzögerten Benutzersuche mittels fakeAsync und tick

import { ComponentFixture, TestBed, fakeAsync, tick } from '@angular/core/testing';
import { UserSearchComponent } from './user-search.component';
import { UserService } from './user.service';
import { of } from 'rxjs';
 
describe('UserSearchComponent (fakeAsync)', () => {
  let component: UserSearchComponent;
  let fixture: ComponentFixture<UserSearchComponent>;
  let userServiceSpy: jasmine.SpyObj<UserService>;
 
  beforeEach(() => {
    userServiceSpy = jasmine.createSpyObj('UserService', ['searchUsers']);
    userServiceSpy.searchUsers.and.returnValue(of([{ id: '1', name: 'Dev User' }]));
 
    TestBed.configureTestingModule({
      imports: [UserSearchComponent],
      providers: [{ provide: UserService, useValue: userServiceSpy }]
    });
 
    fixture = TestBed.createComponent(UserSearchComponent);
    component = fixture.componentInstance;
  });
 
  it('triggers search only after debounce time', fakeAsync(() => {
    component.onSearchInput('developer');
    expect(userServiceSpy.searchUsers).not.toHaveBeenCalled();
 
    tick(300);
 
    expect(userServiceSpy.searchUsers).toHaveBeenCalledWith('developer');
    expect(component.results().length).toBe(1);
  }));
});