tests: add some issing tests

Author: xidedix

CHANGELOG.md

@@ -1,5 +1,21 @@
 ## [vue](./README.md) version `changelog`
 
+##### `v2.0.0-rc.0`
+- test(unit): add some views testing 
+- test(e2e): add testing for mobile `sidebar-show` 
+- chore: update `vue` to `2.5.17`
+- chore: update `vue-template-compiler` to `2.5.17`
+- chore: update `@vue/cli-plugin-babel` to `3.0.1`
+- chore: update `@vue/cli-plugin-e2e-nightwatch` to `3.0.1`
+- chore: update `@vue/cli-plugin-eslint` to `3.0.1`
+- chore: update `@vue/cli-plugin-unit-jest` to `3.0.1`
+- chore: update `@vue/cli-service` to `3.0.1`
+- chore: update `@vue/test-utils` to `1.0.0-beta.24`
+- chore: update `babel-jest` to `23.4.2`
+- chore: update `node-sass` to `4.9.3`
+- chore: update `sass-loader` to `7.1.0`
+- chore: update `vue-chartjs` to `3.4.0`
+
 ##### `v2.0.0-beta.13`
 - fix(jest.config.js): solves - _SecurityError: localStorage is not available for opaque origins_
 - chore: update `bootstrap` to `4.1.3`

package.json

@@ -22,28 +22,28 @@
     "bootstrap-vue": "^2.0.0-rc.11",
     "chart.js": "^2.7.2",
     "core-js": "^2.5.7",
-    "css-vars-ponyfill": "^1.8.0",
+    "css-vars-ponyfill": "^1.9.0",
     "flag-icon-css": "^3.0.0",
     "font-awesome": "^4.7.0",
     "perfect-scrollbar": "^1.4.0",
     "simple-line-icons": "^2.4.1",
-    "vue": "^2.5.16",
-    "vue-chartjs": "^3.3.2",
+    "vue": "^2.5.17",
+    "vue-chartjs": "^3.4.0",
     "vue-perfect-scrollbar": "^0.1.0",
     "vue-router": "^3.0.1"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.0.0-rc.7",
-    "@vue/cli-plugin-e2e-nightwatch": "^3.0.0-rc.7",
-    "@vue/cli-plugin-eslint": "^3.0.0-rc.7",
-    "@vue/cli-plugin-unit-jest": "^3.0.0-rc.7",
-    "@vue/cli-service": "^3.0.0-rc.7",
-    "@vue/test-utils": "^1.0.0-beta.21",
+    "@vue/cli-plugin-babel": "^3.0.1",
+    "@vue/cli-plugin-e2e-nightwatch": "^3.0.1",
+    "@vue/cli-plugin-eslint": "^3.0.1",
+    "@vue/cli-plugin-unit-jest": "^3.0.1",
+    "@vue/cli-service": "^3.0.1",
+    "@vue/test-utils": "^1.0.0-beta.24",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-jest": "^23.4.0",
-    "node-sass": "^4.9.2",
-    "sass-loader": "^7.0.3",
-    "vue-template-compiler": "^2.5.16"
+    "babel-jest": "^23.4.2",
+    "node-sass": "^4.9.3",
+    "sass-loader": "^7.1.0",
+    "vue-template-compiler": "^2.5.17"
   },
   "browserslist": [
     "> 1%",

tests/e2e/specs/test.js

@@ -80,6 +80,24 @@ module.exports = {
         this.assert.cssClassNotPresent('/html/body', 'brand-minimized')
       })
 
+    browser
+    .resizeWindow(800, 600)
+    .pause(500)
+
+    browser
+    .pause(500)
+    .click('/html/body/div/header/button[1]', function (response) {
+      console.log('response', typeof response)
+      this.assert.cssClassPresent('/html/body', 'sidebar-show')
+    })
+
+    browser
+    .pause(500)
+    .click('/html/body/div/div/div/nav/section/ul/li[1]/div/a', function (response) {
+      console.log('response', typeof response)
+      this.assert.cssClassNotPresent('/html/body', 'sidebar-show')
+    })
+
     browser
       .pause(5000)
       .end()

tests/unit/Alerts.spec.js

