Map and TileLayer tests

Author: PaulLeCam

__tests__/Map.coffee

@@ -0,0 +1,28 @@
+jest.dontMock "../src/Map.coffee"
+
+describe "Map", ->
+
+  it "should initialize the map in the rendered container", ->
+    react = require "react"
+    Map = require "../src/Map.coffee"
+
+    document.body.innerHTML = '<div id="test"></div>'
+    mapInstance = react.renderComponent Map(), document.getElementById "test"
+    mapNode = mapInstance.getDOMNode()
+
+    expect(mapNode._leaflet).toBe on
+
+  it "should set center and zoom props", ->
+    react = require "react"
+    Map = require "../src/Map.coffee"
+    center = [51.505, -0.09]
+    zoom = 13
+
+    document.body.innerHTML = '<div id="test"></div>'
+    mapComponent = Map {center, zoom}
+    mapInstance = react.renderComponent mapComponent, document.getElementById "test"
+    mapLeaflet = mapInstance.state.map
+
+    expect(mapLeaflet.getCenter().lat).toBe center[0]
+    expect(mapLeaflet.getCenter().lng).toBe center[1]
+    expect(mapLeaflet.getZoom()).toBe zoom

__tests__/TileLayer.coffee

@@ -0,0 +1,19 @@
+jest.dontMock "../src/Map.coffee"
+jest.dontMock "../src/TileLayer.coffee"
+
+describe "TileLayer", ->
+
+  it "should add the tile layer to the map", ->
+    react = require "react/addons"
+    utils = react.addons.TestUtils
+
+    Map = require "../src/Map.coffee"
+    TileLayer = require "../src/TileLayer.coffee"
+
+    document.body.innerHTML = '<div id="test"></div>'
+    mapComponent = Map null,
+      TileLayer url: "http://{s}.tile.osm.org/{z}/{x}/{y}.png"
+    mapInstance = react.renderComponent mapComponent, document.getElementById "test"
+
+    expect mapInstance.getDOMNode().getElementsByClassName('leaflet-tile-pane')[0]
+    .toBeDefined()

__tests__/map.coffee

@@ -59,7 +59,7 @@ module.exports = Map;
 },{"./types/latlng":5,"./types/latlngBounds":6,"leaflet":undefined,"react/addons":undefined}],2:[function(require,module,exports){
 var Type, latlngType, leaflet, noscript, react;
 
-react = require("react");
+react = require("react/addons");
 
 leaflet = require("leaflet");
 
@@ -95,7 +95,7 @@ module.exports = react.createClass({
   }
 });
 
-},{"./types/latlng":5,"leaflet":undefined,"react":undefined}],3:[function(require,module,exports){
+},{"./types/latlng":5,"leaflet":undefined,"react/addons":undefined}],3:[function(require,module,exports){
 var leaflet, react;
 
 react = require("react");
@@ -132,7 +132,7 @@ module.exports = react.createClass({
 },{"leaflet":undefined,"react":undefined}],4:[function(require,module,exports){
 var Type, leaflet, noscript, react;
 
-react = require("react");
+react = require("react/addons");
 
 leaflet = require("leaflet");
 
@@ -165,7 +165,7 @@ module.exports = react.createClass({
   }
 });
 
-},{"leaflet":undefined,"react":undefined}],5:[function(require,module,exports){
+},{"leaflet":undefined,"react/addons":undefined}],5:[function(require,module,exports){
 var Type, react;
 
 react = require("react");