test: Add tests to components

Author: rakieta2015

package-lock.json

@@ -18,7 +18,8 @@
     "docs:dev": "vuepress dev docs --clean-cache",
     "docs:build": "vuepress build docs",
     "lint": "eslint 'src/components/**/*.{js,ts,tsx}'",
-    "test": "jest -u",
+    "test": "jest",
+    "test:u": "jest -u",
     "test:clear": "jest --clearCache",
     "test:coverage": "jest --coverage"
   },

package.json

@@ -0,0 +1,27 @@
+import { mount } from '@vue/test-utils'
+import { CAccordion as Component } from '../../../index'
+
+const ComponentName = 'CAccordion'
+
+const defaultWrapper = mount(Component, {
+  propsData: {
+    flush: true,
+  },
+  slots: {
+    default: 'Default slot',
+  }
+})
+
+describe(`Loads and display ${ComponentName} component`, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(defaultWrapper.html()).toMatchSnapshot()
+  }) 
+  it('contain slots and classes', () => {
+    expect(defaultWrapper.text()).toContain('Default slot')
+    expect(defaultWrapper.classes('accordion')).toBe(true)
+    expect(defaultWrapper.classes('accordion-flush')).toBe(true)
+  })
+})

src/components/accordion/__tests__/CAccordion.spec.ts

@@ -0,0 +1,26 @@
+import { mount } from '@vue/test-utils'
+import { CAccordionBody as Component } from '../../../index'
+
+const ComponentName = 'CAccordionBody'
+
+const defaultWrapper = mount(Component, {
+  propsData: {
+      
+  },
+  slots: {
+    default: 'Default slot',
+  }
+})
+
+describe(`Loads and display ${ComponentName} component`, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(defaultWrapper.html()).toMatchSnapshot()
+  }) 
+  it('contain slots and classes', () => {
+    expect(defaultWrapper.text()).toContain('Default slot')
+    expect(defaultWrapper.classes('accordion-body')).toBe(true)
+  })
+})

src/components/accordion/__tests__/CAccordionBody.spec.ts

@@ -0,0 +1,27 @@
+import { mount } from '@vue/test-utils'
+import { CAccordionButton as Component } from '../../../index'
+
+const ComponentName = 'CAccordionButton'
+
+const defaultWrapper = mount(Component, {
+  propsData: {
+    collapsed: true
+  },
+  slots: {
+    default: 'Default slot',
+  }
+})
+
+describe(`Loads and display ${ComponentName} component`, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(defaultWrapper.html()).toMatchSnapshot()
+  }) 
+  it('contain slots and classes', () => {
+    expect(defaultWrapper.text()).toContain('Default slot')
+    expect(defaultWrapper.classes('accordion-button')).toBe(true)
+    expect(defaultWrapper.classes('collapsed')).toBe(true)
+  })
+})

src/components/accordion/__tests__/CAccordionButton.spec.ts

@@ -0,0 +1,28 @@
+import { mount } from '@vue/test-utils'
+import { CAccordionCollapse as Component } from '../../../index'
+
+const ComponentName = 'CAccordionCollapse'
+
+const defaultWrapper = mount(Component, {
+  propsData: {
+      visible: true
+  },
+  slots: {
+    default: 'Default slot',
+  }
+})
+
+describe(`Loads and display ${ComponentName} component`, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(defaultWrapper.html()).toMatchSnapshot()
+  }) 
+  it('contain slots and classes', () => {
+    expect(defaultWrapper.text()).toContain('Default slot')
+    expect(defaultWrapper.classes('accordion-collapse')).toBe(true)
+    expect(defaultWrapper.find('div').classes('collapse')).toBe(true)
+    expect(defaultWrapper.find('div').classes('show')).toBe(true)
+  })
+})

src/components/accordion/__tests__/CAccordionCollapse.spec.ts

@@ -0,0 +1,26 @@
+import { mount } from '@vue/test-utils'
+import { CAccordionHeader as Component } from '../../../index'
+
+const ComponentName = 'CAccordionHeader'
+
+const defaultWrapper = mount(Component, {
+  propsData: {
+      
+  },
+  slots: {
+    default: 'Default slot',
+  }
+})
+
+describe(`Loads and display ${ComponentName} component`, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(defaultWrapper.html()).toMatchSnapshot()
+  }) 
+  it('contain slots and classes', () => {
+    expect(defaultWrapper.text()).toContain('Default slot')
+    expect(defaultWrapper.classes('accordion-header')).toBe(true)
+  })
+})

src/components/accordion/__tests__/CAccordionHeader.spec.ts

@@ -0,0 +1,26 @@
+import { mount } from '@vue/test-utils'
+import { CAccordionItem as Component } from '../../../index'
+
+const ComponentName = 'CAccordionItem'
+
+const defaultWrapper = mount(Component, {
+  propsData: {
+      
+  },
+  slots: {
+    default: 'Default slot',
+  }
+})
+
+describe(`Loads and display ${ComponentName} component`, () => {
+  it('has a name', () => {
+    expect(Component.name).toMatch(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(defaultWrapper.html()).toMatchSnapshot()
+  }) 
+  it('contain slots and classes', () => {
+    expect(defaultWrapper.text()).toContain('Default slot')
+    expect(defaultWrapper.classes('accordion-item')).toBe(true)
+  })
+})

src/components/accordion/__tests__/CAccordionItem.spec.ts

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Loads and display CAccordion component renders correctly 1`] = `"<div class=\\"accordion accordion-flush\\">Default slot</div>"`;

src/components/accordion/__tests__/__snapshots__/CAccordion.spec.ts.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Loads and display CAccordionBody component renders correctly 1`] = `"<div class=\\"accordion-body\\">Default slot</div>"`;