+ CAlert
+
+
+`;
diff --git a/src/badge/tests/CBadge.test.js b/src/badge/tests/CBadge.test.js
new file mode 100644
index 00000000..d396b484
--- /dev/null
+++ b/src/badge/tests/CBadge.test.js
@@ -0,0 +1,30 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CBadge from '../CBadge'
+
+configure({ adapter: new Adapter() })
+
+describe('CBadge', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(-
+
- + item + +
- + item 2 + +
+
+
+
+`;
+
+exports[`CButtonGroup renders customized wrapper correctly two 1`] = `
+
+
+
+
+`;
diff --git a/src/button/tests/__snapshots__/CButtonToolbar.test.js.snap b/src/button/tests/__snapshots__/CButtonToolbar.test.js.snap
new file mode 100644
index 00000000..d9c57c2b
--- /dev/null
+++ b/src/button/tests/__snapshots__/CButtonToolbar.test.js.snap
@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CButtonToolbar renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CButtonToolbar renders customized wrapper correctly 1`] = `
+
+ CButtonToolbar
+
+`;
diff --git a/src/callout/tests/CCallout.test.js b/src/callout/tests/CCallout.test.js
new file mode 100644
index 00000000..025cfb1b
--- /dev/null
+++ b/src/callout/tests/CCallout.test.js
@@ -0,0 +1,28 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CCallout from '../CCallout'
+
+configure({ adapter: new Adapter() })
+
+describe('CCallout', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+ CCallout
+
+`;
diff --git a/src/card/tests/CCard.test.js b/src/card/tests/CCard.test.js
new file mode 100644
index 00000000..aad623af
--- /dev/null
+++ b/src/card/tests/CCard.test.js
@@ -0,0 +1,32 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CCard from '../CCard'
+
+configure({ adapter: new Adapter() })
+
+describe('CCard', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+ CCard
+
+`;
diff --git a/src/card/tests/__snapshots__/CCardBody.test.js.snap b/src/card/tests/__snapshots__/CCardBody.test.js.snap
new file mode 100644
index 00000000..f3d713a4
--- /dev/null
+++ b/src/card/tests/__snapshots__/CCardBody.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCardBody renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CCardBody renders customized wrapper correctly 1`] = `
+
+ CCardBody
+
+`;
diff --git a/src/card/tests/__snapshots__/CCardFooter.test.js.snap b/src/card/tests/__snapshots__/CCardFooter.test.js.snap
new file mode 100644
index 00000000..8b3fa81e
--- /dev/null
+++ b/src/card/tests/__snapshots__/CCardFooter.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCardFooter renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CCardFooter renders customized wrapper correctly 1`] = `
+
+`;
diff --git a/src/card/tests/__snapshots__/CCardGroup.test.js.snap b/src/card/tests/__snapshots__/CCardGroup.test.js.snap
new file mode 100644
index 00000000..1d93c6c7
--- /dev/null
+++ b/src/card/tests/__snapshots__/CCardGroup.test.js.snap
@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCardGroup renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CCardGroup renders customized wrapper correctly 1`] = `
+
+ CCardGroup
+
+`;
+
+exports[`CCardGroup renders customized wrapper correctly two 1`] = `
+
+ CCardGroup
+
+`;
diff --git a/src/card/tests/__snapshots__/CCardHeader.test.js.snap b/src/card/tests/__snapshots__/CCardHeader.test.js.snap
new file mode 100644
index 00000000..0a1364c8
--- /dev/null
+++ b/src/card/tests/__snapshots__/CCardHeader.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCardHeader renders basic wrapper correctly 1`] = `
+
+ CCardImgOverlay
+
+`;
diff --git a/src/card/tests/__snapshots__/CCardLink.test.js.snap b/src/card/tests/__snapshots__/CCardLink.test.js.snap
new file mode 100644
index 00000000..84fff310
--- /dev/null
+++ b/src/card/tests/__snapshots__/CCardLink.test.js.snap
@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCardLink renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CCardLink renders customized wrapper correctly 1`] = `
+
+ CCardLink
+
+`;
diff --git a/src/card/tests/__snapshots__/CCardSubtitle.test.js.snap b/src/card/tests/__snapshots__/CCardSubtitle.test.js.snap
new file mode 100644
index 00000000..f18e82a2
--- /dev/null
+++ b/src/card/tests/__snapshots__/CCardSubtitle.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCardSubtitle renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CCardSubtitle renders customized wrapper correctly 1`] = `
++ CCardSubtitle +
+`; diff --git a/src/card/tests/__snapshots__/CCardText.test.js.snap b/src/card/tests/__snapshots__/CCardText.test.js.snap new file mode 100644 index 00000000..8611b0a1 --- /dev/null +++ b/src/card/tests/__snapshots__/CCardText.test.js.snap @@ -0,0 +1,15 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`CCardText renders basic wrapper correctly 1`] = ` + +`; + +exports[`CCardText renders customized wrapper correctly 1`] = ` ++ CCardText +
+`; diff --git a/src/card/tests/__snapshots__/CCardTitle.test.js.snap b/src/card/tests/__snapshots__/CCardTitle.test.js.snap new file mode 100644 index 00000000..d503ff46 --- /dev/null +++ b/src/card/tests/__snapshots__/CCardTitle.test.js.snap @@ -0,0 +1,15 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`CCardTitle renders basic wrapper correctly 1`] = ` + +`; + +exports[`CCardTitle renders customized wrapper correctly 1`] = ` ++ CCardTitle +
+`; diff --git a/src/carousel/tests/CCarousel.test.js b/src/carousel/tests/CCarousel.test.js new file mode 100644 index 00000000..f4e4b055 --- /dev/null +++ b/src/carousel/tests/CCarousel.test.js @@ -0,0 +1,90 @@ +import React from 'react' +import { configure, mount, shallow } from 'enzyme' +import Adapter from 'enzyme-adapter-react-16' +import renderer from 'react-test-renderer'; + +import CCarousel from '../CCarousel' +import CCarouselIndicators from '../CCarouselIndicators' +import CCarouselInner from '../CCarouselInner' +import CCarouselControl from '../CCarouselControl' +import CCarouselItem from '../CCarouselItem' +import CCarouselCaption from '../CCarouselCaption' + +configure({ adapter: new Adapter() }) + +describe('CCarousel', () => { + it('renders basic wrapper correctly', () => { + const component = renderer.create(Slide 1
Slide 1
Slide 2
Slide 2
Slide 3
Slide 3
Slide 1
Slide 1
Slide 2
Slide 2
Slide 3
Slide 3
+
+`;
+
+exports[`CCarousel renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CCarousel renders customized wrapper correctly 1`] = `
+
+`;
diff --git a/src/carousel/tests/__snapshots__/CCarouselCaption.test.js.snap b/src/carousel/tests/__snapshots__/CCarouselCaption.test.js.snap
new file mode 100644
index 00000000..f3681791
--- /dev/null
+++ b/src/carousel/tests/__snapshots__/CCarouselCaption.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCarouselCaption renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CCarouselCaption renders customized wrapper correctly 1`] = `
+
+
+
+
+
+
+
+
+
+ Slide 1
+
+
+
+ + Slide 1 +
++ Slide 1 +
+
+ Slide 2
+
+
+
+ + Slide 2 +
++ Slide 2 +
+
+ Slide 3
+
+
+
+ + Slide 3 +
++ Slide 3 +
+
+ CCarouselCaption
+
+`;
diff --git a/src/carousel/tests/__snapshots__/CCarouselControl.test.js.snap b/src/carousel/tests/__snapshots__/CCarouselControl.test.js.snap
new file mode 100644
index 00000000..8afc012b
--- /dev/null
+++ b/src/carousel/tests/__snapshots__/CCarouselControl.test.js.snap
@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCarouselControl renders basic wrapper correctly 1`] = `
+
+
+
+`;
+
+exports[`CCarouselControl renders customized wrapper correctly 1`] = `
+
+
+
+`;
diff --git a/src/carousel/tests/__snapshots__/CCarouselIndicators.test.js.snap b/src/carousel/tests/__snapshots__/CCarouselIndicators.test.js.snap
new file mode 100644
index 00000000..71cc3073
--- /dev/null
+++ b/src/carousel/tests/__snapshots__/CCarouselIndicators.test.js.snap
@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CCarouselIndicators renders basic wrapper correctly 1`] = `
+
+ CCollapse
+
+`;
diff --git a/src/create-element/tests/CCreateElement.test.js b/src/create-element/tests/CCreateElement.test.js
new file mode 100644
index 00000000..296cef4d
--- /dev/null
+++ b/src/create-element/tests/CCreateElement.test.js
@@ -0,0 +1,28 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CCreateElement from '../CCreateElement'
+
+configure({ adapter: new Adapter() })
+
+describe('CCreateElement', () => {
+ it('renders basic wrapper correctly', () => {
+ const items = [
+ {
+ _tag: 'CSidebarNavItem',
+ name: 'Dashboard',
+ to: '/dashboard',
+ icon: 'cil-speedometer',
+ badge: {
+ color: 'info',
+ text: 'NEW',
+ }
+ },
+ ]
+ const component = renderer.create(
+ CDropdownItem
+
+`;
diff --git a/src/dropdown/tests/__snapshots__/CDropdownMenu.test.js.snap b/src/dropdown/tests/__snapshots__/CDropdownMenu.test.js.snap
new file mode 100644
index 00000000..f6d12465
--- /dev/null
+++ b/src/dropdown/tests/__snapshots__/CDropdownMenu.test.js.snap
@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CDropdownMenu renders basic wrapper correctly 1`] = `
+
+ menu
+
+`;
diff --git a/src/dropdown/tests/__snapshots__/CDropdownToggle.test.js.snap b/src/dropdown/tests/__snapshots__/CDropdownToggle.test.js.snap
new file mode 100644
index 00000000..ebd4f2d0
--- /dev/null
+++ b/src/dropdown/tests/__snapshots__/CDropdownToggle.test.js.snap
@@ -0,0 +1,63 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CDropdownToggle renders basic wrapper correctly 1`] = `
+
+
+
+`;
+
+exports[`CDropdownToggle renders customized wrapper correctly 1`] = `
+
+
+
+`;
+
+exports[`CDropdownToggle renders customized wrapper witch split 1`] = `
+
+
+
+
+`;
diff --git a/src/element-cover/tests/CElementCover.test.js b/src/element-cover/tests/CElementCover.test.js
new file mode 100644
index 00000000..c3765c34
--- /dev/null
+++ b/src/element-cover/tests/CElementCover.test.js
@@ -0,0 +1,54 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CElementCover from '../CElementCover'
+
+configure({ adapter: new Adapter() })
+
+describe('CElementCover', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+
+`;
+
+exports[`CElementCover renders customized wrapper correctly 1`] = `
+
+
+
+
+ CElementCover
+
+`;
diff --git a/src/embed/tests/CEmbed.test.js b/src/embed/tests/CEmbed.test.js
new file mode 100644
index 00000000..e67a59fe
--- /dev/null
+++ b/src/embed/tests/CEmbed.test.js
@@ -0,0 +1,28 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CEmbed from '../CEmbed'
+
+configure({ adapter: new Adapter() })
+
+describe('CEmbed', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+ CEmbed
+
+`;
diff --git a/src/embed/tests/__snapshots__/CEmbedItem.test.js.snap b/src/embed/tests/__snapshots__/CEmbedItem.test.js.snap
new file mode 100644
index 00000000..9986e0bb
--- /dev/null
+++ b/src/embed/tests/__snapshots__/CEmbedItem.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CEmbedItem renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CEmbedItem renders customized wrapper correctly 1`] = `
+
+`;
diff --git a/src/fade/tests/CFade.test.js b/src/fade/tests/CFade.test.js
new file mode 100644
index 00000000..ffbac50f
--- /dev/null
+++ b/src/fade/tests/CFade.test.js
@@ -0,0 +1,29 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CFade from '../CFade'
+
+configure({ adapter: new Adapter() })
+
+describe('CFade', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+ CFade
+
+`;
diff --git a/src/form/tests/CForm.test.js b/src/form/tests/CForm.test.js
new file mode 100644
index 00000000..638c1193
--- /dev/null
+++ b/src/form/tests/CForm.test.js
@@ -0,0 +1,29 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CForm from '../CForm'
+
+configure({ adapter: new Adapter() })
+
+describe('CForm', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+ CInvalidFeedback
+
+`;
+
+exports[`CFormFeedback/CValidFeedback/CInvalidFeedback renders customized wrapper correctly CValidFeedback 1`] = `
+
+ CValidFeedback
+
+`;
diff --git a/src/form/tests/__snapshots__/CFormGroup.test.js.snap b/src/form/tests/__snapshots__/CFormGroup.test.js.snap
new file mode 100644
index 00000000..323379d3
--- /dev/null
+++ b/src/form/tests/__snapshots__/CFormGroup.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CFormGroup renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CFormGroup renders customized wrapper correctly 1`] = `
+
+ CFormGroup
+
+`;
diff --git a/src/form/tests/__snapshots__/CFormText.test.js.snap b/src/form/tests/__snapshots__/CFormText.test.js.snap
new file mode 100644
index 00000000..ca3a0bbb
--- /dev/null
+++ b/src/form/tests/__snapshots__/CFormText.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CFormText renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CFormText renders customized wrapper correctly 1`] = `
+
+ CFormText
+
+`;
diff --git a/src/form/tests/__snapshots__/CInput.test.js.snap b/src/form/tests/__snapshots__/CInput.test.js.snap
new file mode 100644
index 00000000..a4792f17
--- /dev/null
+++ b/src/form/tests/__snapshots__/CInput.test.js.snap
@@ -0,0 +1,95 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CInput renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CInput renders customized wrapper correctly 1`] = `
+
+ CInput
+
+`;
+
+exports[`CInput-CInputCheckbox renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CInput-CInputCheckbox renders customized wrapper correctly 1`] = `
+
+ CInputCheckbox
+
+`;
+
+exports[`CInput-CInputFile renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CInput-CInputFile renders customized wrapper correctly 1`] = `
+
+ CInputFile
+
+`;
+
+exports[`CInput-CInputRadio renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CInput-CInputRadio renders customized wrapper correctly 1`] = `
+
+ CInputRadio
+
+`;
+
+exports[`CInput-CSelect renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CInput-CSelect renders customized wrapper correctly 1`] = `
+
+`;
+
+exports[`CInput-CTextarea renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CInput-CTextarea renders customized wrapper correctly 1`] = `
+
+`;
diff --git a/src/form/tests/__snapshots__/CInputGroup.test.js.snap b/src/form/tests/__snapshots__/CInputGroup.test.js.snap
new file mode 100644
index 00000000..55d6dc6b
--- /dev/null
+++ b/src/form/tests/__snapshots__/CInputGroup.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CInputGroup renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CInputGroup renders customized wrapper correctly 1`] = `
+
+ CInputGroup
+
+`;
diff --git a/src/form/tests/__snapshots__/CInputGroupText.test.js.snap b/src/form/tests/__snapshots__/CInputGroupText.test.js.snap
new file mode 100644
index 00000000..1f24063a
--- /dev/null
+++ b/src/form/tests/__snapshots__/CInputGroupText.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CInputGroupText renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CInputGroupText renders customized wrapper correctly 1`] = `
+
+ CInputGroupText
+
+`;
diff --git a/src/form/tests/__snapshots__/CLabel.test.js.snap b/src/form/tests/__snapshots__/CLabel.test.js.snap
new file mode 100644
index 00000000..1210a7c2
--- /dev/null
+++ b/src/form/tests/__snapshots__/CLabel.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CLabel renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CLabel renders customized wrapper correctly 1`] = `
+
+`;
diff --git a/src/grid/tests/CCol.test.js b/src/grid/tests/CCol.test.js
new file mode 100644
index 00000000..05702b5a
--- /dev/null
+++ b/src/grid/tests/CCol.test.js
@@ -0,0 +1,30 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CCol from '../CCol'
+
+configure({ adapter: new Adapter() })
+
+describe('CCol', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+ CCol
+
+`;
diff --git a/src/grid/tests/__snapshots__/CContainer.test.js.snap b/src/grid/tests/__snapshots__/CContainer.test.js.snap
new file mode 100644
index 00000000..bb94f414
--- /dev/null
+++ b/src/grid/tests/__snapshots__/CContainer.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CContainer renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CContainer renders customized wrapper correctly 1`] = `
+
+ CContainer
+
+`;
diff --git a/src/grid/tests/__snapshots__/CRow.test.js.snap b/src/grid/tests/__snapshots__/CRow.test.js.snap
new file mode 100644
index 00000000..9cf71e09
--- /dev/null
+++ b/src/grid/tests/__snapshots__/CRow.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CRow renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CRow renders customized wrapper correctly 1`] = `
+
+ CRow
+
+`;
diff --git a/src/image/tests/CImg.test.js b/src/image/tests/CImg.test.js
new file mode 100644
index 00000000..2b646af3
--- /dev/null
+++ b/src/image/tests/CImg.test.js
@@ -0,0 +1,35 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CImg from '../CImg'
+
+configure({ adapter: new Adapter() })
+
+describe('CImg', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+ CJumbotron
+
+`;
diff --git a/src/link/tests/CLink.test.js b/src/link/tests/CLink.test.js
new file mode 100644
index 00000000..116e5fa0
--- /dev/null
+++ b/src/link/tests/CLink.test.js
@@ -0,0 +1,44 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CLink from '../CLink'
+
+configure({ adapter: new Adapter() })
+
+describe('CLink', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(-
+ CListGroup
+
+ CListGroupItemHeading +
+`; diff --git a/src/list-group/tests/__snapshots__/CListGroupItemText.test.js.snap b/src/list-group/tests/__snapshots__/CListGroupItemText.test.js.snap new file mode 100644 index 00000000..eb06d956 --- /dev/null +++ b/src/list-group/tests/__snapshots__/CListGroupItemText.test.js.snap @@ -0,0 +1,15 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`CListGroupItemText renders basic wrapper correctly 1`] = ` + +`; + +exports[`CListGroupItemText renders customized wrapper correctly 1`] = ` ++ CListGroupItemText +
+`; diff --git a/src/media/tests/CMedia.test.js b/src/media/tests/CMedia.test.js new file mode 100644 index 00000000..59102aa8 --- /dev/null +++ b/src/media/tests/CMedia.test.js @@ -0,0 +1,27 @@ +import React from 'react' +import { configure, mount } from 'enzyme' +import Adapter from 'enzyme-adapter-react-16' +import renderer from 'react-test-renderer'; + +import CMedia from '../CMedia' + +configure({ adapter: new Adapter() }) + +describe('CMedia', () => { + it('renders basic wrapper correctly', () => { + const component = renderer.create(
+ CMedia
+
+`;
diff --git a/src/media/tests/__snapshots__/CMediaBody.test.js.snap b/src/media/tests/__snapshots__/CMediaBody.test.js.snap
new file mode 100644
index 00000000..5cc5cf08
--- /dev/null
+++ b/src/media/tests/__snapshots__/CMediaBody.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CMediaBody renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CMediaBody renders customized wrapper correctly 1`] = `
+
+ CMediaBody
+
+`;
diff --git a/src/modal/tests/CModal.test.js b/src/modal/tests/CModal.test.js
new file mode 100644
index 00000000..8de6bd71
--- /dev/null
+++ b/src/modal/tests/CModal.test.js
@@ -0,0 +1,55 @@
+import React, { useState } from 'react'
+import ReactDOM from 'react-dom'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CModal from '../CModal'
+
+configure({ adapter: new Adapter() })
+
+describe('CModal', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+
+`;
+
+exports[`CModal renders customized wrapper correctly 1`] = `
+
+
+
+
+
+
+
+`;
diff --git a/src/modal/tests/__snapshots__/CModalBody.test.js.snap b/src/modal/tests/__snapshots__/CModalBody.test.js.snap
new file mode 100644
index 00000000..cbdfdbfc
--- /dev/null
+++ b/src/modal/tests/__snapshots__/CModalBody.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CModalBody renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CModalBody renders customized wrapper correctly 1`] = `
+
+
+
+
+
+
+ CModal
+
+
+ CModalBody
+
+`;
diff --git a/src/modal/tests/__snapshots__/CModalFooter.test.js.snap b/src/modal/tests/__snapshots__/CModalFooter.test.js.snap
new file mode 100644
index 00000000..a5c3e305
--- /dev/null
+++ b/src/modal/tests/__snapshots__/CModalFooter.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CModalFooter renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CModalFooter renders customized wrapper correctly 1`] = `
+
+`;
diff --git a/src/modal/tests/__snapshots__/CModalHeader.test.js.snap b/src/modal/tests/__snapshots__/CModalHeader.test.js.snap
new file mode 100644
index 00000000..b73be5e0
--- /dev/null
+++ b/src/modal/tests/__snapshots__/CModalHeader.test.js.snap
@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CModalHeader renders basic wrapper correctly 1`] = `
++ CModalTitle +
+`; diff --git a/src/nav/tests/CNav.test.js b/src/nav/tests/CNav.test.js new file mode 100644 index 00000000..9c2381c7 --- /dev/null +++ b/src/nav/tests/CNav.test.js @@ -0,0 +1,32 @@ +import React from 'react' +import { configure, mount } from 'enzyme' +import Adapter from 'enzyme-adapter-react-16' +import renderer from 'react-test-renderer'; + +import CNav from '../CNav' + +configure({ adapter: new Adapter() }) + +describe('CNav', () => { + it('renders basic wrapper correctly', () => { + const component = renderer.create(-
+ CNav
+
+ CNavbarBrand
+
+`;
diff --git a/src/navbar/tests/__snapshots__/CNavbarNav.test.js.snap b/src/navbar/tests/__snapshots__/CNavbarNav.test.js.snap
new file mode 100644
index 00000000..aa588b72
--- /dev/null
+++ b/src/navbar/tests/__snapshots__/CNavbarNav.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CNavbarNav renders basic wrapper correctly 1`] = `
+-
+ CNavbarNav
+
+ CNavbarText
+
+`;
diff --git a/src/pagination/tests/CPagination.test.js b/src/pagination/tests/CPagination.test.js
new file mode 100644
index 00000000..4ec36004
--- /dev/null
+++ b/src/pagination/tests/CPagination.test.js
@@ -0,0 +1,66 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CPagination from '../CPagination'
+
+configure({ adapter: new Adapter() })
+
+describe('CPagination', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+
+
+`;
+
+exports[`CProgress renders customized wrapper correctly 1`] = `
+
+ CProgress
+
+`;
diff --git a/src/progress/tests/__snapshots__/CProgressBar.test.js.snap b/src/progress/tests/__snapshots__/CProgressBar.test.js.snap
new file mode 100644
index 00000000..905ec700
--- /dev/null
+++ b/src/progress/tests/__snapshots__/CProgressBar.test.js.snap
@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CProgressBar renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CProgressBar renders customized wrapper correctly 1`] = `
+
+ 75.00000%
+
+`;
diff --git a/src/spinner/tests/CSpinner.test.js b/src/spinner/tests/CSpinner.test.js
new file mode 100644
index 00000000..b5007997
--- /dev/null
+++ b/src/spinner/tests/CSpinner.test.js
@@ -0,0 +1,30 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CSpinner from '../CSpinner'
+
+configure({ adapter: new Adapter() })
+
+describe('CSpinner', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+ CSpinner
+
+`;
diff --git a/src/styleMock.js b/src/styleMock.js
new file mode 100644
index 00000000..f053ebf7
--- /dev/null
+++ b/src/styleMock.js
@@ -0,0 +1 @@
+module.exports = {};
diff --git a/src/switch/tests/CSwitch.test.js b/src/switch/tests/CSwitch.test.js
new file mode 100644
index 00000000..93af514f
--- /dev/null
+++ b/src/switch/tests/CSwitch.test.js
@@ -0,0 +1,66 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CSwitch from '../CSwitch'
+
+configure({ adapter: new Adapter() })
+
+describe('CSwitch', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+
+ );
+ component.find('input').simulate('change')
+ jest.runAllTimers()
+ expect(onChange).toHaveBeenCalledTimes(1);
+ })
+})
\ No newline at end of file
diff --git a/src/switch/tests/__snapshots__/CSwitch.test.js.snap b/src/switch/tests/__snapshots__/CSwitch.test.js.snap
new file mode 100644
index 00000000..433600c9
--- /dev/null
+++ b/src/switch/tests/__snapshots__/CSwitch.test.js.snap
@@ -0,0 +1,49 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CSwitch renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CSwitch renders customized wrapper correctly 1`] = `
+
+`;
+
+exports[`CSwitch renders customized wrapper correctly two 1`] = `
+
+`;
diff --git a/src/table/tests/CDataTable.test.js b/src/table/tests/CDataTable.test.js
new file mode 100644
index 00000000..0fdb1f45
--- /dev/null
+++ b/src/table/tests/CDataTable.test.js
@@ -0,0 +1,76 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CDataTable from '../CDataTable'
+
+configure({ adapter: new Adapter() })
+
+describe('CPopover', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+
+
+
+
,
+]
+`;
+
+exports[`CPopover renders customized wrapper correctly 1`] = `
+Array [
+ |
+
+
+ + No items + ", + } + } + role="img" + viewBox="0 0 512 512" + width="30" + xmlns="http://www.w3.org/2000/svg" + /> ++ |
+
+
,
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
,
+ ,
+]
+`;
diff --git a/src/tabs/CTabPane.js b/src/tabs/CTabPane.js
index 2d58caf0..cd4617c6 100644
--- a/src/tabs/CTabPane.js
+++ b/src/tabs/CTabPane.js
@@ -1,4 +1,9 @@
-import React, { useState, useContext, useRef, useEffect } from 'react'
+import React, {
+ useState,
+ useContext,
+ useRef,
+ useEffect
+} from 'react'
import PropTypes from 'prop-types'
import classNames from 'classnames'
import CFade from '../fade/CFade'
@@ -9,7 +14,7 @@ import { Context } from './CTabs.js'
import { Context as FadeContext } from './CTabContent.js'
//component - CoreUI / CTabPane
-const getIndex = (el) => Array.from(el.parentNode.children).indexOf(el)
+const getIndex = el => Array.from(el.parentNode.children).indexOf(el)
const getState = r => r.current.dataset.tab || getIndex(r.current)
@@ -22,17 +27,22 @@ const CTabPane = props => {
...attributes
} = props
- const context = useContext(Context)
+ const { active: activeTab, setActiveTab } = useContext(Context) || {}
const fade = useContext(FadeContext)
- const act = (context || {}).active
const ref = typeof innerRef === 'object' ? innerRef : useRef()
typeof innerRef === 'function' && innerRef(ref)
-
- const [isActive, setIsActive] = useState(active)
+
+ const [isActive, setIsActive] = useState()
+
+ useEffect(() => {
+ setIsActive(activeTab === getState(ref))
+ }, [activeTab])
useEffect(() => {
- setIsActive(active !== undefined ? active : act === getState(ref))
- }, [act, active])
+ if (active !== undefined) {
+ setActiveTab ? setActiveTab(active && getState(ref)) : setIsActive(active)
+ }
+ }, [active])
//render
const classes = classNames(
@@ -56,9 +66,8 @@ const CTabPane = props => {
CTabPane.propTypes = {
className: PropTypes.oneOfType([PropTypes.string, PropTypes.array, PropTypes.object]),
- //
innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
- active: PropTypes.bool,
+ active: PropTypes.bool
}
export default CTabPane
diff --git a/src/tabs/CTabs.js b/src/tabs/CTabs.js
index b9a150ae..0088c701 100644
--- a/src/tabs/CTabs.js
+++ b/src/tabs/CTabs.js
@@ -11,10 +11,12 @@ const CTabs = props => {
onActiveTabChange
} = props
- const [active, setActive] = useState()
- useEffect(() => setActive(activeTab), [activeTab])
+ const [active, setActive] = useState(0)
+ useEffect(() => {
+ activeTab !== undefined && setActive(activeTab)
+ }, [activeTab])
- const setActiveTab = (tab) => {
+ const setActiveTab = tab => {
onActiveTabChange && onActiveTabChange(tab)
setActive(tab)
}
@@ -34,8 +36,4 @@ CTabs.propTypes = {
onActiveTabChange: PropTypes.func,
}
-CTabs.defaultProps = {
- activeTab: 0
-}
-
export default CTabs
diff --git a/src/tabs/tests/CTabContent.test.js b/src/tabs/tests/CTabContent.test.js
new file mode 100644
index 00000000..4f741260
--- /dev/null
+++ b/src/tabs/tests/CTabContent.test.js
@@ -0,0 +1,20 @@
+import React from 'react'
+import { configure } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer'
+
+import CTabContent from '../CTabContent'
+
+configure({ adapter: new Adapter() })
+
+describe('CTabContent', () => {
+ it('renders customized wrapper correctly', () => {
+ const componentCustomized = renderer.create(
+ |
+
+ Name
+
+ ",
+ }
+ }
+ role="img"
+ viewBox="0 0 512 512"
+ width={18}
+ xmlns="http://www.w3.org/2000/svg"
+ />
+ |
+
+
+ Registered
+
+ ",
+ }
+ }
+ role="img"
+ viewBox="0 0 512 512"
+ width={18}
+ xmlns="http://www.w3.org/2000/svg"
+ />
+ |
+
+
+ Role
+
+ ",
+ }
+ }
+ role="img"
+ viewBox="0 0 512 512"
+ width={18}
+ xmlns="http://www.w3.org/2000/svg"
+ />
+ |
+
+
+ Status
+
+ ",
+ }
+ }
+ role="img"
+ viewBox="0 0 512 512"
+ width={18}
+ xmlns="http://www.w3.org/2000/svg"
+ />
+ |
+
+
+
+
+ |
+
|---|---|---|---|---|
| + + | ++ + | ++ + | ++ + | ++ |
| + Chetan Mohamed + | ++ 2018/02/01 + | ++ Admin + | ++ Inactive + | ++ undefined + | +
| + Derick Maximinus + | ++ 2018/03/01 + | ++ Member + | ++ Pending + | ++ undefined + | +
| + Friderik Dávid + | ++ 2018/01/21 + | ++ Staff + | ++ Active + | ++ undefined + | +
|
+
+ Name
+
+ ",
+ }
+ }
+ role="img"
+ viewBox="0 0 512 512"
+ width={18}
+ xmlns="http://www.w3.org/2000/svg"
+ />
+ |
+
+
+ Registered
+
+ ",
+ }
+ }
+ role="img"
+ viewBox="0 0 512 512"
+ width={18}
+ xmlns="http://www.w3.org/2000/svg"
+ />
+ |
+
+
+ Role
+
+ ",
+ }
+ }
+ role="img"
+ viewBox="0 0 512 512"
+ width={18}
+ xmlns="http://www.w3.org/2000/svg"
+ />
+ |
+
+
+ Status
+
+ ",
+ }
+ }
+ role="img"
+ viewBox="0 0 512 512"
+ width={18}
+ xmlns="http://www.w3.org/2000/svg"
+ />
+ |
+
+
+
+
+ |
+
+
+
+
+
+
+ CTabContent
+
+`;
diff --git a/src/tabs/tests/__snapshots__/CTabPane.test.js.snap b/src/tabs/tests/__snapshots__/CTabPane.test.js.snap
new file mode 100644
index 00000000..bc0ac73b
--- /dev/null
+++ b/src/tabs/tests/__snapshots__/CTabPane.test.js.snap
@@ -0,0 +1,60 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CTabPane renders customized wrapper correctly 1`] = `
+
+ CTabPane
+
+ -
+
-
+
+ ++ Home + , + } + } + onClick={[Function]} + > + + Home + + +
+ -
+
+ ++ Profile + , + } + } + onClick={[Function]} + > + + Profile + + +
+ -
+
+ ++ Messages + , + } + } + onClick={[Function]} + > + + Messages + + +
+
+
+
+ 123
+
,
+ }
+ }
+ tag="div"
+ timeout={150}
+ >
+
+ 123
+
+
+ 456
+
+
+ 789
+
+
+
+ CScrollbar
+
+
+ );
+ let tree = componentCustomized.toJSON();
+ expect(tree).toMatchSnapshot()
+ })
+ // todo
+ // it('renders customized wrapper correctly - switcher off', () => {
+ // const componentCustomized = renderer.create(
+ //
+ CHeaderBrand
+
+`;
diff --git a/src/template/tests/__snapshots__/CHeaderNav.test.js.snap b/src/template/tests/__snapshots__/CHeaderNav.test.js.snap
new file mode 100644
index 00000000..0bb7aa2a
--- /dev/null
+++ b/src/template/tests/__snapshots__/CHeaderNav.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CHeaderNav renders basic wrapper correctly 1`] = `
+-
+ CHeaderNav
+
+
+`;
diff --git a/src/template/tests/__snapshots__/CSidebar.test.js.snap b/src/template/tests/__snapshots__/CSidebar.test.js.snap
new file mode 100644
index 00000000..813b0403
--- /dev/null
+++ b/src/template/tests/__snapshots__/CSidebar.test.js.snap
@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CSidebar renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CSidebar renders customized wrapper correctly 1`] = `
+
+ CScrollbar
+
+
+ CSidebar
+
+`;
diff --git a/src/template/tests/__snapshots__/CSidebarBrand.test.js.snap b/src/template/tests/__snapshots__/CSidebarBrand.test.js.snap
new file mode 100644
index 00000000..ef561bcf
--- /dev/null
+++ b/src/template/tests/__snapshots__/CSidebarBrand.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CSidebarBrand renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CSidebarBrand renders customized wrapper correctly 1`] = `
+
+ CSidebarBrand
+
+`;
diff --git a/src/template/tests/__snapshots__/CSidebarClose.test.js.snap b/src/template/tests/__snapshots__/CSidebarClose.test.js.snap
new file mode 100644
index 00000000..010eb905
--- /dev/null
+++ b/src/template/tests/__snapshots__/CSidebarClose.test.js.snap
@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CSidebarClose renders basic wrapper correctly 1`] = `
+
+`;
diff --git a/src/template/tests/__snapshots__/CSidebarFooter.test.js.snap b/src/template/tests/__snapshots__/CSidebarFooter.test.js.snap
new file mode 100644
index 00000000..7ae4f337
--- /dev/null
+++ b/src/template/tests/__snapshots__/CSidebarFooter.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CSidebarFooter renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CSidebarFooter renders customized wrapper correctly 1`] = `
+
+ CSidebarFooter
+
+`;
diff --git a/src/template/tests/__snapshots__/CSidebarForm.test.js.snap b/src/template/tests/__snapshots__/CSidebarForm.test.js.snap
new file mode 100644
index 00000000..ffc5cc08
--- /dev/null
+++ b/src/template/tests/__snapshots__/CSidebarForm.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CSidebarForm renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CSidebarForm renders customized wrapper correctly 1`] = `
+
+ CSidebarForm
+
+`;
diff --git a/src/template/tests/__snapshots__/CSidebarHeader.test.js.snap b/src/template/tests/__snapshots__/CSidebarHeader.test.js.snap
new file mode 100644
index 00000000..1a560206
--- /dev/null
+++ b/src/template/tests/__snapshots__/CSidebarHeader.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CSidebarHeader renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CSidebarHeader renders customized wrapper correctly 1`] = `
+
+ CSidebarHeader
+
+`;
diff --git a/src/template/tests/__snapshots__/CSidebarMinimizer.test.js.snap b/src/template/tests/__snapshots__/CSidebarMinimizer.test.js.snap
new file mode 100644
index 00000000..cc80007b
--- /dev/null
+++ b/src/template/tests/__snapshots__/CSidebarMinimizer.test.js.snap
@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CSidebarMinimizer renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CSidebarMinimizer renders customized wrapper correctly 1`] = `
+
+`;
diff --git a/src/template/tests/__snapshots__/CSidebarNav.test.js.snap b/src/template/tests/__snapshots__/CSidebarNav.test.js.snap
new file mode 100644
index 00000000..c48b216c
--- /dev/null
+++ b/src/template/tests/__snapshots__/CSidebarNav.test.js.snap
@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CSidebarNav renders basic wrapper correctly 1`] = `
+-
+ CSidebarNav
+
-
+ CSidebarNavDropdown
+
-
+ CSidebarNavDropdown
+
+ CSubheader
+
+`;
diff --git a/src/toast/tests/CToast.test.js b/src/toast/tests/CToast.test.js
new file mode 100644
index 00000000..73555a2c
--- /dev/null
+++ b/src/toast/tests/CToast.test.js
@@ -0,0 +1,71 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CToast from '../CToast'
+import CToaster from '../CToaster'
+
+configure({ adapter: new Adapter() })
+
+describe('CToast', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(
+ CToast
+
+`;
diff --git a/src/toast/tests/__snapshots__/CToastBody.test.js.snap b/src/toast/tests/__snapshots__/CToastBody.test.js.snap
new file mode 100644
index 00000000..0e04329b
--- /dev/null
+++ b/src/toast/tests/__snapshots__/CToastBody.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CToastBody renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CToastBody renders customized wrapper correctly 1`] = `
+
+ CToastBody
+
+`;
diff --git a/src/toast/tests/__snapshots__/CToastHeader.test.js.snap b/src/toast/tests/__snapshots__/CToastHeader.test.js.snap
new file mode 100644
index 00000000..f6621693
--- /dev/null
+++ b/src/toast/tests/__snapshots__/CToastHeader.test.js.snap
@@ -0,0 +1,28 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CToastHeader renders basic wrapper correctly 1`] = `
+
+
+
+`;
+
+exports[`CToastHeader renders customized wrapper correctly 1`] = `
+
+ CToastHeader
+
+
+`;
diff --git a/src/toast/tests/__snapshots__/CToaster.test.js.snap b/src/toast/tests/__snapshots__/CToaster.test.js.snap
new file mode 100644
index 00000000..978e9613
--- /dev/null
+++ b/src/toast/tests/__snapshots__/CToaster.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CToaster renders basic wrapper correctly 1`] = `
+
+`;
+
+exports[`CToaster renders customized wrapper correctly 1`] = `
+
+ CToaster
+
+`;
diff --git a/src/toggler/tests/CToggler.test.js b/src/toggler/tests/CToggler.test.js
new file mode 100644
index 00000000..6a323717
--- /dev/null
+++ b/src/toggler/tests/CToggler.test.js
@@ -0,0 +1,29 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CToggler from '../CToggler'
+
+configure({ adapter: new Adapter() })
+
+describe('CToggler', () => {
+ it('renders basic wrapper correctly', () => {
+ const component = renderer.create(CTooltip
+ CTooltip
+
+
+
+`;
+
+exports[`CWidgetBrand renders customized wrapper correctly 1`] = `
+
+
+
+
+
+
+
+`;
diff --git a/src/widgets/tests/__snapshots__/CWidgetDropdown.test.js.snap b/src/widgets/tests/__snapshots__/CWidgetDropdown.test.js.snap
new file mode 100644
index 00000000..4cf66f5c
--- /dev/null
+++ b/src/widgets/tests/__snapshots__/CWidgetDropdown.test.js.snap
@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CWidgetDropdown renders basic wrapper correctly 1`] = `
+
+ CWidgetBrand
+
+
+
+
+
+
+
+ rh
+
+
+ rf
+
+
+
+
+ lh
+
+
+ lf
+
+
+
+`;
+
+exports[`CWidgetDropdown renders customized wrapper correctly 1`] = `
+
+
+
+
+
+`;
diff --git a/src/widgets/tests/__snapshots__/CWidgetIcon.test.js.snap b/src/widgets/tests/__snapshots__/CWidgetIcon.test.js.snap
new file mode 100644
index 00000000..92d2e0ba
--- /dev/null
+++ b/src/widgets/tests/__snapshots__/CWidgetIcon.test.js.snap
@@ -0,0 +1,44 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CWidgetIcon renders basic wrapper correctly 1`] = `
+
+
+
+
+ CWidgetDropdown
+
+ header
+
+
+ text
+
+
+
+`;
+
+exports[`CWidgetIcon renders customized wrapper correctly 1`] = `
+
+
+
+
+
+
+`;
diff --git a/src/widgets/tests/__snapshots__/CWidgetProgress.test.js.snap b/src/widgets/tests/__snapshots__/CWidgetProgress.test.js.snap
new file mode 100644
index 00000000..3abc9022
--- /dev/null
+++ b/src/widgets/tests/__snapshots__/CWidgetProgress.test.js.snap
@@ -0,0 +1,53 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CWidgetProgress renders basic wrapper correctly 1`] = `
+
+
+
+ CWidgetIcon
+
+
+
+
+ header
+
+
+ text
+
+
+
+`;
+
+exports[`CWidgetProgress renders customized wrapper correctly 1`] = `
+
+
+
+
+
+
+
+`;
diff --git a/src/widgets/tests/__snapshots__/CWidgetProgressIcon.test.js.snap b/src/widgets/tests/__snapshots__/CWidgetProgressIcon.test.js.snap
new file mode 100644
index 00000000..151954f3
--- /dev/null
+++ b/src/widgets/tests/__snapshots__/CWidgetProgressIcon.test.js.snap
@@ -0,0 +1,70 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CWidgetProgressIcon renders basic wrapper correctly 1`] = `
+
+
+
+ header
+
+
+ text
+
+ CWidgetProgress
+
+ footer
+
+
+
+`;
+
+exports[`CWidgetProgressIcon renders customized wrapper correctly 1`] = `
+
+
+
+
+
+
+
+`;
diff --git a/src/widgets/tests/__snapshots__/CWidgetSimple.test.js.snap b/src/widgets/tests/__snapshots__/CWidgetSimple.test.js.snap
new file mode 100644
index 00000000..ab25b799
--- /dev/null
+++ b/src/widgets/tests/__snapshots__/CWidgetSimple.test.js.snap
@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CWidgetSimple renders basic wrapper correctly 1`] = `
+
+
+
+ CWidgetProgressIcon
+
+
+ header
+
+
+ text
+
+
+
+
+
+
+
+`;
+
+exports[`CWidgetSimple renders customized wrapper correctly 1`] = `
+
+
+`;
diff --git a/stories/CAlert.stories.js b/stories/CAlert.stories.js
new file mode 100644
index 00000000..e5a4192f
--- /dev/null
+++ b/stories/CAlert.stories.js
@@ -0,0 +1,52 @@
+import React from 'react';
+import CAlert from '../src/alert/CAlert'
+import CCard from '../src/card/CCard'
+import CCardBody from '../src/card/CCardBody'
+import CCol from '../src/grid/CCol'
+
+import { select } from '@storybook/addon-knobs';
+
+export default {
+ title: 'CAlert'
+};
+
+
+export const single = () => {
+ const colorOptions = [
+ "primary",
+ "secondary",
+ "success",
+ "warning",
+ "danger",
+ "info",
+ "light",
+ "dark",
+ ]
+ const color = select('Color', colorOptions, 'primary', 'Other')
+ return <>
+
+
+
+ header
+
+
+ text
+
+ CWidgetSimple
+
+ With outline prop.
+
+ Use .btn-ghost-* class for variant="ghost" buttons.
+
+ Use .btn-square class for square buttons.
+
+ Use .btn-pill class for pill buttons.
+
Fancy larger or smaller buttons? Add size="lg" or size="sm" for additional sizes.
Add prop block
Add prop block
+ +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut + laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut + laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut + laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut + laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
+Slide 1
Slide 1
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut + laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut + laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut + laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut + laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
+Slide 2
Slide 2
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut + laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut + laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut + laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
++ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut + laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
+Slide 3
Slide 3
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut + laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation + ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. +
++ Anim pariatur cliche reprehenderit, + enim eiusmod high life accusamus terry richardson ad squid. Nihil + anim keffiyeh helvetica, craft beer labore wes anderson cred + nesciunt sapiente ea proident. +
+Lorem ipsum dolor
++ Lorem ipsum dolor cet emit. Lorem ipsum dolor cet emit. + Lorem ipsum dolor cet emit. Lorem ipsum dolor cet emit. +
++ Lorem ipsum dolor cet emit. Lorem ipsum dolor cet emit. + Lorem ipsum dolor cet emit. Lorem ipsum dolor cet emit. +
+Media Title
++ Lorem ipsum dolor cet emit dolor ipsum lorem. +
+Some brand
+