GoogleMapsPointClusterD3/test.html at develop · FlyHomes/GoogleMapsPointClusterD3 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<html>

<head>
  <meta charset="utf-8">
  <title>Mocha Tests</title>
  <link href="//cdn.rawgit.com/mochajs/mocha/2.2.5/mocha.css" rel="stylesheet" />
  <style>
    #map {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 0;
    }
    #mocha {
      position: absolute;
      top: 0;
      left: 0;
      right: 50%;
      bottom: 0;
      overflow: auto;
      background: #fff;
      padding: 30px;
      opacity: .8;
      z-index: 1;
    }
    #mocha-stats {
      background: #fff;
      padding: 10px;
      z-index: 1;
    }
  </style>
</head>

<body>
  <div id="mocha"></div>
  <div id="map"></div>

  <script src="//cdn.rawgit.com/jquery/jquery/2.1.4/dist/jquery.min.js"></script>
  <script src="//cdn.rawgit.com/Automattic/expect.js/0.3.1/index.js"></script>
  <script src="//cdn.rawgit.com/mochajs/mocha/2.2.5/mocha.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/chai/3.5.0/chai.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
  <script src="//maps.google.com/maps/api/js"></script>
  <script src="//d3js.org/d3.v3.min.js"></script>

  <script>
    // Create the Google Map.
    window.map = new google.maps.Map(document.getElementById('map'), {
      zoom: 6,
      center: new google.maps.LatLng(37.76487, -122.41948)
    });
  </script>

  <script src="dist/build.js"></script>

  <script>
    mocha.setup('bdd');
  </script>
  <script src="test/components/PointCluster.js"></script>
  <script>
    setTimeout(function() {
      mocha.run();
    }, 250)
  </script>
</body>

</html>