@coreui/react-pro 5.25.0 → 5.27.0

package/src/components/card/__tests__/CCardHeader.spec.tsx

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

package/src/components/card/__tests__/CCardImage.spec.tsx

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

package/src/components/card/__tests__/CCardImageOverlay.spec.tsx

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

package/src/components/card/__tests__/CCardLink.spec.tsx

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

package/src/components/card/__tests__/CCardSubtitle.spec.tsx

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

package/src/components/card/__tests__/CCardText.spec.tsx

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

package/src/components/card/__tests__/CCardTitle.spec.tsx

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

package/src/components/card/__tests__/__snapshots__/CCard.spec.tsx.snap

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

package/src/components/card/__tests__/__snapshots__/CCardBody.spec.tsx.snap

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

package/src/components/card/__tests__/__snapshots__/CCardFooter.spec.tsx.snap

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

package/src/components/card/__tests__/__snapshots__/CCardGroup.spec.tsx.snap

@@ -1,86 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CCardGroup customize 1`] = `
-<div>
-  <div
-    class="card-group bazinga"
-  >
-    Test
-  </div>
-</div>
-`;
-
-exports[`CCardGroup full example 1`] = `
-<div>
-  <div
-    class="card-group bazinga"
-  >
-    <div
-      class="card"
-    >
-      <svg
-        class="card-img"
-      >
-        Image
-      </svg>
-      <div
-        class="card-header"
-      >
-        Header
-      </div>
-      <div
-        class="card-body"
-      >
-        <h5
-          class="card-title"
-        >
-          Title
-        </h5>
-        <h6
-          class="card-subtitle"
-        >
-          Subtitle
-        </h6>
-        <p
-          class="card-text"
-        >
-          Text
-        </p>
-        <a
-          class="card-link"
-        >
-          Link
-        </a>
-      </div>
-      <div
-        class="card-footer"
-      >
-        Footer
-      </div>
-    </div>
-    <div
-      class="card"
-    >
-      <div
-        class="card-body"
-      >
-        <h5
-          class="card-title"
-        >
-          Card Title
-        </h5>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`loads and displays CCardGroup component 1`] = `
-<div>
-  <div
-    class="card-group"
-  >
-    Test
-  </div>
-</div>
-`;

package/src/components/card/__tests__/__snapshots__/CCardHeader.spec.tsx.snap

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

package/src/components/card/__tests__/__snapshots__/CCardImage.spec.tsx.snap

@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CCardImage customize 1`] = `
-<div>
-  <div
-    class="card-img-bottom bazinga"
-  />
-</div>
-`;
-
-exports[`loads and displays CCardImage component 1`] = `
-<div>
-  <img
-    class="card-img"
-  />
-</div>
-`;

package/src/components/card/__tests__/__snapshots__/CCardImageOverlay.spec.tsx.snap

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

package/src/components/card/__tests__/__snapshots__/CCardLink.spec.tsx.snap

@@ -1,22 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CCardLink customize 1`] = `
-<div>
-  <a
-    class="card-link bazinga"
-    href="/bazinga"
-  >
-    Test
-  </a>
-</div>
-`;
-
-exports[`loads and displays CCardLink component 1`] = `
-<div>
-  <a
-    class="card-link"
-  >
-    Test
-  </a>
-</div>
-`;

package/src/components/card/__tests__/__snapshots__/CCardSubtitle.spec.tsx.snap

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

package/src/components/card/__tests__/__snapshots__/CCardText.spec.tsx.snap

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

package/src/components/card/__tests__/__snapshots__/CCardTitle.spec.tsx.snap

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

package/src/components/carousel/__tests__/CCarousel.spec.tsx

