@coreui/react-pro 5.26.0 → 5.27.0

package/src/components/form/__tests__/__snapshots__/CInputGroup.spec.tsx.snap

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

package/src/components/form/__tests__/__snapshots__/CInputGroupText.spec.tsx.snap

@@ -1,32 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CInputGroupText customize 1`] = `
-<div>
-  <span
-    class="input-group-text bazinga"
-  >
-    Test
-  </span>
-</div>
-`;
-
-exports[`loads and displays CInputGroupText component 1`] = `
-<div>
-  <span
-    class="input-group-text"
-  >
-    Test
-  </span>
-</div>
-`;
-
-exports[`renders CInputGroupText component as a label 1`] = `
-<div>
-  <label
-    class="input-group-text"
-    for="input"
-  >
-    Test
-  </label>
-</div>
-`;

package/src/components/grid/__tests__/CCol.spec.tsx

@@ -1,42 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CCol } from '../index'
-
-test('CCol no-breakpoints', async () => {
-  const { container } = render(<CCol>Test</CCol>)
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('col')
-})
-
-test('CCol customize breakpoints are numbers', async () => {
-  const { container } = render(
-    <CCol className="bazinga" xs={1} sm={2} md={3} lg={4} xl={5} xxl={6}>
-      Test
-    </CCol>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('col-1')
-  expect(container.firstChild).toHaveClass('col-sm-2')
-  expect(container.firstChild).toHaveClass('col-md-3')
-  expect(container.firstChild).toHaveClass('col-lg-4')
-  expect(container.firstChild).toHaveClass('col-xl-5')
-  expect(container.firstChild).toHaveClass('col-xxl-6')
-})
-
-test('CCol customize breakpoints are boolean', async () => {
-  const { container } = render(
-    <CCol className="bazinga" xs={true} sm={true} md={true} lg={true} xl={true} xxl={true}>
-      Test
-    </CCol>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('col')
-  expect(container.firstChild).toHaveClass('col-sm')
-  expect(container.firstChild).toHaveClass('col-md')
-  expect(container.firstChild).toHaveClass('col-lg')
-  expect(container.firstChild).toHaveClass('col-xl')
-  expect(container.firstChild).toHaveClass('col-xxl')
-})

package/src/components/grid/__tests__/CContainer.spec.tsx

@@ -1,31 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CContainer } from '../index'
-
-test('loads and displays CContainer component', async () => {
-  const { container } = render(<CContainer>Test</CContainer>)
-  expect(container).toMatchSnapshot()
-})
-
-test('CContainer customize fluid', async () => {
-  const { container } = render(
-    <CContainer className="bazinga" fluid>
-      Test
-    </CContainer>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('container-fluid')
-})
-
-test('CContainer customize', async () => {
-  const { container } = render(
-    <CContainer md className="bazinga">
-      Test
-    </CContainer>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('container-md')
-})

package/src/components/grid/__tests__/CRow.spec.tsx

@@ -1,116 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CRow } from '../index'
-
-test('CRow not-customize', async () => {
-  const { container } = render(<CRow>Test</CRow>)
-  expect(container).toMatchSnapshot()
-})
-
-test('CRow customize cols', async () => {
-  const { container } = render(
-    <CRow
-      className="bazinga"
-      xs={{ cols: 1 }}
-      sm={{ cols: 2 }}
-      md={{ cols: 3 }}
-      lg={{ cols: 4 }}
-      xl={{ cols: 5 }}
-      xxl={{ cols: 6 }}
-    >
-      Test
-    </CRow>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('row-cols-1')
-  expect(container.firstChild).toHaveClass('row-cols-sm-2')
-  expect(container.firstChild).toHaveClass('row-cols-md-3')
-  expect(container.firstChild).toHaveClass('row-cols-lg-4')
-  expect(container.firstChild).toHaveClass('row-cols-xl-5')
-  expect(container.firstChild).toHaveClass('row-cols-xxl-6')
-})
-
-test('CRow customize gutter single gutter', async () => {
-  const { container } = render(
-    <CRow className="bazinga" xs={{ gutter: 7 }}>
-      Test
-    </CRow>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('g-7')
-})
-
-test('CRow customize gutter', async () => {
-  const { container } = render(
-    <CRow
-      className="bazinga"
-      xs={{ gutter: 1 }}
-      sm={{ gutter: 2 }}
-      md={{ gutter: 3 }}
-      lg={{ gutter: 4 }}
-      xl={{ gutter: 5 }}
-      xxl={{ gutter: 6 }}
-    >
-      Test
-    </CRow>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('g-1')
-  expect(container.firstChild).toHaveClass('g-sm-2')
-  expect(container.firstChild).toHaveClass('g-md-3')
-  expect(container.firstChild).toHaveClass('g-lg-4')
-  expect(container.firstChild).toHaveClass('g-xl-5')
-  expect(container.firstChild).toHaveClass('g-xxl-6')
-})
-
-test('CRow customize gutterX', async () => {
-  const { container } = render(
-    <CRow
-      className="bazinga"
-      xs={{ gutterX: 1 }}
-      sm={{ gutterX: 2 }}
-      md={{ gutterX: 3 }}
-      lg={{ gutterX: 4 }}
-      xl={{ gutterX: 5 }}
-      xxl={{ gutterX: 6 }}
-    >
-      Test
-    </CRow>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('gx-1')
-  expect(container.firstChild).toHaveClass('gx-sm-2')
-  expect(container.firstChild).toHaveClass('gx-md-3')
-  expect(container.firstChild).toHaveClass('gx-lg-4')
-  expect(container.firstChild).toHaveClass('gx-xl-5')
-  expect(container.firstChild).toHaveClass('gx-xxl-6')
-})
-
-test('CRow customize gutterY', async () => {
-  const { container } = render(
-    <CRow
-      className="bazinga"
-      xs={{ gutterY: 1 }}
-      sm={{ gutterY: 2 }}
-      md={{ gutterY: 3 }}
-      lg={{ gutterY: 4 }}
-      xl={{ gutterY: 5 }}
-      xxl={{ gutterY: 6 }}
-    >
-      Test
-    </CRow>
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('gy-1')
-  expect(container.firstChild).toHaveClass('gy-sm-2')
-  expect(container.firstChild).toHaveClass('gy-md-3')
-  expect(container.firstChild).toHaveClass('gy-lg-4')
-  expect(container.firstChild).toHaveClass('gy-xl-5')
-  expect(container.firstChild).toHaveClass('gy-xxl-6')
-})

package/src/components/grid/__tests__/__snapshots__/CCol.spec.tsx.snap

@@ -1,31 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CCol customize breakpoints are boolean 1`] = `
-<div>
-  <div
-    class="col-xxl col-xl col-lg col-md col-sm col bazinga"
-  >
-    Test
-  </div>
-</div>
-`;
-
-exports[`CCol customize breakpoints are numbers 1`] = `
-<div>
-  <div
-    class="col-xxl-6 col-xl-5 col-lg-4 col-md-3 col-sm-2 col-1 bazinga"
-  >
-    Test
-  </div>
-</div>
-`;
-
-exports[`CCol no-breakpoints 1`] = `
-<div>
-  <div
-    class="col"
-  >
-    Test
-  </div>
-</div>
-`;

