geophystech#137 Event.

Author: Arman

test/unit/specs/Event.spec.js

@@ -1,16 +1,16 @@
-import { shallowMount, createLocalVue } from '@vue/test-utils'
-import { $routerMocks, RouterLink } from '../utils'
+import { mount, createLocalVue } from '@vue/test-utils'
+import {$routerMocks, EVENT_DATA, RouterLink} from '../utils'
 import EventHeader from '@/components/event/Header'
 import BootstrapVue from 'bootstrap-vue'
 import Event from '@/components/Event'
 import $moment from 'moment'
-import $http from 'axios'
+import flushPromises from 'flush-promises'
 
 const localVue = createLocalVue()
 localVue.use(BootstrapVue)
 
-describe('Event.vue', () => {
-
+function createWrapper($http)
+{
   const $store = {
     getters: {
       user: {
@@ -19,7 +19,7 @@ describe('Event.vue', () => {
     }
   }
 
-  const wrapper = shallowMount(Event, {
+  return mount(Event, {
     mocks: Object.assign({ $http, $moment, $store }, $routerMocks),
     stubs: { RouterLink },
     propsData: {
@@ -29,9 +29,63 @@ describe('Event.vue', () => {
     },
     localVue
   })
+}
+
+const resp = {
+  data: {
+    data: EVENT_DATA
+  }
+}
+
+describe('Event.vue', () => {
+
+  describe('Request Event', () => {
+
+    ([
+
+      ['Response Success if user authenticated', () => Promise.resolve(resp), wrapper => {
+
+        wrapper.vm.$store.getters.user.authenticated = true
+
+        flushPromises().then(() => {
+          expect(wrapper.vm.event.id).to.eql(EVENT_DATA.id)
+        })
+
+      }],
+
+      ['Response Success if not user authenticated', () => Promise.resolve(resp), wrapper => {
+        flushPromises().then(() => {
+          expect(wrapper.vm.event.id).to.eql(EVENT_DATA.id)
+        })
+      }],
+
+      ['Response Error', () => Promise.reject({
+        response: {
+          statusText: '',
+          status: 403
+        }
+      }), wrapper => {
+        flushPromises().then(() => {
+          expect(wrapper.vm.errorResponse.status).to.eql(403)
+        })
+      }]
+
+    ]).forEach(conf => {
+
+      const [label, httpResp, callBack] = conf
+
+      const wrapper = createWrapper({
+        get: httpResp
+      })
+
+      it(label, async () => {
+        callBack(wrapper)
+      })
+
+      wrapper.destroy()
+
+    })
 
-  it('Check component Event', () => {
-    expect(wrapper.is(Event)).to.eql(true)
   })
 
 })

test/unit/specs/Filters.spec.js

@@ -35,7 +35,7 @@ describe('Filters.vue', () => {
   }
 
   $routerMocks.$route.query = {}
-  const values = [false, '', '1', 1, true]
+  const values = [true, false, 1, '1', '']
   Object.keys(fields).forEach(prop => {
     $routerMocks.$route.query[prop] = values[0]
     values.push(values.shift())