Merge branch 'master' of github.com:KoRiGaN/Vue2Leaflet

Author: Nicolò Maria Mezzopera

README.md

@@ -89,6 +89,7 @@ Leaflet plugins can easily work with Vue2Leaflet, if you want to use one I would
 * [vue2-leaflet-gpx](https://github.com/tdcook/vue2-leaflet-gpx) wrapper for [leaflet-gpx](https://github.com/mpetazzoni/leaflet-gpx)
 * [vue2-leaflet-locatecontrol](https://github.com/vUdav/vue2-leaflet-locatecontrol) wrapper for [Leaflet.Locate](https://github.com/domoritz/leaflet-locatecontrol)
 * [vue2-leaflet-polygonfillpattern](https://github.com/guillaumejounel/vue2-leaflet-polygonfillpattern) wrapper for [leaflet-polygon-fillPattern](https://github.com/lwsu/leaflet-polygon-fillPattern)
+* [vue2-leaflet-axesgrid](https://github.com/mudin/vue2-leaflet-axesgrid) wrapper for [AxesGrid](https://github.com/mudin/Leaflet.AxesGrid)
 
 If you have created a plugin and want it to be listed here, let me know :-).
 

docs/plugins/README.md

@@ -62,3 +62,7 @@ wrapper for [Leaflet.Locate](https://github.com/domoritz/leaflet-locatecontrol)
 ## [vue2-leaflet-polygonfillpattern](https://github.com/guillaumejounel/vue2-leaflet-polygonfillpattern)
 
 wrapper for [leaflet-polygon-fillPattern](https://github.com/lwsu/leaflet-polygon-fillPattern)
+
+## [vue2-leaflet-axesgrid](https://github.com/mudin/vue2-leaflet-axesgrid)
+
+wrapper for [AxesGrid](https://github.com/mudin/Leaflet.AxesGrid)

tests/unit/LMarker.spec.js

@@ -0,0 +1,92 @@
+import { createLocalVue, mount } from '@vue/test-utils';
+import L from 'leaflet';
+import LMarker from '@/components/LMarker.vue';
+import LMap from '@/components/LMap.vue';
+
+const localVue = createLocalVue();
+
+function getWrapperWithMap (component, propsData, mountOptions) {
+  const mapWrapper = mount(LMap, {
+    localVue
+  });
+
+  const wrapper = mount({
+    ...component,
+    // trick from here https://github.com/vuejs/vue-test-utils/issues/560#issuecomment-461865315
+    created () {
+      this.$parent = mapWrapper.vm;
+    }
+  }, {
+    localVue,
+    propsData,
+    sync: false, // avoid warning, see
+    // Removing sync mode #1137 https://github.com/vuejs/vue-test-utils/issues/1137
+    ...mountOptions
+  });
+  return {
+    wrapper,
+    mapWrapper
+  };
+}
+
+describe('LMarker.vue', () => {
+  test('LMarker.vue change prop latLng', async () => {
+    const initLatlng = L.latLng([11, 22]);
+    const wrapperAndMap = getWrapperWithMap(LMarker, {
+      latLng: initLatlng
+    });
+    const wrapper = wrapperAndMap.wrapper;
+    expect(wrapper.exists()).toBe(true);
+    expect(wrapper.vm.mapObject.getLatLng().equals(initLatlng)).toBe(true);
+    const newLatLng = L.latLng([1, 1]);
+    wrapper.setProps({ latLng: newLatLng });
+    await wrapper.vm.$nextTick();
+    const curLatLng = wrapper.vm.mapObject.getLatLng();
+    expect(curLatLng.equals(newLatLng)).toBe(true);
+  });
+
+  test('LMarker.vue default slot text', async () => {
+    const markerText = 'Hello from marker!';
+    const wrapperAndMap = getWrapperWithMap(LMarker, {
+      latLng: [0, 0]
+    }, {
+      slots: {
+        default: markerText
+      }
+    });
+    const wrapper = wrapperAndMap.wrapper;
+    const mapWrapper = wrapperAndMap.mapWrapper;
+    expect(mapWrapper.text()).toContain('Leaflet');
+    expect(wrapper.exists()).toBe(true);
+    await wrapper.vm.$nextTick();
+    expect(wrapper.text()).toEqual(markerText);
+  });
+
+  test('LMarker.vue draggable change', async () => {
+    const wrapperAndMap = getWrapperWithMap(LMarker, {
+      latLng: [0, 0]
+    });
+    const wrapper = wrapperAndMap.wrapper;
+    const markerObject = wrapper.vm.mapObject;
+    expect(markerObject.dragging.enabled()).toBeFalsy();
+    wrapper.setProps({ draggable: true });
+    await wrapper.vm.$nextTick();
+    expect(markerObject.dragging.enabled()).toBeTruthy();
+    wrapper.setProps({ draggable: false });
+    await wrapper.vm.$nextTick();
+    expect(markerObject.dragging.enabled()).toBeFalsy();
+  });
+
+  test('LMarker.vue not change prop latLng to null', async () => {
+    const initLatlng = L.latLng([11, 22]);
+    const wrapperAndMap = getWrapperWithMap(LMarker, {
+      latLng: initLatlng
+    });
+    const wrapper = wrapperAndMap.wrapper;
+    expect(wrapper.exists()).toBe(true);
+    expect(wrapper.vm.mapObject.getLatLng().equals(initLatlng)).toBe(true);
+    wrapper.setProps({ latLng: null });
+    await wrapper.vm.$nextTick();
+    expect(wrapper.vm.mapObject.getLatLng().equals(initLatlng)).toBe(true);
+  });
+});