MapsApiLoader.load not recognised in karma test

I’m trying to mock the call to the maps api loader but karma keeps failing saying that load() is not recognised

Test:

describe('CommuteDetailsModalComponent', () => {
  let component: CommuteDetailsModalComponent;
  let fixture: ComponentFixture<CommuteDetailsModalComponent>;
  let mapsApiLoader;
  
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [CommuteDetailsModalComponent],
      providers: [
        MapsAPILoader
      ]
    })
      .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(CommuteDetailsModalComponent);
    component = fixture.componentInstance;
    mapsApiLoader = fixture.debugElement.injector.get(MapsAPILoader);
    spyOn(mapsApiLoader, 'load').and.callFake(() => {
      return true;
    });
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });
});

Result :

Error: <spyOn> : load() method does not exist
Usage: spyOn(<object>, <methodName>)

Any ideas what I’m missing?

[liamleppard]

To add to this, you should be able to mock the MapsAPILoader with a mock such as:

export class MockMapsAPILoader {
  public load(): Promise<boolean> {
    return new Promise(() => {
      return true;
    });
  }
}

You shouldn’t have to use NO_ERRORS_SCHEMA as a result.

[jonhnanthan]

Hi guys,

Try:

beforeEach(async(() => { TestBed.configureTestingModule({ imports: [..., AgmCoreModule.forRoot()], declarations: [..., AgmMarkerCluster] }) .compileComponents(); }));

Works for me.