geophystech#137 Events tests.

Author: Arthur Ayvazov

src/components/Events.vue

@@ -85,6 +85,7 @@ import Filters from '@/components/Filters.vue'
 import Spinner from '@/components/Spinner'
 import apiSettings from '@/settings/api'
 import { round } from '@/helpers/math'
+import eventsSettings from '@/settings/events'
 
 export default {
   components: { CountersHeader, Filters, Spinner },
@@ -101,7 +102,7 @@ export default {
       },
       events: [],
       disabledFilters: false,
-      highlightEventTreshold: this.$root.$options.settings.events.highlightTreshold,
+      highlightEventTreshold: eventsSettings.highlightTreshold,
       spinners: {
         loadMoreEvents: false
       },

test/unit/specs/Analytics.spec.js

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

test/unit/specs/CountersHeader.spec.js

@@ -0,0 +1,24 @@
+import { shallowMount } from '@vue/test-utils'
+import CountersHeader from '@/components/CountersHeader'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('CountersHeader.vue', () => {
+
+  const $store = {
+    getters: {
+      user: {
+        authenticated: false
+      }
+    }
+  }
+
+  const wrapper = shallowMount(CountersHeader, {
+    mocks: { $http, $moment, $store }
+  })
+
+  it('Check component CountersHeader', () => {
+    expect(wrapper.is(CountersHeader)).to.eql(true)
+  })
+
+})

test/unit/specs/Event.spec.js

@@ -0,0 +1,31 @@
+import { shallowMount } from '@vue/test-utils'
+import Event from '@/components/Event'
+import EventHeader from '@/components/event/Header'
+import $moment from 'moment'
+import $http from 'axios'
+import {$routerMocks} from '../utils'
+
+describe('Event.vue', () => {
+
+  const $store = {
+    getters: {
+      user: {
+        authenticated: false
+      }
+    }
+  }
+
+  const wrapper = shallowMount(Event, {
+    mocks: Object.assign({ $http, $moment, $store }, $routerMocks),
+    propsData: {
+      components: {
+        header: EventHeader
+      }
+    }
+  })
+
+  it('Check component Event', () => {
+    expect(wrapper.is(Event)).to.eql(true)
+  })
+
+})

test/unit/specs/Events.spec.js

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

test/unit/specs/Filters.spec.js

@@ -0,0 +1,25 @@
+import { shallowMount } from '@vue/test-utils'
+import Filters from '@/components/Filters'
+import { $routerMocks } from '../utils'
+import $moment from 'moment'
+import $http from 'axios'
+
+describe('Filters.vue', () => {
+
+  const $store = {
+    getters: {
+      user: {
+        authenticated: false
+      }
+    }
+  }
+
+  const wrapper = shallowMount(Filters, {
+    mocks: Object.assign({ $http, $moment, $store }, $routerMocks)
+  })
+
+  it('Check component Filters', () => {
+    expect(wrapper.is(Filters)).to.eql(true)
+  })
+
+})

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

@@ -2,28 +2,16 @@ import { shallowMount } from '@vue/test-utils'
 import Header from '@/components/event/Header'
 import $moment from 'moment'
 import $http from 'axios'
+import {$routerMocks} from '../../utils'
 
 describe('event/Header.vue', () => {
 
   const wrapper = shallowMount(Header, {
+    mocks: Object.assign({ $http, $moment }, $routerMocks),
     propsData: {
       event: {
         id: 'ob93enBa'
       }
-    },
-    mocks: {
-      $http,
-      $moment,
-      $router: {
-        resolve: data => {
-          return {
-            href: ''
-          }
-        }
-      },
-      $route: {
-        query: {}
-      }
     }
   })
 

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

@@ -3,28 +3,15 @@ import Tabs from '@/components/event/Tabs'
 import $moment from 'moment'
 import $http from 'axios'
 import eventTabs from '@/data/event-tabs'
+import {$routerMocks} from '../../utils'
 
 describe('event/Tabs.vue', () => {
 
   const wrapper = shallowMount(Tabs, {
+    mocks: Object.assign({ $http, $moment }, $routerMocks),
     propsData: {
       tabs: eventTabs,
       event: {}
-    },
-    mocks: {
-      $http,
-      $moment,
-      $router: {
-        resolve: data => {
-          return { href: '' }
-        },
-        currentRoute: {
-          params: {}
-        }
-      },
-      $route: {
-        query: {}
-      }
     }
   })
 

test/unit/utils.js

@@ -15,3 +15,19 @@ export function mapPropDataGen(mapId)
   }
 }
 
+export const $routerMocks = {
+  $router: {
+    resolve: data => {
+      return { href: '' }
+    },
+    replace: data => {
+
+    },
+    currentRoute: {
+      params: {}
+    }
+  },
+  $route: {
+    query: {}
+  }
+}