display-map-after-300ms.js

import { By } from '@angular/platform-browser';
import { tick } from '@angular/core/testing';

describe('ExtendedHotelAddressComponent', () => {
  // ... test setup & other tests

  it('should display map only after 300ms', fakeAsync(() => {
    const mapBefore = fixture.debugElement.query(By.css('agm-map'));
    expect(mapBefore).toBeFalsy();

    tick(300);
    fixture.detectChanges();

    fixture.whenStable().then(() => {
      const mapAfter = fixture.debugElement.query(By.css('agm-map'));
      expect(mapAfter).toBeTruthy();
    })
  }));
});