Merge branch 'master' into feat/drawing-manager

Author: ambientlight

__mocks__/azure-maps-control.js

@@ -1,40 +1,48 @@
+class DataSource {
+  add = jest.fn();
+  clear = jest.fn();
+  remove = jest.fn();
+  importDataFromUrl = jest.fn();
+  setOptions = jest.fn();
+}
+
 module.exports = {
   Map: jest.fn(() => ({
     controls: {
       add: jest.fn(),
-      remove: jest.fn()
+      remove: jest.fn(),
     },
     events: {
       add: jest.fn((eventName, callback = () => {}) => {
-        callback()
+        callback();
       }),
-      remove: jest.fn()
+      remove: jest.fn(),
     },
     imageSprite: {
       add: jest.fn(),
-      createFromTemplate: jest.fn()
+      createFromTemplate: jest.fn(),
     },
     sources: {
       add: jest.fn(),
-      remove: jest.fn()
+      remove: jest.fn(),
     },
     layers: {
       add: jest.fn(),
-      remove: jest.fn()
+      remove: jest.fn(),
     },
     popups: {
       getPopups: jest.fn(() => []),
-      remove: jest.fn()
+      remove: jest.fn(),
     },
     markers: {
       add: jest.fn(),
-      remove: jest.fn()
+      remove: jest.fn(),
     },
     setTraffic: jest.fn(),
     setUserInteraction: jest.fn(),
     setCamera: jest.fn(),
     setStyle: jest.fn(),
-    setServiceOptions: jest.fn()
+    setServiceOptions: jest.fn(),
   })),
 
   HtmlMarker: jest.fn((...args) => ({
@@ -45,101 +53,101 @@ module.exports = {
         isOpen: jest.fn(() => true),
         open: jest.fn(() => false),
         togglePopup: jest.fn(),
-        close: jest.fn()
-      }
-    }))
+        close: jest.fn(),
+      },
+    })),
   })),
   data: {
     LineString: jest.fn(() => ({})),
-    Position: jest.fn(() => ({}))
+    Position: jest.fn(() => ({})),
   },
   Pixel: jest.fn(() => ({
-    getHeading: jest.fn(() => 'Heading')
+    getHeading: jest.fn(() => "Heading"),
   })),
   Popup: jest.fn(() => ({
     setOptions: jest.fn(),
     isOpen: jest.fn(() => false),
     open: jest.fn(),
-    close: jest.fn()
+    close: jest.fn(),
   })),
   control: {
-    CompassControl: jest.fn(() => ({ compassOption: 'option' })),
-    PitchControl: jest.fn(() => ({ pitchOption: 'option' })),
-    StyleControl: jest.fn(() => ({ styleOption: 'option' })),
-    ZoomControl: jest.fn(() => ({ zoomOption: 'option' }))
+    CompassControl: jest.fn(() => ({ compassOption: "option" })),
+    PitchControl: jest.fn(() => ({ pitchOption: "option" })),
+    StyleControl: jest.fn(() => ({ styleOption: "option" })),
+    ZoomControl: jest.fn(() => ({ zoomOption: "option" })),
+    TrafficControl: jest.fn(() => ({ trafficOption: "option" })),
+    TrafficLegendControl: jest.fn(() => ({ trafficLegendOption: "option" })),
   },
   layer: {
-    ImageLayer: jest.fn((options, id) => ({ layer: 'ImageLayer', options, id })),
-    TileLayer: jest.fn((options, id) => ({ layer: 'TileLayer', options, id })),
+    ImageLayer: jest.fn((options, id) => ({ layer: "ImageLayer", options, id })),
+    TileLayer: jest.fn((options, id) => ({ layer: "TileLayer", options, id })),
     SymbolLayer: jest.fn((options, id, datasourceRef) => ({
-      layer: 'SymbolLayer',
+      layer: "SymbolLayer",
       options,
       id,
       datasourceRef,
       setOptions: jest.fn(),
-      getId: jest.fn(() => id)
+      getId: jest.fn(() => id),
     })),
     HeatMapLayer: jest.fn((options, id, datasourceRef) => ({
-      layer: 'HeatLayer',
+      layer: "HeatLayer",
       options,
       id,
-      datasourceRef
+      datasourceRef,
     })),
     LineLayer: jest.fn((options, id, datasourceRef) => ({
-      layer: 'LineLayer',
+      layer: "LineLayer",
       options,
       id,
-      datasourceRef
+      datasourceRef,
     })),
     PolygonExtrusionLayer: jest.fn((options, id, datasourceRef) => ({
-      layer: 'PolygonExtrusionLayer',
+      layer: "PolygonExtrusionLayer",
       options,
       id,
-      datasourceRef
+      datasourceRef,
     })),
     PolygonLayer: jest.fn((options, id, datasourceRef) => ({
-      layer: 'PolygonLayer',
+      layer: "PolygonLayer",
       options,
       id,
-      datasourceRef
+      datasourceRef,
     })),
     BubbleLayer: jest.fn((options, id, datasourceRef) => ({
-      layer: 'BubbleLayer',
+      layer: "BubbleLayer",
       options,
       id,
-      datasourceRef
-    }))
+      datasourceRef,
+    })),
   },
   source: {
-    DataSource: jest.fn(() => ({
-      add: jest.fn(),
-      clear: jest.fn(),
-      remove: jest.fn(),
-      importDataFromUrl: jest.fn(),
-      setOptions: jest.fn()
-    }))
+    DataSource,
+    VectorTileSource: jest.fn((id, options) => ({
+      getId: jest.fn(() => id),
+      getOptions: jest.fn(() => options),
+    })),
   },
   Shape: jest.fn(() => ({
     setCoordinates: jest.fn(),
-    setProperties: jest.fn()
+    setProperties: jest.fn(),
   })),
   data: {
     Position: jest.fn((...args) => args),
     BoundingBox: jest.fn((...args) => args),
-    Point: jest.fn(coords => ({ coords, type: 'Point' })),
-    MultiPoint: jest.fn((coords, bbox) => ({ coords, bbox, type: 'MultiPoint' })),
-    LineString: jest.fn((coords, bbox) => ({ coords, bbox, type: 'LineString' })),
+    Point: jest.fn((coords) => ({ coords, type: "Point" })),
+    MultiPoint: jest.fn((coords, bbox) => ({ coords, bbox, type: "MultiPoint" })),
+    LineString: jest.fn((coords, bbox) => ({ coords, bbox, type: "LineString" })),
     MultiLineString: jest.fn((multipleCoordinates, bbox) => ({
       multipleCoordinates,
       bbox,
-      type: 'MultiLineString'
+      type: "MultiLineString",
     })),
-    Polygon: jest.fn((coords, bbox) => ({ coords, bbox, type: 'Polygon' })),
+    Polygon: jest.fn((coords, bbox) => ({ coords, bbox, type: "Polygon" })),
     MultiPolygon: jest.fn((multipleDimensionCoordinates, bbox) => ({
       multipleDimensionCoordinates,
       bbox,
-      type: 'MultiPolygon'
+      type: "MultiPolygon",
     })),
-    Feature: jest.fn()
-  }
-}
+    Feature: jest.fn(),
+  },
+};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-azure-maps",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "React Wrapper for Azure Maps",
   "keywords": [
     "react",