geophystech#137 Убраны все ворнинги связанные с неопределёнными тегами BootstrapVue.

Author: Arthur Ayvazov

test/e2e/custom-assertions/elementCount.js

@@ -6,20 +6,22 @@
 //
 // for how to write custom assertions see
 // http://nightwatchjs.org/guide#writing-custom-assertions
-exports.assertion = function (selector, count) {
+exports.assertion = function(selector, count)
+{
   this.message = 'Testing if element <' + selector + '> has count: ' + count
   this.expected = count
-  this.pass = function (val) {
+  this.pass = function(val) {
     return val === this.expected
   }
-  this.value = function (res) {
+  this.value = function(res) {
     return res.value
   }
-  this.command = function (cb) {
-    var self = this
-    return this.api.execute(function (selector) {
+  this.command = function(cb)
+  {
+    const self = this
+    return this.api.execute(function(selector) {
       return document.querySelectorAll(selector).length
-    }, [selector], function (res) {
+    }, [selector], function(res) {
       cb.call(self, res)
     })
   }

test/unit/specs/Analytics.spec.js

@@ -1,14 +1,17 @@
-import { shallowMount } from '@vue/test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
 import Analytics from '@/components/Analytics'
+import BootstrapVue from 'bootstrap-vue'
 import $moment from 'moment'
 import $http from 'axios'
 
+const localVue = createLocalVue()
+localVue.use(BootstrapVue)
+
 describe('Analytics.vue', () => {
 
   const wrapper = shallowMount(Analytics, {
-    mocks: {
-      $http, $moment
-    }
+    mocks: { $http, $moment },
+    localVue
   })
 
   it('Check component Analytics', () => {

test/unit/specs/AppFooter.spec.js

@@ -1,10 +1,16 @@
-import { shallowMount } from '@vue/test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
 import AppFooter from '@/components/AppFooter'
+import BootstrapVue from 'bootstrap-vue'
 import AppSettings from '@/settings/app'
 
+const localVue = createLocalVue()
+localVue.use(BootstrapVue)
+
 describe('AppFooter.vue', () => {
 
-  const wrapper = shallowMount(AppFooter)
+  const wrapper = shallowMount(AppFooter, {
+    localVue
+  })
 
   it('renders copyright', () => {
     const copyright = wrapper.find('#copyright').text()

test/unit/specs/AppHeader.spec.js

@@ -1,15 +1,13 @@
 import { shallowMount, createLocalVue } from '@vue/test-utils'
-
 import AppHeader from '@/components/AppHeader'
+import BootstrapVue from 'bootstrap-vue'
 import VueRouter from 'vue-router'
+import { RouterLink } from '../utils'
 
-const RouterLink = {
-  name: 'router-link',
-  render: function(h) {
-    return h('a', this.$slots.default)
-  },
-  props: ['to']
-}
+const localVue = createLocalVue()
+const router = new VueRouter()
+localVue.use(BootstrapVue)
+localVue.use(VueRouter)
 
 describe('AppHeader.vue', () => {
 
@@ -21,10 +19,6 @@ describe('AppHeader.vue', () => {
     }
   }
 
-  const localVue = createLocalVue()
-  localVue.use(VueRouter)
-
-  const router = new VueRouter()
   const wrapper = shallowMount(AppHeader, {
     localVue,
     router,
@@ -78,6 +72,7 @@ describe('AppHeader.vue', () => {
       }
 
       const wrapper = shallowMount(AppHeader, {
+        localVue,
         router,
         mocks: {
           $store
@@ -119,6 +114,7 @@ describe('AppHeader.vue', () => {
         }
 
         const wrapper = shallowMount(AppHeader, {
+          localVue,
           router,
           mocks: {
             $store

test/unit/specs/AppNavbar.spec.js

@@ -1,12 +1,17 @@
-import { shallowMount } from '@vue/test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
 import AppNavbar from '@/components/AppNavbar'
+import BootstrapVue from 'bootstrap-vue'
 import $moment from 'moment'
 import $http from 'axios'
 
+const localVue = createLocalVue()
+localVue.use(BootstrapVue)
+
 describe('AppNavbar.vue', () => {
 
   const wrapper = shallowMount(AppNavbar, {
-    mocks: { $http, $moment }
+    mocks: { $http, $moment },
+    localVue
   })
 
   it('Check component AppNavbar', () => {

test/unit/specs/CountersHeader.spec.js

@@ -1,8 +1,13 @@
-import { shallowMount } from '@vue/test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
 import CountersHeader from '@/components/CountersHeader'
+import BootstrapVue from 'bootstrap-vue'
+import { RouterLink } from '../utils'
 import $moment from 'moment'
 import $http from 'axios'
 
+const localVue = createLocalVue()
+localVue.use(BootstrapVue)
+
 describe('CountersHeader.vue', () => {
 
   const $store = {
@@ -14,7 +19,9 @@ describe('CountersHeader.vue', () => {
   }
 
   const wrapper = shallowMount(CountersHeader, {
-    mocks: { $http, $moment, $store }
+    mocks: { $http, $moment, $store },
+    stubs: { RouterLink },
+    localVue
   })
 
   it('Check component CountersHeader', () => {

test/unit/specs/Event.spec.js

@@ -1,9 +1,13 @@
-import { shallowMount } from '@vue/test-utils'
-import Event from '@/components/Event'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
+import { $routerMocks, 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 {$routerMocks} from '../utils'
+
+const localVue = createLocalVue()
+localVue.use(BootstrapVue)
 
 describe('Event.vue', () => {
 
@@ -17,11 +21,13 @@ describe('Event.vue', () => {
 
   const wrapper = shallowMount(Event, {
     mocks: Object.assign({ $http, $moment, $store }, $routerMocks),
+    stubs: { RouterLink },
     propsData: {
       components: {
         header: EventHeader
       }
-    }
+    },
+    localVue
   })
 
   it('Check component Event', () => {

test/unit/specs/Events.spec.js

@@ -1,18 +1,21 @@
-import { shallowMount } from '@vue/test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
 import Events from '@/components/Events'
+import BootstrapVue from 'bootstrap-vue'
 import $moment from 'moment'
 import $http from 'axios'
 
+const localVue = createLocalVue()
+localVue.use(BootstrapVue)
+
 describe('Events.vue', () => {
 
   const wrapper = shallowMount(Events, {
+    mocks: { $http, $moment },
     propsData: {
       spinners: {},
       events: []
     },
-    mocks: {
-      $http, $moment
-    }
+    localVue
   })
 
   it('Check component Events', () => {

test/unit/specs/ExportDropDown.spec.js

@@ -1,8 +1,12 @@
-import { shallowMount } from '@vue/test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
 import ExportDropDown from '@/components/ExportDropDown'
+import BootstrapVue from 'bootstrap-vue'
 import $moment from 'moment'
 import $http from 'axios'
 
+const localVue = createLocalVue()
+localVue.use(BootstrapVue)
+
 describe('ExportDropDown.vue', () => {
 
   const $store = {
@@ -14,7 +18,8 @@ describe('ExportDropDown.vue', () => {
   }
 
   const wrapper = shallowMount(ExportDropDown, {
-    mocks: { $http, $moment, $store }
+    mocks: { $http, $moment, $store },
+    localVue
   })
 
   it('Check component ExportDropDown', () => {

test/unit/specs/Filters.spec.js

@@ -1,9 +1,13 @@
-import { shallowMount } from '@vue/test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
 import Filters from '@/components/Filters'
-import { $routerMocks } from '../utils'
+import BootstrapVue from 'bootstrap-vue'
+import { $routerMocks, eventFilters } from '../utils'
 import $moment from 'moment'
 import $http from 'axios'
 
+const localVue = createLocalVue()
+localVue.use(BootstrapVue)
+
 describe('Filters.vue', () => {
 
   const $store = {
@@ -15,11 +19,27 @@ describe('Filters.vue', () => {
   }
 
   const wrapper = shallowMount(Filters, {
-    mocks: Object.assign({ $http, $moment, $store }, $routerMocks)
+    mocks: Object.assign({ $http, $moment, $store }, $routerMocks),
+    attachToDocument: true,
+    localVue
   })
 
   it('Check component Filters', () => {
     expect(wrapper.is(Filters)).to.eql(true)
   })
 
+  describe('Check filter fields', () => {
+
+    for (let item of Object.entries(eventFilters))
+    {
+      const [filterName, filterConf] = item
+      const field = wrapper.find(`${filterConf.tag}[name="${filterName}"]`)
+
+      it(`Check filter ${filterName}`, () => {
+        expect(field.exists()).to.eql(true)
+      })
+    }
+
+  })
+
 })

test/unit/specs/FlashMessage.spec.js

@@ -1,12 +1,17 @@
-import { shallowMount } from '@vue/test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
 import FlashMessage from '@/components/FlashMessage'
+import BootstrapVue from 'bootstrap-vue'
 import $moment from 'moment'
 import $http from 'axios'
 
+const localVue = createLocalVue()
+localVue.use(BootstrapVue)
+
 describe('FlashMessage.vue', () => {
 
   const wrapper = shallowMount(FlashMessage, {
-    mocks: { $http, $moment }
+    mocks: { $http, $moment },
+    localVue
   })
 
   it('Check component FlashMessage', () => {

test/unit/specs/Mainpage.spec.js

@@ -1,12 +1,17 @@
-import { shallowMount } from '@vue/test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
 import Mainpage from '@/components/Mainpage'
+import BootstrapVue from 'bootstrap-vue'
 import $moment from 'moment'
 import $http from 'axios'
 
+const localVue = createLocalVue()
+localVue.use(BootstrapVue)
+
 describe('Mainpage.vue', () => {
 
   const wrapper = shallowMount(Mainpage, {
-    mocks: { $http, $moment }
+    mocks: { $http, $moment },
+    localVue
   })
 
   it('Check component Mainpage', () => {

test/unit/specs/MobileAppAlert.spec.js

@@ -1,14 +1,17 @@
-import { shallowMount } from '@vue/test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
 import MobileAppAlert from '@/components/MobileAppAlert'
+import BootstrapVue from 'bootstrap-vue'
 import $moment from 'moment'
 import $http from 'axios'
 
+const localVue = createLocalVue()
+localVue.use(BootstrapVue)
+
 describe('MobileAppAlert.vue', () => {
 
   const wrapper = shallowMount(MobileAppAlert, {
-    mocks: {
-      $http, $moment
-    }
+    mocks: { $http, $moment },
+    localVue
   })
 
   it('Check component MobileAppAlert', () => {

test/unit/specs/SocialMediaLinks.spec.js

@@ -1,12 +1,17 @@
-import { shallowMount } from '@vue/test-utils'
+import { shallowMount, createLocalVue } from '@vue/test-utils'
 import SocialMediaLinks from '@/components/SocialMediaLinks'
+import BootstrapVue from 'bootstrap-vue'
 import $moment from 'moment'
 import $http from 'axios'
 
+const localVue = createLocalVue()
+localVue.use(BootstrapVue)
+
 describe('SocialMediaLinks.vue', () => {
 
   const wrapper = shallowMount(SocialMediaLinks, {
-    mocks: { $http, $moment }
+    mocks: { $http, $moment },
+    localVue
   })
 
   it('Check component SocialMediaLinks', () => {

test/unit/specs/Spinner.spec.js

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