test: Update tests

Author: rakieta2015

package-lock.json

@@ -29,6 +29,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.15.0",
+    "@babel/helper-compilation-targets": "^7.15.0",
     "@babel/preset-env": "^7.15.0",
     "@babel/preset-react": "^7.14.5",
     "@coreui/coreui": "^4.0.1",
@@ -48,7 +49,6 @@
     "@typescript-eslint/eslint-plugin": "^4.29.1",
     "@typescript-eslint/parser": "^4.29.1",
     "classnames": "^2.3.1",
-    "docz": "^2.3.1",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-jsdoc": "^36.0.7",

package.json

@@ -0,0 +1,36 @@
+import React from 'react'
+import { render, screen } from '@testing-library/react'
+import '@testing-library/jest-dom/extend-expect'
+import { CAccordion } from '../../../index'
+
+test('loads and displays CAccordion component', async () => {
+  const { container } = render(<CAccordion>Test</CAccordion>)
+  expect(container).toMatchSnapshot()
+})
+
+test('CAccordion customize', async () => {
+  const { container } = render(<CAccordion className="bazinga">Test</CAccordion>)
+  expect(container.firstChild).toHaveClass('bazinga')
+  expect(container).toMatchSnapshot()
+})
+
+test('CAccordion use case test', async () => {
+  jest.useFakeTimers()
+  const { rerender } = render(<CAccordion flush={false}>Test</CAccordion>)
+  expect(screen.getByText('Test')).toHaveClass('accordion')
+  expect(screen.getByText('Test')).not.toHaveClass('accordion-flush')
+  rerender(<CAccordion flush={true}>Test</CAccordion>)
+  expect(screen.getByText('Test')).toHaveClass('accordion')
+  expect(screen.getByText('Test')).toHaveClass('accordion-flush')
+  jest.runAllTimers()
+  expect(screen.getByText('Test')).toHaveClass('accordion')
+  expect(screen.getByText('Test')).toHaveClass('accordion-flush')
+  rerender(<CAccordion flush={false}>Test</CAccordion>)
+  expect(screen.getByText('Test')).toHaveClass('accordion')
+  expect(screen.getByText('Test')).not.toHaveClass('accordion-flush')
+  jest.runAllTimers()
+  expect(screen.getByText('Test')).toHaveClass('accordion')
+  expect(screen.getByText('Test')).not.toHaveClass('accordion-flush')
+  jest.runAllTimers()
+  jest.useRealTimers()
+})

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { render } from '@testing-library/react'
+import '@testing-library/jest-dom/extend-expect'
+import { CAccordionBody } from '../../../index'
+
+test('loads and displays CAccordionBody component', async () => {
+  const { container } = render(<CAccordionBody>Test</CAccordionBody>)
+  expect(container).toMatchSnapshot()
+})
+
+test('CAccordionBody customize', async () => {
+  const { container } = render(<CAccordionBody className="bazinga">Test</CAccordionBody>)
+  expect(container.firstChild).toHaveClass('bazinga')
+  expect(container.firstChild).toHaveClass('accordion-body')
+  expect(container).toMatchSnapshot()
+})

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

@@ -0,0 +1,17 @@
+import React from 'react'
+import { render } from '@testing-library/react'
+import '@testing-library/jest-dom/extend-expect'
+import { CAccordionButton } from '../../../index'
+
+test('loads and displays CAccordionButton component', async () => {
+  const { container } = render(<CAccordionButton>Test</CAccordionButton>)
+  expect(container).toMatchSnapshot()
+})
+
+test('CAccordionButton customize', async () => {
+  const { container } = render(<CAccordionButton className="bazinga" collapsed={true}>Test</CAccordionButton>)
+  expect(container.firstChild).toHaveClass('bazinga')
+  expect(container.firstChild).toHaveClass('accordion-button')
+  expect(container.firstChild).toHaveClass('collapsed')
+  expect(container).toMatchSnapshot()
+})

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

@@ -0,0 +1,10 @@
+import React from 'react'
+import { render } from '@testing-library/react'
+import '@testing-library/jest-dom/extend-expect'
+import { CAccordionCollapse } from '../../../index'
+
+test('loads and displays CAccordionCollapse component', async () => {
+    const { container } = render(<CAccordionCollapse>Test</CAccordionCollapse>)
+    expect(container.firstChild).toHaveClass('accordion-collapse')
+    expect(container).toMatchSnapshot()
+})

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { render } from '@testing-library/react'
+import '@testing-library/jest-dom/extend-expect'
+import { CAccordionHeader } from '../../../index'
+
+test('loads and displays CAccordionHeader component', async () => {
+  const { container } = render(<CAccordionHeader>Test</CAccordionHeader>)
+  expect(container).toMatchSnapshot()
+})
+
+test('CAccordionHeader customize', async () => {
+  const { container } = render(<CAccordionHeader className="bazinga">Test</CAccordionHeader>)
+  expect(container.firstChild).toHaveClass('bazinga')
+  expect(container.firstChild).toHaveClass('accordion-header')
+  expect(container).toMatchSnapshot()
+})

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

@@ -0,0 +1,16 @@
+import React from 'react'
+import { render } from '@testing-library/react'
+import '@testing-library/jest-dom/extend-expect'
+import { CAccordionItem } from '../../../index'
+
+test('loads and displays CAccordionItem component', async () => {
+  const { container } = render(<CAccordionItem>Test</CAccordionItem>)
+  expect(container).toMatchSnapshot()
+})
+
+test('CAccordionItem customize', async () => {
+  const { container } = render(<CAccordionItem className="bazinga">Test</CAccordionItem>)
+  expect(container.firstChild).toHaveClass('bazinga')
+  expect(container.firstChild).toHaveClass('accordion-item')
+  expect(container).toMatchSnapshot()
+})

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

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CAccordion customize 1`] = `
+<div>
+  <div
+    class="accordion bazinga"
+  >
+    Test
+  </div>
+</div>
+`;
+
+exports[`loads and displays CAccordion component 1`] = `
+<div>
+  <div
+    class="accordion"
+  >
+    Test
+  </div>
+</div>
+`;

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

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CAccordionBody customize 1`] = `
+<div>
+  <div
+    class="accordion-body bazinga"
+  >
+    Test
+  </div>
+</div>
+`;
+
+exports[`loads and displays CAccordionBody component 1`] = `
+<div>
+  <div
+    class="accordion-body"
+  >
+    Test
+  </div>
+</div>
+`;