geophystech#137 Event.

Author: Arman

src/components/CountersHeader.vue

@@ -22,6 +22,7 @@
           :variant="showTrainingEvents ? 'event-training' : 'info'"
           :disabled="trainingEventsBtnDisabled"
           :pressed.sync="showTrainingEvents"
+          id="showTraining"
           size="sm">{{ showTrainingEvents ? 'Скрыть' : 'Показать' }} учебные</b-btn>
 
         <ModalMap v-if="showModalMap && count > 0" :filtersData="filtersData" />

test/unit/specs/CountersHeader.spec.js

@@ -1,4 +1,4 @@
-import { shallowMount, createLocalVue } from '@vue/test-utils'
+import { mount, createLocalVue } from '@vue/test-utils'
 import CountersHeader from '@/components/CountersHeader'
 import BootstrapVue from 'bootstrap-vue'
 import { RouterLink } from '../utils'
@@ -13,19 +13,29 @@ describe('CountersHeader.vue', () => {
   const $store = {
     getters: {
       user: {
-        authenticated: false
+        authenticated: true,
+        permissions: {
+          reports: 'reports'
+        }
       }
     }
   }
 
-  const wrapper = shallowMount(CountersHeader, {
+  const wrapper = mount(CountersHeader, {
     mocks: { $http, $moment, $store },
     stubs: { RouterLink },
+    propsData: {
+      trainingEventsBtnShow: true,
+      showTrainingEvents: false
+    },
     localVue
   })
 
-  it('Check component CountersHeader', () => {
-    expect(wrapper.is(CountersHeader)).to.eql(true)
+  it('Toggle Training Events', () => {
+    wrapper.find('#showTraining').trigger('click')
+    expect(wrapper.vm.showTrainingEvents).to.eql(true)
+    wrapper.find('#showTraining').trigger('click')
+    expect(wrapper.vm.showTrainingEvents).to.eql(false)
   })
 
 })