File: web/assets/plugins/gmaps/test/spec/MapSpec.js

describe("Creating a map", function() {
  var basic_map, advanced_map, map_with_events, map_with_custom_controls;

  it("should throw an error if element is not defined", function() {
    expect(function() { new GMaps({}); }).toThrow(new Error('No element defined.'));
  });

  describe("With basic options", function() {
    beforeEach(function() {
      basic_map = basic_map || new GMaps({
        el : '#basic-map',
        lat: -12.0433,
        lng: -77.0283,
        zoom: 12
      });
    });

    it("should create a GMaps object", function() {
      expect(basic_map).toBeDefined();
    });

    it("should have centered the map at the initial coordinates", function() {
      var lat = basic_map.getCenter().lat();
      var lng = basic_map.getCenter().lng();

      expect(lat).toEqual(-12.0433);
      expect(lng).toEqual(-77.0283);
    });

    it("should have the correct zoom", function() {
      expect(basic_map.getZoom()).toEqual(12);
    });
  });

  describe("With advanced controls", function() {
    beforeEach(function() {
      advanced_map = advanced_map || new GMaps({
        el : '#advanced-map',
        lat: -12.0433,
        lng: -77.0283,
        zoomControl : true,
        panControl : false,
        streetViewControl : false,
        mapTypeControl: false,
        overviewMapControl: false
      });
    });

    it("should show the defined controls", function() {
      expect(advanced_map.map.zoomControl).toBeTruthy();
      expect(advanced_map.map.panControl).toBeFalsy();
      expect(advanced_map.map.streetViewControl).toBeFalsy();
      expect(advanced_map.map.mapTypeControl).toBeFalsy();
      expect(advanced_map.map.overviewMapControl).toBeFalsy();
    });
  });

  describe("With events", function() {
    var callbacks, current_zoom = 0, current_center = null;

    beforeEach(function() {
      callbacks = {
        onclick : function(e) {
          var lat = e.latLng.lat();
          var lng = e.latLng.lng();

          map_with_events.addMarker({
            lat : lat,
            lng : lng,
            title : 'New Marker'
          });
        },
        onzoomchanged : function() {
          console.log('onzoomchanged');
          current_zoom = this.getZoom();
        },
        oncenterchanged : function() {
          console.log('oncenterchanged');
          current_center = this.getCenter();
        }
      };

      spyOn(callbacks, 'onclick').andCallThrough();
      spyOn(callbacks, 'onzoomchanged').andCallThrough();
      spyOn(callbacks, 'oncenterchanged').andCallThrough();

      map_with_events = map_with_events || new GMaps({
        el : '#map-with-events',
        lat : -12.0433,
        lng : -77.0283,
        click : callbacks.onclick,
        zoom_changed : callbacks.onzoomchanged,
        center_changed : callbacks.oncenterchanged
      });
    });

    it("should respond to zoom_changed event", function() {
      map_with_events.map.setZoom(16);

      expect(callbacks.onzoomchanged).toHaveBeenCalled();
      expect(current_zoom).toEqual(16);
    });

    it("should respond to center_changed event", function() {
      map_with_events.map.setCenter(new google.maps.LatLng(-12.0907, -77.0227));

      // Fix for floating-point bug
      var lat = parseFloat(current_center.lat().toFixed(4));
      var lng = parseFloat(current_center.lng().toFixed(4));

      expect(callbacks.oncenterchanged).toHaveBeenCalled();
      expect(lat).toEqual(-12.0907);
      expect(lng).toEqual(-77.0227);
    });

    it("should respond to click event", function() {
      google.maps.event.trigger(map_with_events.map, 'click', {
        latLng : new google.maps.LatLng(-12.0433, -77.0283)
      });

      expect(callbacks.onclick).toHaveBeenCalled();
      expect(map_with_events.markers.length).toEqual(1);
    });

    afterEach(function() {
      document.getElementById('map-with-events').innerHTML = '';
      map_with_events = null;
    });
  });

  describe("With custom controls", function() {
    var callbacks, markers_in_map = 0;

    beforeEach(function() {
      callbacks = {
        onclick : function() {
          map_with_custom_controls.addMarker({
            lat : map_with_custom_controls.getCenter().lat(),
            lng : map_with_custom_controls.getCenter().lng()
          });
        }
      }

      spyOn(callbacks, 'onclick').andCallThrough();

      map_with_custom_controls = new GMaps({
        el : '#map-with-custom-controls',
        lat : -12.0433,
        lng : -77.0283
      });

      map_with_custom_controls.addControl({
        position : 'top_right',
        content : 'Add marker at the center',
        style : {
          margin: '5px',
          padding: '1px 6px',
          border: 'solid 1px #717B87',
          background: '#fff'
        },
        events : {
          click: callbacks.onclick
        }
      });
    });

    it("should add the control to the controls collection", function() {
      expect(map_with_custom_controls.controls.length).toEqual(1);
    });

    it("should respond to click event attached to the custom control", function() {
      google.maps.event.trigger(map_with_custom_controls.controls[0], 'click');

      expect(callbacks.onclick).toHaveBeenCalled();
      expect(map_with_custom_controls.markers.length).toEqual(1);
    });
  });
});