test: Added CCard tests.

Author: woothu

src/components/Card/test/CCard.spec.js

@@ -0,0 +1,47 @@
+import { mount } from '@vue/test-utils'
+import Component from "../CCard";
+const ComponentName = 'CCard'
+
+const wrapper = mount(Component, {
+  context: {
+    props: {
+      align: 'left',
+      variant: 'success',
+      textVariant: 'white',
+      borderVariant: 'solid',
+      header: 'header',
+      footer: 'footer',
+      body: 'body'
+    }
+  }
+})
+const slotWrapper = mount(Component, {
+  context: {
+    props: {
+      align: 'left',
+      variant: 'success',
+      textVariant: 'white',
+      borderVariant: 'solid',
+      header: 'header',
+      footer: 'footer',
+      body: 'body'
+    }
+  },
+  slots: {
+    header: 'this should overwrite header<br>',
+    default: 'this should overwrite body<br>',
+    footer: 'this should overwrite footer'
+  }
+})
+
+describe(ComponentName, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+  it('renders correctly with slots', () => {
+    expect(slotWrapper.element).toMatchSnapshot()
+  })
+});

src/components/Card/test/CCardBody.spec.js

@@ -0,0 +1,25 @@
+import { mount } from '@vue/test-utils'
+import Component from "../CCardBody";
+
+const ComponentName = 'CCardBody'
+const wrapper = mount(Component, {
+  context: {
+    props: {
+      align: 'left',
+      variant: 'primary',
+      textVariant: 'white',
+      borderVariant: 'solid',
+      title: 'title',
+      subtitle: 'subtitle'
+    }
+  }
+})
+
+describe(ComponentName, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+});

src/components/Card/test/CCardFooter.spec.js

@@ -0,0 +1,26 @@
+import { mount } from '@vue/test-utils'
+import Component from "../CCardFooter";
+
+const ComponentName = 'CCardFooter'
+const wrapper = mount(Component, {
+  context: {
+    props: {
+      align: 'left',
+      variant: 'primary',
+      textVariant: 'white',
+      borderVariant: 'solid'
+    }
+  },
+  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/test/CCardGroup.spec.js

@@ -0,0 +1,24 @@
+import { mount } from '@vue/test-utils'
+import Component from "../CCardGroup";
+const ComponentName = 'CCardGroup'
+const wrapper = mount(Component, {
+  context: {
+    props: {
+      deck: true,
+      column: true,
+      tag: 'p'
+    }
+  },
+  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/test/CCardHeader.spec.js

@@ -0,0 +1,26 @@
+import { mount } from '@vue/test-utils'
+import Component from "../CCardHeader";
+const ComponentName = 'CCardHeader'
+const wrapper = mount(Component, {
+  context: {
+    props: {
+      header: 'header',
+      align: 'left',
+      variant: 'primary',
+      textVariant: 'white',
+      borderVariant: 'solid'
+    }
+  },
+  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/test/CCardImg.spec.js

@@ -0,0 +1,19 @@
+import { mount } from '@vue/test-utils'
+import Component from "../CCardImg";
+const ComponentName = 'CCardImg'
+const wrapper = mount(Component, {
+  context: {
+    props: {
+      src: 'some_src'
+    }
+  }
+})
+
+describe(ComponentName, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+});

src/components/Card/test/__snapshots__/CCard.spec.js.snap

@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCard renders correctly 1`] = `
+<div
+  class="card text-left bg-success border-solid text-white"
+>
+  <div
+    class="card-header"
+  >
+    header
+  </div>
+  <div
+    class="card-body"
+  >
+    <!---->
+    <!---->
+    body
+  </div>
+  <div
+    class="card-footer"
+  >
+    footer
+  </div>
+</div>
+`;
+
+exports[`CCard renders correctly with slots 1`] = `
+<div
+  class="card text-left bg-success border-solid text-white"
+>
+  this should overwrite header
+  <br />
+  this should overwrite body
+  <br />
+  this should overwrite footer
+</div>
+`;

src/components/Card/test/__snapshots__/CCardBody.spec.js.snap

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCardBody renders correctly 1`] = `
+<div
+  class="card-body bg-primary border-solid text-white"
+>
+  <h4
+    class="card-title"
+  >
+    title
+  </h4>
+  <h6
+    class="card-subtitle mb-2 text-muted"
+  >
+    subtitle
+  </h6>
+</div>
+`;

src/components/Card/test/__snapshots__/CCardFooter.spec.js.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCardFooter renders correctly 1`] = `
+<div
+  class="card-footer text-left bg-primary border-solid text-white"
+>
+  <template>
+    content goes here
+  </template>
+</div>
+`;

src/components/Card/test/__snapshots__/CCardGroup.spec.js.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCardGroup renders correctly 1`] = `
+<p
+  class="card-deck"
+>
+  <template>
+    content goes here
+  </template>
+</p>
+`;