geophystech#137 Maps test.

Author: Arthur Ayvazov

src/components/maps/Mainpage.vue

@@ -5,6 +5,7 @@
 <script>
   import {createMap, createMapEventMarker} from '@/map_functions'
   import {EVENTS_RANGES} from '@/helpers/event'
+  import apiSettings from '@/settings/api'
 
   export default {
     data() {
@@ -30,7 +31,6 @@
         })
 
         const defaultEventsRange = this.map.defaultEventsRange
-        let apiSettings = this.$root.$options.settings.api
         let $moment = this.$moment
         let $http = this.$http
 

src/leaflet.js

@@ -0,0 +1,23 @@
+import 'leaflet/dist/leaflet'
+import 'leaflet/dist/leaflet.css'
+
+import 'leaflet-spin/example/spin/dist/spin'
+import 'leaflet-spin/leaflet.spin'
+
+import 'leaflet-fullscreen/dist/Leaflet.fullscreen'
+import 'leaflet-fullscreen/dist/leaflet.fullscreen.css'
+
+import 'leaflet-dvf/dist/leaflet-dvf'
+import 'leaflet-dvf/dist/css/dvf.css'
+
+import 'leaflet-zoomhome/dist/leaflet.zoomhome'
+
+import 'leaflet.markercluster/dist/leaflet.markercluster'
+import 'leaflet.markercluster/dist/MarkerCluster.css'
+import 'leaflet.markercluster/dist/MarkerCluster.Default.css'
+
+import 'leaflet.gridlayer.googlemutant/Leaflet.GoogleMutant'
+import 'leaflet-yandex-tile/dist/leaflet.yandex-tile'
+
+import 'leaflet-gesture-handling/dist/leaflet-gesture-handling.min'
+import 'leaflet-gesture-handling/dist/leaflet-gesture-handling.min.css'

src/main.js

@@ -24,31 +24,7 @@ import 'bootstrap-vue/dist/bootstrap-vue.css'
 import 'vue-toasted/dist/vue-toasted.min.css'
 import 'moment/locale/ru'
 
-// Leaflet
-
-import 'leaflet/dist/leaflet'
-import 'leaflet/dist/leaflet.css'
-
-import 'leaflet-spin/example/spin/dist/spin'
-import 'leaflet-spin/leaflet.spin'
-
-import 'leaflet-fullscreen/dist/Leaflet.fullscreen'
-import 'leaflet-fullscreen/dist/leaflet.fullscreen.css'
-
-import 'leaflet-dvf/dist/leaflet-dvf'
-import 'leaflet-dvf/dist/css/dvf.css'
-
-import 'leaflet-zoomhome/dist/leaflet.zoomhome'
-
-import 'leaflet.markercluster/dist/leaflet.markercluster'
-import 'leaflet.markercluster/dist/MarkerCluster.css'
-import 'leaflet.markercluster/dist/MarkerCluster.Default.css'
-
-import 'leaflet.gridlayer.googlemutant/Leaflet.GoogleMutant'
-import 'leaflet-yandex-tile/dist/leaflet.yandex-tile'
-
-import 'leaflet-gesture-handling/dist/leaflet-gesture-handling.min'
-import 'leaflet-gesture-handling/dist/leaflet-gesture-handling.min.css'
+import './leaflet'
 
 import 'font-awesome/css/font-awesome.min.css'
 import {authTimeoutChech} from '@/helpers/auth'

test/unit/specs/Spinner.spec.js

@@ -0,0 +1,12 @@
+import { shallowMount } from '@vue/test-utils'
+import Spinner from '@/components/Spinner'
+
+describe('Spinner.vue', () => {
+  const wrapper = shallowMount(Spinner, {
+    mocks: {
+    }
+  })
+  it('Check simple spinner', () => {
+    expect(wrapper.contains('.vue-simple-spinner')).to.eql(true)
+  })
+})

test/unit/specs/StaticPage.spec.js

@@ -0,0 +1,26 @@
+import { shallowMount } from '@vue/test-utils'
+import StaticPage from '@/components/StaticPage'
+import * as $moment from 'moment'
+import $http from 'axios'
+
+describe('StaticPage.vue', () => {
+
+  const $router = {
+    currentRoute: {
+      params: {
+        page: 'about'
+      }
+    }
+  }
+
+  const wrapper = shallowMount(StaticPage, {
+    mocks: {
+      $http, $moment, $router
+    }
+  })
+
+  it('Check component StaticPage', () => {
+    expect(wrapper.is(StaticPage)).to.eql(true)
+  })
+
+})

test/unit/specs/maps/Buildings.spec.js

