test: create missing unit tests and update existing

Author: woothu

package.json

@@ -60,7 +60,7 @@
     "build:es": "rollup -c --environment TARGET:esm",
     "lint": "vue-cli-service lint --ignore-pattern **/*spec.js",
     "test": "vue-cli-service test:unit",
-    "test:coverage": "vue-cli-service test:unit --coverage --collectCoverageFrom=src/**/*.{js,vue} --collectCoverageFrom=!**/index*",
+    "test:coverage": "vue-cli-service test:unit --coverage",
     "clearCache": "jest --clearCache",
     "release": "npm-run-all clearCache lint build test:coverage"
   },

src/components/breadcrumb/tests/CBreadcrumb.spec.js

@@ -1,4 +1,6 @@
-import { mount } from '@vue/test-utils'
+import {
+  mount
+} from '@vue/test-utils'
 import Component from '../CBreadcrumb'
 
 const ComponentName = 'CBreadcrumb'
@@ -19,11 +21,20 @@ const wrapper = mount(Component, {
   }
 })
 
+const wrapperSlot = mount(Component, {
+  slots: {
+    default: 'default slot content'
+  }
+})
+
 describe(ComponentName, () => {
   it('has a name', () => {
     expect(Component.name).toMatch(ComponentName)
   })
   it('renders correctly', () => {
     expect(wrapper.element).toMatchSnapshot()
   })
-});
+  it('renders correctly with slot content', () => {
+    expect(wrapperSlot.element).toMatchSnapshot()
+  })
+})

src/components/breadcrumb/tests/__snapshots__/CBreadcrumb.spec.js.snap

@@ -44,3 +44,13 @@ exports[`CBreadcrumb renders correctly 1`] = `
    
 </ol>
 `;
+
+exports[`CBreadcrumb renders correctly with slot content 1`] = `
+<ol
+  class="breadcrumb"
+>
+   
+  <!---->
+   default slot content
+</ol>
+`;

src/components/card/tests/CCardImg.spec.js

@@ -0,0 +1,22 @@
+import { mount } from '@vue/test-utils'
+import Component from '../CCardImg'
+const ComponentName = 'CCardImg'
+
+const wrapper = mount(Component)
+const wrapperTop = mount(Component, {
+  props: {
+    variant: 'top'
+  }
+})
+
+describe(ComponentName, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+  it('renders correctly with variant', () => {
+    expect(wrapperTop.element).toMatchSnapshot()
+  })
+})

src/components/card/tests/CCardImgOverlay.spec.js

@@ -0,0 +1,18 @@
+import { mount } from '@vue/test-utils'
+import Component from '../CCardImgOverlay'
+const ComponentName = 'CCardImgOverlay'
+
+const wrapper = mount(Component, {
+  slots: {
+    default: 'content goes here'
+  }
+})
+
+describe(ComponentName, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})

src/components/card/tests/CCardLink.spec.js

@@ -0,0 +1,13 @@
+import { mount } from '@vue/test-utils'
+import Component from '../CCardLink'
+const ComponentName = 'CCardLink'
+const wrapper = mount(Component)
+
+describe(ComponentName, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})

src/components/card/tests/CCardSubtitle.spec.js

@@ -0,0 +1,13 @@
+import { mount } from '@vue/test-utils'
+import Component from '../CCardSubtitle'
+const ComponentName = 'CCardSubtitle'
+const wrapper = mount(Component)
+
+describe(ComponentName, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})

src/components/card/tests/CCardText.spec.js

@@ -0,0 +1,13 @@
+import { mount } from '@vue/test-utils'
+import Component from '../CCardText'
+const ComponentName = 'CCardText'
+const wrapper = mount(Component)
+
+describe(ComponentName, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})

src/components/card/tests/CCardTitle.spec.js

@@ -0,0 +1,13 @@
+import { mount } from '@vue/test-utils'
+import Component from '../CCardTitle'
+const ComponentName = 'CCardTitle'
+const wrapper = mount(Component)
+
+describe(ComponentName, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})

src/components/card/tests/__snapshots__/CCardImg.spec.js.snap

@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCardImg renders correctly 1`] = `
+<svg
+  class="card-img"
+  style="background-color: transparent;"
+/>
+`;
+
+exports[`CCardImg renders correctly with variant 1`] = `
+<svg
+  class="card-img-undefined"
+  style="background-color: transparent;"
+/>
+`;