tests: add tests

Author: mrholek

src/__tests__/index.spec.ts

@@ -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,31 @@
+import { mount } from '@vue/test-utils'
+import { CAccordionBody as Component } from '../../../index'
+
+const ComponentName = 'CAccordionBody'
+
+const defaultWrapper = mount(Component, {
+  global: {
+    provide: {
+      visible: true,
+    },
+  },
+  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.find('.accordion-body').classes('accordion-body')).toBe(true)
+  })
+})

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

@@ -0,0 +1,35 @@
+import { mount } from '@vue/test-utils'
+import { CAccordionButton as Component } from '../../../index'
+
+const ComponentName = 'CAccordionButton'
+
+const toggleVisibility = (v: boolean) => {
+  return v
+}
+
+const defaultWrapper = mount(Component, {
+  global: {
+    provide: {
+      toggleVisibility: toggleVisibility,
+      visible: true,
+    },
+  },
+  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-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,31 @@
+import { mount } from '@vue/test-utils'
+import { CAccordionHeader as Component } from '../../../index'
+
+const ComponentName = 'CAccordionHeader'
+
+const defaultWrapper = mount(Component, {
+  global: {
+    provide: {
+      visible: true,
+    },
+  },
+  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,31 @@
+import { mount } from '@vue/test-utils'
+import { CAccordionItem as Component } from '../../../index'
+
+const ComponentName = 'CAccordionItem'
+
+const defaultWrapper = mount(Component, {
+  global: {
+    provide: {
+      activeItemKey: 1,
+    },
+  },
+  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,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Loads and display CAccordionBody component renders correctly 1`] = `
+"<transition-stub class=\\"accordion-collapse\\">
+  <div class=\\"collapse\\" style=\\"display: none;\\">
+    <div class=\\"accordion-body\\">Default slot</div>
+  </div>
+</transition-stub>"
+`;

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

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