@@ -0,0 +1,20 @@
+import { shallowMount } from '@vue/test-utils'
+import BuildingsMap from '@/components/maps/Buildings'
+import $http from 'axios'
+import '@/leaflet'
+import {mapPropDataGen} from '../../utils'
+
+describe('maps/Buildings.vue', () => {
+
+  const wrapper = shallowMount(BuildingsMap, {
+    propsData: mapPropDataGen('BuildingsMap'),
+    attachToDocument: true,
+    mocks: {
+      $http
+    }
+  })
+
+  it('Buildings map rendered', () => {
+    expect(wrapper.is(BuildingsMap)).to.eql(true)
+  })
+})

test/unit/specs/maps/GeneralInformation.spec.js

@@ -0,0 +1,21 @@
+import { shallowMount } from '@vue/test-utils'
+import GeneralInformationMap from '@/components/maps/GeneralInformation'
+import $http from 'axios'
+import '@/leaflet'
+import {mapPropDataGen} from '../../utils'
+
+describe('maps/GeneralInformation.vue', () => {
+
+  const wrapper = shallowMount(GeneralInformationMap, {
+    propsData: mapPropDataGen('GeneralInformationMap'),
+    attachToDocument: true,
+    mocks: {
+      $http
+    }
+  })
+
+  it('GeneralInformation map rendered', () => {
+    expect(wrapper.is(GeneralInformationMap)).to.eql(true)
+  })
+
+})

test/unit/specs/maps/LDOs.spec.js

@@ -0,0 +1,21 @@
+import { shallowMount } from '@vue/test-utils'
+import LDOsMap from '@/components/maps/LDOs'
+import $http from 'axios'
+import '@/leaflet'
+import {mapPropDataGen} from '../../utils'
+
+describe('maps/LDOs.vue', () => {
+
+  const wrapper = shallowMount(LDOsMap, {
+    propsData: mapPropDataGen('LDOsMap'),
+    attachToDocument: true,
+    mocks: {
+      $http
+    }
+  })
+
+  it('LDOs map rendered', () => {
+    expect(wrapper.is(LDOsMap)).to.eql(true)
+  })
+
+})

test/unit/specs/maps/Mainpage.spec.js

@@ -0,0 +1,32 @@
+import { shallowMount } from '@vue/test-utils'
+import MainpageMap from '@/components/maps/Mainpage'
+import { mapPropDataGen } from '../../utils'
+import * as $moment from 'moment'
+import $http from 'axios'
+import '@/leaflet'
+
+describe('maps/Mainpage.vue', () => {
+
+  const propsData = mapPropDataGen('MainpageMap')
+
+  const $store = {
+    getters: {
+      user: {
+        authenticated: false
+      }
+    }
+  }
+
+  const wrapper = shallowMount(MainpageMap, {
+    attachToDocument: true,
+    propsData,
+    mocks: {
+      $http, $store, $moment
+    }
+  })
+
+  it('Mainpage map rendered', () => {
+    expect(wrapper.is(MainpageMap)).to.eql(true)
+  })
+
+})

test/unit/specs/maps/ModalMap.spec.js

@@ -0,0 +1,12 @@
+import { shallowMount } from '@vue/test-utils'
+import ModalMap from '@/components/maps/ModalMap'
+
+describe('maps/ModalMap.vue', () => {
+  const wrapper = shallowMount(ModalMap, {
+    mocks: {
+    }
+  })
+  it('Modal map rendered', () => {
+    expect(wrapper.contains('#map-dialog')).to.eql(true)
+  })
+})

test/unit/specs/maps/Settlements.spec.js

@@ -0,0 +1,20 @@
+import { shallowMount } from '@vue/test-utils'
+import SettlementsMap from '@/components/maps/Settlements'
+import $http from 'axios'
+import '@/leaflet'
+import {mapPropDataGen} from '../../utils'
+
+describe('maps/Settlements.vue', () => {
+
+  const wrapper = shallowMount(SettlementsMap, {
+    propsData: mapPropDataGen('SettlementsMap'),
+    attachToDocument: true,
+    mocks: {
+      $http
+    }
+  })
+
+  it('Settlements map rendered', () => {
+    expect(wrapper.is(SettlementsMap)).to.eql(true)
+  })
+})

test/unit/utils.js

@@ -0,0 +1,18 @@
+import * as $moment from 'moment'
+import $http from 'axios'
+
+export function mapPropDataGen(mapId)
+{
+  return {
+    event: {
+      id: `test-${mapId}-event`,
+      locValues: {
+        data: {
+          lat: '58.651',
+          lon: '142.395'
+        }
+      }
+    },
+    tab: `test-${mapId}-tab`
+  }
+}