geophystech#137 Events tests.

Author: Arthur Ayvazov

src/components/event/Buildings.vue

@@ -10,6 +10,7 @@
 </template>
 
 <script>
+  import apiSettings from '@/settings/api'
   export default {
     props: ['event'],
     data() {
@@ -98,7 +99,7 @@
     },
     methods: {
       fetchData: function() {
-        this.$http.get(this.$root.$options.settings.api.endpointEventBuildings(this.event.id))
+        this.$http.get(apiSettings.endpointEventBuildings(this.event.id))
           .then(response => {
             this.$root.$emit('onMapBuildingsDataFetched', response.data.data)
             this.setData(response.data.data)
@@ -127,7 +128,7 @@
     },
     watch: {
       event: function() {
-        this.fetchData(this.event.id)
+        this.fetchData()
       }
     }
   }

src/components/event/LDOs.vue

@@ -14,6 +14,7 @@
 
 <script>
 import Spinner from '@/components/Spinner'
+import apiSettings from '@/settings/api'
 
 export default {
   components: { Spinner },
@@ -61,7 +62,7 @@ export default {
   },
   methods: {
     fetchData: function() {
-      this.$http.get(this.$root.$options.settings.api.endpointEventLDOs(this.event.id), {
+      this.$http.get(apiSettings.endpointEventLDOs(this.event.id), {
         params: {
           customer_ids: [1], // Change id(s) when the user management is implemented.
           show_all_parts: 1

src/components/event/MomentTensor.vue

@@ -70,6 +70,7 @@
 
 <script>
   import Spinner from '@/components/Spinner'
+  import apiSettings from '@/settings/api'
 
   export default {
     components: { Spinner },
@@ -137,7 +138,7 @@
     },
     methods: {
       fetchData: function() {
-        this.$http.get(this.$root.$options.settings.api.endpointMomentTensor(this.event.id))
+        this.$http.get(apiSettings.endpointMomentTensor(this.event.id))
           .then(response => {
             this.setData(response.data.data[0])
           })

src/components/event/Settlements.vue

@@ -25,6 +25,7 @@
   import Spinner from '@/components/Spinner'
   import { convertMsk64 } from '@/map_functions'
   import { round } from '@/helpers/math'
+  import apiSettings from '@/settings/api'
 
   export default {
     components: { Spinner },
@@ -89,7 +90,7 @@
         this.items = []
       },
       fetchData: function() {
-        this.$http.get(this.$root.$options.settings.api.endpointEventSettlements(this.event.id), {
+        this.$http.get(apiSettings.endpointEventSettlements(this.event.id), {
           params: {
             cursor: this.cursor,
             limit: 10

src/components/event/Tabs.vue

@@ -29,39 +29,14 @@
 
 <script>
   import { round } from '@/helpers/math'
+  import eventTabs from '@/data/event-tabs'
 
   export default {
     props: ['event'],
     data() {
       return {
         activeTab: '#' + this.$router.currentRoute.fullPath,
-        tabs: {
-          generalInformation: {
-            label: 'Общая информация',
-            available: true,
-            href: '#'
-          },
-          settlements: {
-            label: 'Ближайшие населенные пункты',
-            available: false,
-            href: '#'
-          },
-          buildings: {
-            label: 'Здания и сооружения',
-            available: false,
-            href: '#'
-          },
-          momentTensor: {
-            label: 'Тензор момента',
-            available: false,
-            href: '#'
-          },
-          ldos: {
-            label: 'Магистральные объекты',
-            available: false,
-            href: '#'
-          }
-        }
+        tabs: eventTabs
       }
     },
     metaInfo() {

src/data/event-tabs.js

@@ -0,0 +1,27 @@
+export default {
+  generalInformation: {
+    label: 'Общая информация',
+    available: true,
+    href: '#'
+  },
+  settlements: {
+    label: 'Ближайшие населенные пункты',
+    available: false,
+    href: '#'
+  },
+  buildings: {
+    label: 'Здания и сооружения',
+    available: false,
+    href: '#'
+  },
+  momentTensor: {
+    label: 'Тензор момента',
+    available: false,
+    href: '#'
+  },
+  ldos: {
+    label: 'Магистральные объекты',
+    available: false,
+    href: '#'
+  }
+}

test/unit/specs/StaticPage.spec.js

@@ -1,6 +1,6 @@
 import { shallowMount } from '@vue/test-utils'
 import StaticPage from '@/components/StaticPage'
-import * as $moment from 'moment'
+import $moment from 'moment'
 import $http from 'axios'
 
 describe('StaticPage.vue', () => {

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

@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils'
+import Buildings from '@/components/event/Buildings'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('event/Buildings.vue', () => {
+
+  const wrapper = shallowMount(Buildings, {
+    propsData: {
+      event: {
+        id: 'ob93enBa'
+      }
+    },
+    mocks: {
+      $http, $moment
+    }
+  })
+
+  it('Check component Buildings', () => {
+    expect(wrapper.is(Buildings)).to.eql(true)
+  })
+
+})

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

@@ -0,0 +1,30 @@
+import { shallowMount } from '@vue/test-utils'
+import GeneralInformation from '@/components/event/GeneralInformation'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('event/GeneralInformation.vue', () => {
+
+  const wrapper = shallowMount(GeneralInformation, {
+    propsData: {
+      event: {
+        processingMethod: {
+          long: null
+        },
+        locValues: {
+          data: {
+            event_datetime: new Date()
+          }
+        }
+      }
+    },
+    mocks: {
+      $http, $moment
+    }
+  })
+
+  it('Check component GeneralInformation', () => {
+    expect(wrapper.is(GeneralInformation)).to.eql(true)
+  })
+
+})

test/unit/specs/event/Header.spec.js

@@ -0,0 +1,34 @@
+import { shallowMount } from '@vue/test-utils'
+import Header from '@/components/event/Header'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('event/Header.vue', () => {
+
+  const wrapper = shallowMount(Header, {
+    propsData: {
+      event: {
+        id: 'ob93enBa'
+      }
+    },
+    mocks: {
+      $http,
+      $moment,
+      $router: {
+        resolve: data => {
+          return {
+            href: ''
+          }
+        }
+      },
+      $route: {
+        query: {}
+      }
+    }
+  })
+
+  it('Check component Header', () => {
+    expect(wrapper.is(Header)).to.eql(true)
+  })
+
+})

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

@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils'
+import LDOs from '@/components/event/LDOs'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('event/LDOs.vue', () => {
+
+  const wrapper = shallowMount(LDOs, {
+    propsData: {
+      event: {
+        id: 'ob93enBa'
+      }
+    },
+    mocks: {
+      $http, $moment
+    }
+  })
+
+  it('Check component LDOs', () => {
+    expect(wrapper.is(LDOs)).to.eql(true)
+  })
+
+})

test/unit/specs/event/LastEvents.spec.js

@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils'
+import LastEvents from '@/components/event/LastEvents'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('event/LastEvents.vue', () => {
+
+  const $route = {
+    query: {}
+  }
+
+  const wrapper = shallowMount(LastEvents, {
+    mocks: {
+      $http, $moment, $route
+    }
+  })
+
+  it('Check component LastEvents', () => {
+    expect(wrapper.is(LastEvents)).to.eql(true)
+  })
+
+})

test/unit/specs/event/MomentTensor.spec.js

@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils'
+import MomentTensor from '@/components/event/MomentTensor'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('event/MomentTensor.vue', () => {
+
+  const wrapper = shallowMount(MomentTensor, {
+    propsData: {
+      event: {
+        id: 'ob93enBa'
+      }
+    },
+    mocks: {
+      $http, $moment
+    }
+  })
+
+  it('Check component MomentTensor', () => {
+    expect(wrapper.is(MomentTensor)).to.eql(true)
+  })
+
+})

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

@@ -0,0 +1,23 @@
+import { shallowMount } from '@vue/test-utils'
+import Settlements from '@/components/event/Settlements'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('event/Settlements.vue', () => {
+
+  const wrapper = shallowMount(Settlements, {
+    propsData: {
+      event: {
+        id: 'ob93enBa'
+      }
+    },
+    mocks: {
+      $http, $moment
+    }
+  })
+
+  it('Check component Settlements', () => {
+    expect(wrapper.is(Settlements)).to.eql(true)
+  })
+
+})

test/unit/specs/event/Tabs.spec.js

@@ -0,0 +1,35 @@
+import { shallowMount } from '@vue/test-utils'
+import Tabs from '@/components/event/Tabs'
+import $moment from 'moment'
+import $http from 'axios'
+import eventTabs from '@/data/event-tabs'
+
+describe('event/Tabs.vue', () => {
+
+  const wrapper = shallowMount(Tabs, {
+    propsData: {
+      tabs: eventTabs,
+      event: {}
+    },
+    mocks: {
+      $http,
+      $moment,
+      $router: {
+        resolve: data => {
+          return { href: '' }
+        },
+        currentRoute: {
+          params: {}
+        }
+      },
+      $route: {
+        query: {}
+      }
+    }
+  })
+
+  it('Check component Tabs', () => {
+    expect(wrapper.is(Tabs)).to.eql(true)
+  })
+
+})

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

@@ -1,7 +1,7 @@
 import { shallowMount } from '@vue/test-utils'
 import MainpageMap from '@/components/maps/Mainpage'
 import { mapPropDataGen } from '../../utils'
-import * as $moment from 'moment'
+import $moment from 'moment'
 import $http from 'axios'
 import '@/leaflet'
 

test/unit/utils.js

@@ -1,5 +1,3 @@
-import * as $moment from 'moment'
-import $http from 'axios'
 
 export function mapPropDataGen(mapId)
 {
@@ -16,3 +14,4 @@ export function mapPropDataGen(mapId)
     tab: `test-${mapId}-tab`
   }
 }
+