@@ -0,0 +1,32 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import Alerts from '@/views/notifications/Alerts'
+
+Vue.use(BootstrapVue)
+
+describe('Alerts.vue', () => {
+  it('has a name', () => {
+    expect(Alerts.name).toMatch('alerts')
+  })
+  it('has a created hook', () => {
+    expect(typeof Alerts.data).toMatch('function')
+  })
+  it('sets the correct default data', () => {
+    expect(typeof Alerts.data).toMatch('function')
+    const defaultData = Alerts.data()
+    expect(defaultData.showDismissibleAlert).toBe(false)
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(Alerts)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is Alerts', () => {
+    const wrapper = shallowMount(Alerts)
+    expect(wrapper.is(Alerts)).toBe(true)
+  })
+  it('should render correct content', () => {
+    const wrapper = mount(Alerts)
+    expect(wrapper.find('header.card-header > div').text()).toMatch('Bootstrap Alert docs')
+  })
+})

tests/unit/App.spec.js

@@ -0,0 +1,12 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import App from '@/App'
+
+Vue.use(BootstrapVue)
+
+describe('App.vue', () => {
+  it('has a name', () => {
+    expect(App.name).toMatch('app')
+  })
+})

tests/unit/Badges.spec.js

@@ -0,0 +1,24 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import Badges from '@/views/notifications/Badges'
+
+Vue.use(BootstrapVue)
+
+describe('Badges.vue', () => {
+  it('has a name', () => {
+    expect(Badges.name).toMatch('badges')
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(Badges)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is Badges', () => {
+    const wrapper = shallowMount(Badges)
+    expect(wrapper.is(Badges)).toBe(true)
+  })
+  it('should render correct content', () => {
+    const wrapper = mount(Badges)
+    expect(wrapper.find('header.card-header > div').text()).toMatch('Bootstrap Badge docs')
+  })
+})

tests/unit/BrandButtons.spec.js

@@ -0,0 +1,24 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import BrandButtons from '@/views/buttons/BrandButtons'
+
+Vue.use(BootstrapVue)
+
+describe('BrandButtons.vue', () => {
+  it('has a name', () => {
+    expect(BrandButtons.name).toMatch('brand-buttons')
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(BrandButtons)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is BrandButtons', () => {
+    const wrapper = shallowMount(BrandButtons)
+    expect(wrapper.is(BrandButtons)).toBe(true)
+  })
+  it('should render correct content', () => {
+    const wrapper = mount(BrandButtons)
+    expect(wrapper.find('div.card-header > div > strong').text()).toMatch('Brand Button')
+  })
+})

tests/unit/Breadcrumbs.spec.js

@@ -0,0 +1,32 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import Breadcrumbs from '@/views/base/Breadcrumbs'
+
+Vue.use(BootstrapVue)
+
+describe('Breadcrumbs.vue', () => {
+  it('has a name', () => {
+    expect(Breadcrumbs.name).toMatch('breadcrumbs')
+  })
+  it('has a created hook', () => {
+    expect(typeof Breadcrumbs.data).toMatch('function')
+  })
+  it('sets the correct default data', () => {
+    expect(typeof Breadcrumbs.data).toMatch('function')
+    const defaultData = Breadcrumbs.data()
+    expect(typeof defaultData.items).toMatch('object')
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(Breadcrumbs)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is Breadcrumbs', () => {
+    const wrapper = shallowMount(Breadcrumbs)
+    expect(wrapper.is(Breadcrumbs)).toBe(true)
+  })
+  it('should render correct content', () => {
+    const wrapper = mount(Breadcrumbs)
+    expect(wrapper.find('header.card-header > div > strong').text()).toMatch('Bootstrap Breadcrumb')
+  })
+})

tests/unit/ButtonDropdowns.spec.js

@@ -0,0 +1,24 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import Dropdowns from '@/views/buttons/Dropdowns'
+
+Vue.use(BootstrapVue)
+
+describe('Dropdowns.vue', () => {
+  it('has a name', () => {
+    expect(Dropdowns.name).toMatch('dropdowns')
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(Dropdowns)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is Dropdowns', () => {
+    const wrapper = shallowMount(Dropdowns)
+    expect(wrapper.is(Dropdowns)).toBe(true)
+  })
+  it('should render correct content', () => {
+    const wrapper = mount(Dropdowns)
+    expect(wrapper.find('header.card-header > div > strong').text()).toMatch('Bootstrap Dropdown')
+  })
+})

tests/unit/ButtonGroups.spec.js

