tests: update tests

Author: mrholek

packages/coreui-react/src/components/accordion/__tests__/CAccordion.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render, screen } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAccordion } from '../../../index'
+import { CAccordion } from '../index'
 
 test('loads and displays CAccordion component', async () => {
   const { container } = render(<CAccordion>Test</CAccordion>)

packages/coreui-react/src/components/accordion/__tests__/CAccordionBody.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAccordionBody } from '../../../index'
+import { CAccordionBody } from '../index'
 
 test('loads and displays CAccordionBody component', async () => {
   const { container } = render(<CAccordionBody>Test</CAccordionBody>)

packages/coreui-react/src/components/accordion/__tests__/CAccordionButton.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAccordionButton } from '../../../index'
+import { CAccordionButton } from '../index'
 
 test('loads and displays CAccordionButton component', async () => {
   const { container } = render(<CAccordionButton>Test</CAccordionButton>)

packages/coreui-react/src/components/accordion/__tests__/CAccordionHeader.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAccordionHeader } from '../../../index'
+import { CAccordionHeader } from '../index'
 
 test('loads and displays CAccordionHeader component', async () => {
   const { container } = render(<CAccordionHeader>Test</CAccordionHeader>)

packages/coreui-react/src/components/accordion/__tests__/CAccordionItem.spec.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAccordionItem } from '../../../index'
+import { CAccordionItem } from '../index'
 
 test('loads and displays CAccordionItem component', async () => {
   const { container } = render(<CAccordionItem>Test</CAccordionItem>)

packages/coreui-react/src/components/alert/__tests__/CAlert.spec.tsx

@@ -1,41 +1,62 @@
 import * as React from 'react'
-import { render, fireEvent } from '@testing-library/react'
+import { act, render, fireEvent } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAlert } from '../../../index'
+import { CAlert } from '../index'
 
 test('loads and displays CAlert component', async () => {
-  const { container } = render(<CAlert color="primary">Test</CAlert>)
-  expect(container).toMatchSnapshot()
+  let container: HTMLElement
+  await act(async () => {
+    const renderResult = render(<CAlert color="primary">Test</CAlert>)
+    container = renderResult.container
+  })
+  expect(container!).toMatchSnapshot()
 })
 
 test('CAlert customize', async () => {
-  const { container } = render(
-    <CAlert color="secondary" className="bazinga" dismissible={true} variant="solid" visible={true}>
-      Test
-    </CAlert>,
-  )
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
-  expect(container.firstChild).toHaveClass('bg-secondary')
-  expect(container.firstChild).toHaveClass('text-white')
-  expect(container.firstChild).toHaveClass('alert-dismissible')
+  let container: HTMLElement
+  await act(async () => {
+    const renderResult = render(
+      <CAlert
+        color="secondary"
+        className="bazinga"
+        dismissible={true}
+        variant="solid"
+        visible={true}
+      >
+        Test
+      </CAlert>
+    )
+    container = renderResult.container
+  })
+  expect(container!).toMatchSnapshot()
+  expect(container!.firstChild).toHaveClass('bazinga')
+  expect(container!.firstChild).toHaveClass('bg-secondary')
+  expect(container!.firstChild).toHaveClass('text-white')
+  expect(container!.firstChild).toHaveClass('alert-dismissible')
 })
 
 test('CAlert click close button', async () => {
   jest.useFakeTimers()
+
   const onClose = jest.fn()
   render(
     <CAlert color="primary" dismissible onClose={onClose}>
       Test
-    </CAlert>,
+    </CAlert>
   )
+
   expect(onClose).toHaveBeenCalledTimes(0)
+
   const btn = document.querySelector('.btn-close')
+
   if (btn !== null) {
-    fireEvent.click(btn)
+    act(() => {
+      fireEvent.click(btn)
+      jest.runAllTimers()
+    })
   }
+
   expect(onClose).toHaveBeenCalledTimes(1)
-  jest.runAllTimers()
-  expect(onClose).toHaveBeenCalledTimes(1)
+
   jest.useRealTimers()
 })

packages/coreui-react/src/components/alert/__tests__/CAlertHeading.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAlertHeading } from '../../../index'
+import { CAlertHeading } from '../index'
 
 test('loads and displays CAlertHeading component', async () => {
   const { container } = render(<CAlertHeading>Test</CAlertHeading>)

packages/coreui-react/src/components/alert/__tests__/CAlertLink.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAlertLink } from '../../../index'
+import { CAlertLink } from '../index'
 
 test('loads and displays CAlertLink component', async () => {
   const { container } = render(<CAlertLink>Test</CAlertLink>)

packages/coreui-react/src/components/avatar/__tests__/CAvatar.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CAvatar } from '../../../index'
+import { CAvatar } from '../index'
 
 test('loads and displays CAvatar component', async () => {
   const { container } = render(<CAvatar color="primary">Test</CAvatar>)

packages/coreui-react/src/components/backdrop/__tests__/CBackdrop.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom'
-import { CBackdrop } from '../../../index'
+import { CBackdrop } from '../index'
 
 test('loads and displays CBackdrop component', async () => {
   const { container } = render(<CBackdrop>Test</CBackdrop>)