tests: update tests

Author: mrholek

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

@@ -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__/CAccordionBody.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__/CAccordionButton.spec.tsx

@@ -0,0 +1,21 @@
+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__/CAccordionCollapse.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__/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 { 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__/CAccordionItem.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__/__snapshots__/CAccordion.spec.tsx.snap

@@ -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__/CAccordionBody.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>
+`;

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

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CAccordionButton customize 1`] = `
+<div>
+  <button
+    aria-expanded="false"
+    class="accordion-button collapsed bazinga"
+  >
+    Test
+  </button>
+</div>
+`;
+
+exports[`loads and displays CAccordionButton component 1`] = `
+<div>
+  <button
+    aria-expanded="true"
+    class="accordion-button"
+  >
+    Test
+  </button>
+</div>
+`;

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

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