angular2-google-maps/ts/core/services/maps-api-loader/lazy-maps-api-loader.spec.ts

Angular 2 components for Google Maps

import {TestBed, inject} from '@angular/core/testing';

import {DocumentRef, WindowRef} from '../../utils/browser-globals';

import {GoogleMapsScriptProtocol, LAZY_MAPS_API_CONFIG, LazyMapsAPILoader, LazyMapsAPILoaderConfigLiteral} from './lazy-maps-api-loader';
import {MapsAPILoader} from './maps-api-loader';

describe('Service: LazyMapsAPILoader', () => {
  let documentRef: DocumentRef;
  let doc: any;
  let windowRef: any;

  beforeEach(() => {
    doc = jasmine.createSpyObj<DocumentRef>('Document', ['createElement']);
    documentRef = jasmine.createSpyObj<DocumentRef>('Document', ['getNativeDocument']);
    (<any>documentRef.getNativeDocument).and.returnValue(doc);
    windowRef = {};
  });

  it('should create the default script URL', () => {
    TestBed.configureTestingModule({
      providers: [
        {provide: MapsAPILoader, useClass: LazyMapsAPILoader},
        {provide: WindowRef, useValue: windowRef}, {provide: DocumentRef, useValue: documentRef}
      ]
    });

    inject([MapsAPILoader], (loader: LazyMapsAPILoader) => {
      interface Script {
        src?: string;
        async?: boolean;
        defer?: boolean;
        type?: string;
      }
      const scriptElem: Script = {};
      (<jasmine.Spy>doc.createElement).and.returnValue(scriptElem);
      doc.body = jasmine.createSpyObj('body', ['appendChild']);

      loader.load();
      expect(doc.createElement).toHaveBeenCalled();
      expect(scriptElem.type).toEqual('text/javascript');
      expect(scriptElem.async).toEqual(true);
      expect(scriptElem.defer).toEqual(true);
      expect(scriptElem.src).toBeDefined();
      expect(scriptElem.src).toContain('https://maps.googleapis.com/maps/api/js');
      expect(scriptElem.src).toContain('v=3');
      expect(scriptElem.src).toContain('callback=angular2GoogleMapsLazyMapsAPILoader');
      expect(doc.body.appendChild).toHaveBeenCalledWith(scriptElem);
    });
  });

  it('should load the script via http when provided', () => {
    const lazyLoadingConf:
        LazyMapsAPILoaderConfigLiteral = {protocol: GoogleMapsScriptProtocol.HTTP};

    TestBed.configureTestingModule({
      providers: [
        {provide: MapsAPILoader, useClass: LazyMapsAPILoader},
        {provide: WindowRef, useValue: windowRef}, {provide: DocumentRef, useValue: documentRef},
        {provide: LAZY_MAPS_API_CONFIG, useValue: lazyLoadingConf}
      ]
    });

    inject([MapsAPILoader], (loader: LazyMapsAPILoader) => {
      interface Script {
        src?: string;
        async?: boolean;
        defer?: boolean;
        type?: string;
      }
      const scriptElem: Script = {};
      (<jasmine.Spy>doc.createElement).and.returnValue(scriptElem);
      doc.body = jasmine.createSpyObj('body', ['appendChild']);

      loader.load();
      expect(doc.createElement).toHaveBeenCalled();
      expect(scriptElem.src).toContain('http://maps.googleapis.com/maps/api/js');
      expect(scriptElem.src).toContain('v=3');
      expect(scriptElem.src).toContain('callback=angular2GoogleMapsLazyMapsAPILoader');
      expect(doc.body.appendChild).toHaveBeenCalledWith(scriptElem);
    });
  });
});