@@ -1,148 +0,0 @@
-import React from 'react'
-import { render, fireEvent, getByText } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import { CCarousel, CCarouselCaption, CCarouselItem } from '../index'
-
-test('loads and displays CCarousel component', async () => {
-  const { container } = render(
-    <CCarousel controls indicators>
-      <CCarouselItem>
-        Item-1
-        <CCarouselCaption>Caption-1</CCarouselCaption>
-      </CCarouselItem>
-      <CCarouselItem>
-        Item-2
-        <CCarouselCaption>Caption-2</CCarouselCaption>
-      </CCarouselItem>
-      <CCarouselItem>
-        Item-3
-        <CCarouselCaption>Caption-3</CCarouselCaption>
-      </CCarouselItem>
-    </CCarousel>
-  )
-
-  const carousel = document.querySelector('.carousel')
-  expect(carousel).toHaveClass('slide')
-  if (carousel === null) {
-    expect(true).toBe(false)
-  } else {
-    expect(carousel.children[0]).toHaveClass('carousel-indicators')
-    expect(carousel.children[1]).toHaveClass('carousel-inner')
-  }
-
-  let caption = getByText(container, 'Caption-1')
-  expect(caption).toHaveClass('carousel-caption')
-  caption = getByText(container, 'Caption-2')
-  expect(caption).toHaveClass('carousel-caption')
-  caption = getByText(container, 'Caption-3')
-  expect(caption).toHaveClass('carousel-caption')
-  let item = getByText(container, 'Item-1')
-  expect(item).toHaveClass('carousel-item')
-  item = getByText(container, 'Item-2')
-  expect(item).toHaveClass('carousel-item')
-  item = getByText(container, 'Item-3')
-  expect(item).toHaveClass('carousel-item')
-
-  let button = document.querySelector('.carousel-control-next')
-  if (button === null) {
-    expect(true).toBe(false)
-  } else {
-    expect(button.firstChild).toHaveClass('carousel-control-next-icon')
-  }
-  button = document.querySelector('.carousel-control-prev')
-  if (button === null) {
-    expect(true).toBe(false)
-  } else {
-    expect(button.firstChild).toHaveClass('carousel-control-prev-icon')
-  }
-
-  expect(container).toMatchSnapshot()
-})
-
-test('CCarousel click on indicator', async () => {
-  const { container } = render(
-    <CCarousel controls indicators>
-      <CCarouselItem>
-        Item-1
-        <CCarouselCaption>Caption-1</CCarouselCaption>
-      </CCarouselItem>
-      <CCarouselItem>
-        Item-2
-        <CCarouselCaption>Caption-2</CCarouselCaption>
-      </CCarouselItem>
-      <CCarouselItem>
-        Item-3
-        <CCarouselCaption>Caption-3</CCarouselCaption>
-      </CCarouselItem>
-    </CCarousel>
-  )
-  const item1 = getByText(container, 'Item-1')
-  const item2 = getByText(container, 'Item-2')
-
-  expect(item1).toHaveClass('active')
-  expect(item1).toHaveClass('carousel-item')
-  expect(item2).not.toHaveClass('active')
-  expect(item2).toHaveClass('carousel-item')
-
-  // click
-  const ci = document.querySelector('.carousel-indicators')
-  ci && fireEvent.click(ci.children[1])
-  fireEvent.transitionEnd(item1)
-  fireEvent.transitionEnd(item2)
-
-  expect(item1).not.toHaveClass('active')
-  expect(item2).toHaveClass('active')
-
-  // goback-click
-  ci && fireEvent.click(ci.children[0])
-  fireEvent.transitionEnd(item1)
-  fireEvent.transitionEnd(item2)
-
-  expect(item1).toHaveClass('active')
-  expect(item2).not.toHaveClass('active')
-})
-
-test('CCarousel click on button', async () => {
-  jest.useFakeTimers()
-  const { container } = render(
-    <CCarousel controls indicators>
-      <CCarouselItem>
-        Item-1
-        <CCarouselCaption>Caption-1</CCarouselCaption>
-      </CCarouselItem>
-      <CCarouselItem>
-        Item-2
-        <CCarouselCaption>Caption-2</CCarouselCaption>
-      </CCarouselItem>
-      <CCarouselItem>
-        Item-3
-        <CCarouselCaption>Caption-3</CCarouselCaption>
-      </CCarouselItem>
-    </CCarousel>
-  )
-  const item1 = getByText(container, 'Item-1')
-  const item2 = getByText(container, 'Item-2')
-
-  expect(item1).toHaveClass('active')
-  expect(item1).toHaveClass('carousel-item')
-  expect(item2).not.toHaveClass('active')
-  expect(item2).toHaveClass('carousel-item')
-
-  // click
-  const buttonNext = document.querySelector('.carousel-control-next')
-  buttonNext && fireEvent.click(buttonNext)
-  fireEvent.transitionEnd(item1)
-  fireEvent.transitionEnd(item2)
-
-  expect(item1).not.toHaveClass('active')
-  expect(item2).toHaveClass('active')
-
-  // goback-click
-  const buttonPrev = document.querySelector('.carousel-control-prev')
-  buttonPrev && fireEvent.click(buttonPrev)
-  fireEvent.transitionEnd(item1)
-  fireEvent.transitionEnd(item2)
-
-  expect(item1).toHaveClass('active')
-  expect(item2).not.toHaveClass('active')
-})

package/src/components/carousel/__tests__/__snapshots__/CCarousel.spec.tsx.snap

@@ -1,80 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`loads and displays CCarousel component 1`] = `
-<div>
-  <div
-    class="carousel slide"
-  >
-    <div
-      class="carousel-indicators"
-    >
-      <button
-        aria-current="true"
-        aria-label="Slide 1"
-        class="active"
-        data-coreui-target=""
-      />
-      <button
-        aria-label="Slide 2"
-        class=""
-        data-coreui-target=""
-      />
-      <button
-        aria-label="Slide 3"
-        class=""
-        data-coreui-target=""
-      />
-    </div>
-    <div
-      class="carousel-inner"
-    >
-      <div
-        class="carousel-item active"
-      >
-        Item-1
-        <div
-          class="carousel-caption"
-        >
-          Caption-1
-        </div>
-      </div>
-      <div
-        class="carousel-item"
-      >
-        Item-2
-        <div
-          class="carousel-caption"
-        >
-          Caption-2
-        </div>
-      </div>
-      <div
-        class="carousel-item"
-      >
-        Item-3
-        <div
-          class="carousel-caption"
-        >
-          Caption-3
-        </div>
-      </div>
-    </div>
-    <button
-      class="carousel-control-prev"
-    >
-      <span
-        aria-label="prev"
-        class="carousel-control-prev-icon"
-      />
-    </button>
-    <button
-      class="carousel-control-next"
-    >
-      <span
-        aria-label="next"
-        class="carousel-control-next-icon"
-      />
-    </button>
-  </div>
-</div>
-`;