@coreui/react-pro 5.26.0 → 5.27.1

package/src/components/table/__tests__/CTableHead.spec.tsx

@@ -1,30 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CTableHead, CTableHeaderCell, CTableRow } from '../index'
-
-test('loads and displays CTableHead component', async () => {
-  const table = document.createElement('table')
-  const { container } = render(<CTableHead />, {
-    container: document.body.appendChild(table),
-  })
-  expect(container).toMatchSnapshot()
-})
-
-test('CTableHead customize', async () => {
-  const table = document.createElement('table')
-  const { container } = render(
-    <CTableHead className="bazinga" color="info">
-      <CTableRow>
-        <CTableHeaderCell>Test</CTableHeaderCell>
-      </CTableRow>
-    </CTableHead>,
-    {
-      container: document.body.appendChild(table),
-    }
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('table-info')
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild?.firstChild?.firstChild).toHaveTextContent('Test')
-})

package/src/components/table/__tests__/CTableHeaderCell.spec.tsx

@@ -1,39 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CTableHead, CTableHeaderCell, CTableRow } from '../index'
-
-test('loads and displays CTableHeaderCell component', async () => {
-  const table = document.createElement('table')
-  const { container } = render(
-    <CTableHead>
-      <CTableRow>
-        <CTableHeaderCell />
-      </CTableRow>
-    </CTableHead>,
-    {
-      container: document.body.appendChild(table),
-    }
-  )
-  expect(container).toMatchSnapshot()
-})
-
-test('CTableHeaderCell customize', async () => {
-  const table = document.createElement('table')
-  const { container } = render(
-    <CTableHead>
-      <CTableRow>
-        <CTableHeaderCell className="bazinga" color="info">
-          Test
-        </CTableHeaderCell>
-      </CTableRow>
-    </CTableHead>,
-    {
-      container: document.body.appendChild(table),
-    }
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild?.firstChild?.firstChild).toHaveClass('table-info')
-  expect(container.firstChild?.firstChild?.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild?.firstChild?.firstChild).toHaveTextContent('Test')
-})

package/src/components/table/__tests__/CTableRow.spec.tsx

@@ -1,37 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CTableBody, CTableHeaderCell, CTableRow } from '../index'
-
-test('loads and displays CTableRow component', async () => {
-  const table = document.createElement('table')
-  const { container } = render(
-    <CTableBody>
-      <CTableRow />
-    </CTableBody>,
-    {
-      container: document.body.appendChild(table),
-    }
-  )
-  expect(container).toMatchSnapshot()
-})
-
-test('CTableRow customize', async () => {
-  const table = document.createElement('table')
-  const { container } = render(
-    <CTableBody>
-      <CTableRow className="bazinga" active={true} align="middle" color="info">
-        <CTableHeaderCell>Test</CTableHeaderCell>
-      </CTableRow>
-    </CTableBody>,
-    {
-      container: document.body.appendChild(table),
-    }
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild?.firstChild).toHaveClass('align-middle')
-  expect(container.firstChild?.firstChild).toHaveClass('table-active')
-  expect(container.firstChild?.firstChild).toHaveClass('table-info')
-  expect(container.firstChild?.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild?.firstChild?.firstChild).toHaveTextContent('Test')
-})

package/src/components/table/__tests__/__snapshots__/CTable.spec.tsx.snap