package/src/components/grid/__tests__/__snapshots__/CContainer.spec.tsx.snap

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

package/src/components/grid/__tests__/__snapshots__/CRow.spec.tsx.snap

@@ -1,61 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CRow customize cols 1`] = `
-<div>
-  <div
-    class="row row-cols-xxl-6 row-cols-xl-5 row-cols-lg-4 row-cols-md-3 row-cols-sm-2 row-cols-1 bazinga"
-  >
-    Test
-  </div>
-</div>
-`;
-
-exports[`CRow customize gutter 1`] = `
-<div>
-  <div
-    class="row g-xxl-6 g-xl-5 g-lg-4 g-md-3 g-sm-2 g-1 bazinga"
-  >
-    Test
-  </div>
-</div>
-`;
-
-exports[`CRow customize gutter single gutter 1`] = `
-<div>
-  <div
-    class="row g-7 bazinga"
-  >
-    Test
-  </div>
-</div>
-`;
-
-exports[`CRow customize gutterX 1`] = `
-<div>
-  <div
-    class="row gx-xxl-6 gx-xl-5 gx-lg-4 gx-md-3 gx-sm-2 gx-1 bazinga"
-  >
-    Test
-  </div>
-</div>
-`;
-
-exports[`CRow customize gutterY 1`] = `
-<div>
-  <div
-    class="row gy-xxl-6 gy-xl-5 gy-lg-4 gy-md-3 gy-sm-2 gy-1 bazinga"
-  >
-    Test
-  </div>
-</div>
-`;
-
-exports[`CRow not-customize 1`] = `
-<div>
-  <div
-    class="row"
-  >
-    Test
-  </div>
-</div>
-`;

package/src/components/header/__tests__/CHeader.spec.tsx

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

package/src/components/header/__tests__/CHeaderBrand.spec.tsx

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

package/src/components/header/__tests__/CHeaderDivider.spec.tsx

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

package/src/components/header/__tests__/CHeaderNav.spec.tsx

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

package/src/components/header/__tests__/CHeaderText.spec.tsx

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

package/src/components/header/__tests__/CHeaderToggler.spec.tsx

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

package/src/components/header/__tests__/__snapshots__/CHeader.spec.tsx.snap

@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CHeader customize 1`] = `
-<div>
-  <div
-    class="header header-sticky bazinga"
-  >
-    <div
-      class="container-lg"
-    >
-      Test
-    </div>
-  </div>
-</div>
-`;
-
-exports[`loads and displays CHeader component 1`] = `
-<div>
-  <div
-    class="header"
-  >
-    Test
-  </div>
-</div>
-`;