@@ -0,0 +1,24 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import ButtonGroups from '@/views/buttons/ButtonGroups'
+
+Vue.use(BootstrapVue)
+
+describe('ButtonGroups.vue', () => {
+  it('has a name', () => {
+    expect(ButtonGroups.name).toMatch('button-groups')
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(ButtonGroups)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is ButtonGroups', () => {
+    const wrapper = shallowMount(ButtonGroups)
+    expect(wrapper.is(ButtonGroups)).toBe(true)
+  })
+  it('should render correct content', () => {
+    const wrapper = mount(ButtonGroups)
+    expect(wrapper.find('header.card-header').text()).toMatch('Bootstrap button group')
+  })
+})

tests/unit/Cards.spec.js

@@ -0,0 +1,32 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import Cards from '@/views/base/Cards'
+
+Vue.use(BootstrapVue)
+
+describe('Cards.vue', () => {
+  it('has a name', () => {
+    expect(Cards.name).toMatch('cards')
+  })
+  it('has a created hook', () => {
+    expect(typeof Cards.data).toMatch('function')
+  })
+  it('sets the correct default data', () => {
+    expect(typeof Cards.data).toMatch('function')
+    const defaultData = Cards.data()
+    expect(defaultData.show).toBe(true)
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(Cards)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is Cards', () => {
+    const wrapper = shallowMount(Cards)
+    expect(wrapper.is(Cards)).toBe(true)
+  })
+  it('should render correct content', () => {
+    const wrapper = mount(Cards)
+    expect(wrapper.find('div.card-header > div').text()).toMatch('Card title')
+  })
+})

tests/unit/Carousels.spec.js

@@ -0,0 +1,32 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import Carousels from '@/views/base/Carousels'
+
+Vue.use(BootstrapVue)
+
+describe('Carousels.vue', () => {
+  it('has a name', () => {
+    expect(Carousels.name).toMatch('carousels')
+  })
+  it('has a created hook', () => {
+    expect(typeof Carousels.data).toMatch('function')
+  })
+  it('sets the correct default data', () => {
+    expect(typeof Carousels.data).toMatch('function')
+    const defaultData = Carousels.data()
+    expect(defaultData.slide).toBe(0)
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(Carousels)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is Carousels', () => {
+    const wrapper = shallowMount(Carousels)
+    expect(wrapper.is(Carousels)).toBe(true)
+  })
+  it('should render correct content', () => {
+    const wrapper = mount(Carousels)
+    expect(wrapper.find('header.card-header > div > strong').text()).toMatch('Bootstrap Carousel')
+  })
+})

tests/unit/Charts.spec.js

@@ -0,0 +1,20 @@
+import Vue from 'vue'
+import { shallowMount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import Charts from '@/views/Charts'
+
+Vue.use(BootstrapVue)
+
+describe('Charts.vue', () => {
+  it('has a name', () => {
+    expect(Charts.name).toMatch('charts')
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(Charts)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is Charts', () => {
+    const wrapper = shallowMount(Charts)
+    expect(wrapper.is(Charts)).toBe(true)
+  })
+})

tests/unit/Collapses.spec.js

@@ -0,0 +1,32 @@
+import Vue from 'vue'
+import { shallowMount, mount } from '@vue/test-utils'
+import BootstrapVue from 'bootstrap-vue'
+import Collapses from '@/views/base/Collapses'
+
+Vue.use(BootstrapVue)
+
+describe('Collapses.vue', () => {
+  it('has a name', () => {
+    expect(Collapses.name).toMatch('collapses')
+  })
+  it('has a created hook', () => {
+    expect(typeof Collapses.data).toMatch('function')
+  })
+  it('sets the correct default data', () => {
+    expect(typeof Collapses.data).toMatch('function')
+    const defaultData = Collapses.data()
+    expect(defaultData.showCollapse).toBe(true)
+  })
+  it('is Vue instance', () => {
+    const wrapper = shallowMount(Collapses)
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
+  it('is Collapses', () => {
+    const wrapper = shallowMount(Collapses)
+    expect(wrapper.is(Collapses)).toBe(true)
+  })
+  it('should render correct content', () => {
+    const wrapper = mount(Collapses)
+    expect(wrapper.find('header.card-header > div > strong').text()).toMatch('Bootstrap Collapse')
+  })
+})