@@ -1,197 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CTable customize 1`] = `
-<div>
-  <div
-    class="table-responsive-xl"
-  >
-    <table
-      class="table align-middle border-primary caption-top table-bordered table-borderless table-info table-hover table-sm table-striped bazinga"
-    >
-      <tbody>
-        <tr>
-          <td>
-            Test
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</div>
-`;
-
-exports[`CTable full example test 1`] = `
-<div>
-  <table
-    class="table caption-top"
-  >
-    <caption>
-      List of users
-    </caption>
-    <thead>
-      <tr>
-        <th>
-          #
-        </th>
-        <th>
-          Class
-        </th>
-        <th>
-          Heading
-        </th>
-        <th>
-          Heading
-        </th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <th>
-          1
-        </th>
-        <td>
-          Mark
-        </td>
-        <td>
-          Otto
-        </td>
-        <td>
-          @mdo
-        </td>
-      </tr>
-      <tr>
-        <th>
-          2
-        </th>
-        <td>
-          Jacob
-        </td>
-        <td>
-          Thornton
-        </td>
-        <td>
-          @fat
-        </td>
-      </tr>
-      <tr>
-        <th>
-          3
-        </th>
-        <td>
-          Larry
-        </td>
-        <td>
-          the Bird
-        </td>
-        <td>
-          @twitter
-        </td>
-      </tr>
-    </tbody>
-    <tfoot>
-      <tr>
-        <th>
-          #
-        </th>
-        <th>
-          Class
-        </th>
-        <th>
-          Heading
-        </th>
-        <th>
-          Heading
-        </th>
-      </tr>
-    </tfoot>
-  </table>
-</div>
-`;
-
-exports[`loads and displays CTable component - new way 1`] = `
-<div>
-  <table
-    class="table"
-  >
-    <thead>
-      <tr>
-        <th
-          scope="col"
-        >
-          #
-        </th>
-        <th>
-          Class
-        </th>
-        <th
-          scope="col"
-        >
-          Heading
-        </th>
-        <th
-          scope="col"
-        >
-          Heading
-        </th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <th
-          scope="row"
-        >
-          1
-        </th>
-        <td>
-          Mark
-        </td>
-        <td>
-          Otto
-        </td>
-        <td>
-          @mdo
-        </td>
-      </tr>
-      <tr>
-        <th
-          scope="row"
-        >
-          2
-        </th>
-        <td>
-          Jacob
-        </td>
-        <td>
-          Thornton
-        </td>
-        <td>
-          @fat
-        </td>
-      </tr>
-      <tr>
-        <th
-          scope="row"
-        >
-          3
-        </th>
-        <td
-          colspan="2"
-        >
-          Larry the Bird
-        </td>
-        <td>
-          @twitter
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-`;
-
-exports[`loads and displays CTable component 1`] = `
-<div>
-  <table
-    class="table"
-  />
-</div>
-`;

package/src/components/table/__tests__/__snapshots__/CTableBody.spec.tsx.snap

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CTableBody customize 1`] = `
-<table>
-  <tbody
-    class="table-info bazinga"
-  >
-    <tr>
-      <td>
-         Test
-      </td>
-    </tr>
-  </tbody>
-</table>
-`;
-
-exports[`loads and displays CTableBody component 1`] = `
-<table>
-  <tbody />
-</table>
-`;

package/src/components/table/__tests__/__snapshots__/CTableCaption.spec.tsx.snap

@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CTableCaption customize 1`] = `
-<table>
-  <caption>
-    Test
-  </caption>
-</table>
-`;
-
-exports[`loads and displays CTableCaption component 1`] = `
-<table>
-  <caption />
-</table>
-`;

package/src/components/table/__tests__/__snapshots__/CTableDataCell.spec.tsx.snap

@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CTableDataCell customize 1`] = `
-<table>
-  <tbody>
-    <tr>
-      <td
-        class="align-middle table-active table-info bazinga"
-      >
-        Test
-      </td>
-    </tr>
-  </tbody>
-</table>
-`;
-
-exports[`loads and displays CTableDataCell component 1`] = `
-<table>
-  <tbody>
-    <tr>
-      <td />
-    </tr>
-  </tbody>
-</table>
-`;

package/src/components/table/__tests__/__snapshots__/CTableFoot.spec.tsx.snap

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CTableFoot customize 1`] = `
-<table>
-  <tfoot
-    class="table-info bazinga"
-  >
-    <tr>
-      <th>
-        Test
-      </th>
-    </tr>
-  </tfoot>
-</table>
-`;
-
-exports[`loads and displays CTableFoot component 1`] = `
-<table>
-  <tfoot />
-</table>
-`;

package/src/components/table/__tests__/__snapshots__/CTableHead.spec.tsx.snap

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CTableHead customize 1`] = `
-<table>
-  <thead
-    class="table-info bazinga"
-  >
-    <tr>
-      <th>
-        Test
-      </th>
-    </tr>
-  </thead>
-</table>
-`;
-
-exports[`loads and displays CTableHead component 1`] = `
-<table>
-  <thead />
-</table>
-`;

package/src/components/table/__tests__/__snapshots__/CTableHeaderCell.spec.tsx.snap

