From 0b32f4c4ee36e6ea0e19322896d88ff0e1f9200f Mon Sep 17 00:00:00 2001
From: vershwal <vershwal.princi@gmail.com>
Date: Sun, 15 Jul 2018 22:20:43 +0530
Subject: [PATCH 1/2] Some mvt tests.

---
 test/index.html      |  1 +
 test/spec/svg/mvt.js | 98 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 99 insertions(+)
 create mode 100644 test/spec/svg/mvt.js

diff --git a/test/index.html b/test/index.html
index 188b9084c0..e89eaa1c3f 100644
--- a/test/index.html
+++ b/test/index.html
@@ -115,6 +115,7 @@
     <script src='spec/svg/layers.js'></script>
     <script src='spec/svg/lines.js'></script>
     <script src='spec/svg/midpoints.js'></script>
+    <script src='spec/svg/mvt.js'></script>
     <script src='spec/svg/osm.js'></script>
     <script src='spec/svg/points.js'></script>
     <script src='spec/svg/svg.js'></script>
diff --git a/test/spec/svg/mvt.js b/test/spec/svg/mvt.js
new file mode 100644
index 0000000000..8def1b567c
--- /dev/null
+++ b/test/spec/svg/mvt.js
@@ -0,0 +1,98 @@
+describe('iD.svgMvt', function () {
+    var context;
+    var surface;
+    var dispatch = d3.dispatch('change');
+    var projection = iD.geoRawMercator()
+        .translate([6934098.868981334, 4092682.5519805425])
+        .scale(iD.geoZoomToScale(17))
+        .clipExtent([[0, 0], [1000, 1000]]);
+
+
+    var gj = {
+        'type': 'FeatureCollection',
+        'features': [
+            {
+                'type': 'Feature',
+                'id': 316973311,
+                'geometry': {
+                    'type': 'Point',
+                    'coordinates': [
+                        -74.38928604125977,
+                        40.150275473401365
+                    ]
+                },
+                'properties': {
+                    'abbr': 'N.J.',
+                    'area': 19717.8,
+                    'name': 'New Jersey',
+                    'name_en': 'New Jersey',
+                    'osm_id': 316973311
+                }
+            }
+        ]
+    };
+
+    beforeEach(function () {
+        context = iD.coreContext();
+        d3.select(document.createElement('div'))
+            .attr('id', 'map')
+            .call(context.map().centerZoom([-74.389286, 40.1502754], 17));
+
+        surface = context.surface();
+    });
+
+    it('creates layer-mvt', function () {
+        var render = iD.svgMvt(projection, context, dispatch);
+        surface.call(render);
+
+        var layers = surface.selectAll('g.layer-mvt').nodes();
+        expect(layers.length).to.eql(1);
+    });
+
+    it('draws geojson', function () {
+        var render = iD.svgMvt(projection, context, dispatch).geojson(gj);
+        surface.call(render);
+
+        var path = surface.selectAll('path.mvt');
+        expect(path.nodes().length).to.eql(1);
+        expect(path.attr('d')).to.match(/^M.*z$/);
+    });
+
+    describe('#url', function() {
+        it('handles pbf url', function () {
+            var url = 'https://api.mapbox.com/v4/mapbox.mapbox-streets-v6/9/150/194.vector.pbf?access_token='
+                        +'pk.eyJ1IjoidmVyc2h3YWwiLCJhIjoiY2pocmk1c2J5M28wbDM1cGU1ZDdpeDB1eSJ9.KN1fjHMCdSUsYcuvwiXWIA';
+            var render = iD.svgMvt(projection, context, dispatch).url(url);
+            surface.call(render);
+
+            var path = surface.selectAll('path.mvt');
+            expect(path.nodes().length).to.eql(1);
+            expect(path.attr('d')).to.match(/^M.*z$/);
+        });
+    });
+
+    describe('#showLabels', function() {
+        it('shows labels by default', function () {
+            var render = iD.svgMvt(projection, context, dispatch).geojson(gj);
+            surface.call(render);
+
+            var label = surface.selectAll('text.mvtlabel');
+            expect(label.nodes().length).to.eql(1);
+            expect(label.text()).to.eql('New Jersey');
+
+            var halo = surface.selectAll('text.mvtlabel-halo');
+            expect(halo.nodes().length).to.eql(1);
+            expect(halo.text()).to.eql('New Jersey');
+        });
+
+
+        it('hides labels with showLabels(false)', function () {
+            var render = iD.svgMvt(projection, context, dispatch).geojson(gj).showLabels(false);
+            surface.call(render);
+
+            expect(surface.selectAll('text.mvtlabel').empty()).to.be.ok;
+            expect(surface.selectAll('text.mvtlabel-halo').empty()).to.be.ok;
+        });
+    });
+
+});

From 213fa3706d851b8300f4135bcb9277caf98dfc57 Mon Sep 17 00:00:00 2001
From: vershwal <vershwal.princi@gmail.com>
Date: Mon, 16 Jul 2018 22:10:59 +0530
Subject: [PATCH 2/2] Created new file for pbf test in test/data.

---
 test/data/mvttest.pbf | Bin 0 -> 24576 bytes
 test/spec/svg/mvt.js  |   3 +--
 2 files changed, 1 insertion(+), 2 deletions(-)
 create mode 100644 test/data/mvttest.pbf

diff --git a/test/data/mvttest.pbf b/test/data/mvttest.pbf
new file mode 100644
index 0000000000000000000000000000000000000000..63858a7a95cc69bbca67f9ba98ddd88fa0f8ada7
GIT binary patch
literal 24576
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

literal 0
HcmV?d00001

diff --git a/test/spec/svg/mvt.js b/test/spec/svg/mvt.js
index 8def1b567c..e5ab522aa4 100644
--- a/test/spec/svg/mvt.js
+++ b/test/spec/svg/mvt.js
@@ -60,8 +60,7 @@ describe('iD.svgMvt', function () {
 
     describe('#url', function() {
         it('handles pbf url', function () {
-            var url = 'https://api.mapbox.com/v4/mapbox.mapbox-streets-v6/9/150/194.vector.pbf?access_token='
-                        +'pk.eyJ1IjoidmVyc2h3YWwiLCJhIjoiY2pocmk1c2J5M28wbDM1cGU1ZDdpeDB1eSJ9.KN1fjHMCdSUsYcuvwiXWIA';
+            var url = '../../data/mvttest.pbf';
             var render = iD.svgMvt(projection, context, dispatch).url(url);
             surface.call(render);