codebusters
diff --git a/‎.gitignore
+1 b/‎.gitignore
+1
diff --git a/‎__tests__/map.coffee
+13 b/‎__tests__/map.coffee
+13
diff --git a/‎example/simple.coffee
+16 b/‎example/simple.coffee
+16
diff --git a/‎example/simple.htm
+21 b/‎example/simple.htm
+21
@@ -0,0 +1 @@
+node_modules
@@ -0,0 +1,13 @@
+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>'
+    map = react.renderComponent Map(), document.getElementById "test"
+    node = map.getDOMNode()
+
+    expect(node._leaflet).toBe on
@@ -0,0 +1,16 @@
+react = require "react"
+L = require "../src"
+
+SimpleExample = react.createClass
+  displayName: "SimpleExample"
+  render: ->
+    L.Map
+      center: [51.505, -0.09]
+      zoom: 13
+      L.TileLayer
+        url: "http://{s}.tile.osm.org/{z}/{x}/{y}.png"
+        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
+      L.Marker
+        position: [51.505, -0.09]
+
+react.renderComponent SimpleExample(), document.getElementById "content"
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>react-leaflet example</title>
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css">
+    <style>
+      html, body {
+        margin: 0;
+        padding: 0;
+      }
+      html, body, #content, .leaflet-container {
+        height: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="content"></div>
+    <script src="/simple.js"></script>
+  </body>
+</html>