@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CTableHeaderCell customize 1`] = `
-<table>
-  <thead>
-    <tr>
-      <th
-        class="table-info bazinga"
-      >
-        Test
-      </th>
-    </tr>
-  </thead>
-</table>
-`;
-
-exports[`loads and displays CTableHeaderCell component 1`] = `
-<table>
-  <thead>
-    <tr>
-      <th />
-    </tr>
-  </thead>
-</table>
-`;

package/src/components/table/__tests__/__snapshots__/CTableRow.spec.tsx.snap

@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CTableRow customize 1`] = `
-<table>
-  <tbody>
-    <tr
-      class="align-middle table-active table-info bazinga"
-    >
-      <th>
-        Test
-      </th>
-    </tr>
-  </tbody>
-</table>
-`;
-
-exports[`loads and displays CTableRow component 1`] = `
-<table>
-  <tbody>
-    <tr />
-  </tbody>
-</table>
-`;

package/src/components/tabs/__tests__/CTabContent.spec.tsx

@@ -1,25 +0,0 @@
-import * as React from 'react'
-import { act, render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-
-import { CTabContent } from '../index'
-
-test('loads and displays CTabContent component', async () => {
-  let container: HTMLElement
-  await act(async () => {
-    const renderResult = render(<CTabContent>Test</CTabContent>)
-    container = renderResult.container
-  })
-  expect(container!).toMatchSnapshot()
-})
-
-test('CTabContent customize', async () => {
-  let container: HTMLElement
-  await act(async () => {
-    const renderResult = render(<CTabContent className="bazinga">Test</CTabContent>)
-    container = renderResult.container
-  })
-  expect(container!).toMatchSnapshot()
-  expect(container!.firstChild).toHaveClass('bazinga')
-  expect(container!.firstChild).toHaveClass('tab-content')
-})

package/src/components/tabs/__tests__/CTabPane.spec.tsx

@@ -1,68 +0,0 @@
-import * as React from 'react'
-import { act, render, screen, waitFor } from '@testing-library/react'
-import '@testing-library/jest-dom'
-
-import { CTabPane, CTabContent } from '../index'
-
-test('loads and displays CTabPane component', async () => {
-  let container: HTMLElement
-  await act(async () => {
-    const renderResult = render(<CTabPane>Test</CTabPane>)
-    container = renderResult.container
-  })
-  expect(container!).toMatchSnapshot()
-})
-
-test('CTabPane customize', async () => {
-  let container: HTMLElement
-  await act(async () => {
-    const renderResult = render(
-      <CTabPane className="bazinga" visible={true}>
-        Test
-      </CTabPane>
-    )
-    container = renderResult.container
-  })
-  expect(container!).toMatchSnapshot()
-})
-
-test('CTabContent use case test', async () => {
-  jest.useFakeTimers()
-
-  const { rerender } = render(
-    <CTabContent>
-      <CTabPane visible={false}>Test</CTabPane>
-    </CTabContent>
-  )
-
-  expect(screen.getByText('Test')).not.toHaveClass('show')
-  expect(screen.getByText('Test')).not.toHaveClass('active')
-
-  act(() => {
-    rerender(
-      <CTabContent>
-        <CTabPane visible={true}>Test</CTabPane>
-      </CTabContent>
-    )
-    jest.runAllTimers()
-  })
-
-  await waitFor(() => {
-    expect(screen.getByText('Test')).toHaveClass('active')
-    expect(screen.getByText('Test')).toHaveClass('show')
-  })
-
-  act(() => {
-    rerender(
-      <CTabContent>
-        <CTabPane visible={false}>Test</CTabPane>
-      </CTabContent>
-    )
-    jest.runAllTimers()
-  })
-
-  expect(screen.getByText('Test')).not.toHaveClass('show')
-  expect(screen.getByText('Test')).not.toHaveClass('active')
-
-  jest.useRealTimers()
-})

package/src/components/tabs/__tests__/__snapshots__/CTabContent.spec.tsx.snap

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

package/src/components/tabs/__tests__/__snapshots__/CTabPane.spec.tsx.snap

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

package/src/components/time-picker/__tests__/CTimePicker.spec.tsx

@@ -1,18 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CTimePicker } from '../CTimePicker'
-
-beforeAll(() => {
-  global.IntersectionObserver = class IntersectionObserver {
-    constructor(_callback: IntersectionObserverCallback) {}
-    observe() {}
-    unobserve() {}
-    disconnect() {}
-  } as any
-})
-
-test('loads and displays CTimePicker component', async () => {
-  const { container } = render(<CTimePicker />)
-  expect(container).toMatchSnapshot()
-})