package/src/components/header/__tests__/__snapshots__/CHeaderBrand.spec.tsx.snap

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

package/src/components/header/__tests__/__snapshots__/CHeaderDivider.spec.tsx.snap

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

package/src/components/header/__tests__/__snapshots__/CHeaderNav.spec.tsx.snap

@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CHeaderNav customize 1`] = `
-<div>
-  <h3
-    class="header-nav bazinga"
-    role="navigation"
-  >
-    Test
-  </h3>
-</div>
-`;
-
-exports[`loads and displays CHeaderNav component 1`] = `
-<div>
-  <ul
-    class="header-nav"
-    role="navigation"
-  >
-    Test
-  </ul>
-</div>
-`;

package/src/components/header/__tests__/__snapshots__/CHeaderText.spec.tsx.snap

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

package/src/components/header/__tests__/__snapshots__/CHeaderToggler.spec.tsx.snap

@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CHeaderToggler customize 1`] = `
-<div>
-  <button
-    class="header-toggler bazinga"
-    type="button"
-  >
-    Test
-  </button>
-</div>
-`;
-
-exports[`loads and displays CHeaderToggler component 1`] = `
-<div>
-  <button
-    class="header-toggler"
-    type="button"
-  >
-    Test
-  </button>
-</div>
-`;

package/src/components/image/__tests__/CImage.spec.tsx

@@ -1,28 +0,0 @@
-import * as React from 'react'
-import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CImage } from '../index'
-
-test('loads and displays CImage component', async () => {
-  const { container } = render(<CImage />)
-  expect(container).toMatchSnapshot()
-})
-
-test('CImage customize one', async () => {
-  const { container } = render(<CImage align="end" />)
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('float-end')
-})
-
-test('CImage customize two', async () => {
-  const { container } = render(
-    <CImage className="bazinga" align="center" fluid={true} rounded={true} thumbnail={true} />
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('d-block')
-  expect(container.firstChild).toHaveClass('mx-auto')
-  expect(container.firstChild).toHaveClass('img-fluid')
-  expect(container.firstChild).toHaveClass('rounded')
-  expect(container.firstChild).toHaveClass('img-thumbnail')
-  expect(container.firstChild).toHaveClass('bazinga')
-})

package/src/components/image/__tests__/__snapshots__/CImage.spec.tsx.snap

@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CImage customize one 1`] = `
-<div>
-  <img
-    class="float-end"
-  />
-</div>
-`;
-
-exports[`CImage customize two 1`] = `
-<div>
-  <img
-    class="d-block mx-auto img-fluid rounded img-thumbnail bazinga"
-  />
-</div>
-`;
-
-exports[`loads and displays CImage component 1`] = `
-<div>
-  <img />
-</div>
-`;