PHP Classes

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

Recommend this page to a friend!
  Classes of Felix Ivan Romero Rodríguez   PHP Web Socket Chat   web/assets/plugins/gmaps/test/spec/MapSpec.js   Download  
File: web/assets/plugins/gmaps/test/spec/MapSpec.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP Web Socket Chat
Chat system using Websockets or AJAX requests
Author: By
Last change:
Date: 7 years ago
Size: 5,315 bytes
 

Contents

Class file image Download
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); }); }); });