tests: update tests

Author: mrholek

src/components/modal/__tests__/CModal.spec.tsx

@@ -17,7 +17,6 @@ test('CModal customize', async () => {
       fullscreen="xl"
       scrollable={true}
       size="xl"
-      transition="fade"
       visible={true}
     >
       Test

src/components/modal/__tests__/CModalBackdrop.spec.tsx

@@ -48,6 +48,36 @@ exports[`CNav example 1`] = `
       >
         A
       </a>
+      <ul
+        aria-hidden="true"
+        class="dropdown-menu"
+        role="menu"
+      >
+        <li>
+          <a
+            class="dropdown-item"
+            href="#"
+          >
+            B
+          </a>
+        </li>
+        <li>
+          <a
+            class="dropdown-item"
+            href="#"
+          >
+            C
+          </a>
+        </li>
+        <li>
+          <a
+            class="dropdown-item"
+            href="#"
+          >
+            D
+          </a>
+        </li>
+      </ul>
     </li>
     <li
       class="nav-item"

src/components/nav/__tests__/__snapshots__/CNav.spec.tsx.snap

@@ -12,17 +12,17 @@ test('loads and displays CSidebar component', async () => {
   expect(container).toMatchSnapshot()
 })
 
-test('CSidebar customize hide', async () => {
-  const { container } = render(<CSidebar hide>Test</CSidebar>)
-  expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('hide')
-})
+// test('CSidebar customize hide', async () => {
+//   const { container } = render(<CSidebar hide>Test</CSidebar>)
+//   expect(container).toMatchSnapshot()
+//   expect(container.firstChild).toHaveClass('hide')
+// })
 
 test('CSidebar customize show', async () => {
   const { container } = render(
     <CSidebar
       className="bazinga"
-      hide={false}
+      // hide={false}
       narrow={true}
       position="fixed"
       selfHiding="lg"

src/components/sidebar/__tests__/CSidebar.spec.tsx

@@ -15,9 +15,7 @@ test('CToast customize', async () => {
       autohide={false}
       color="warning"
       delay={100}
-      dismissible={true}
       key={1}
-      title="title"
       visible={true}
       //onDismiss
     >
@@ -30,8 +28,6 @@ test('CToast customize', async () => {
   expect(container.firstChild).toHaveClass('fade')
   expect(container.firstChild).toHaveClass('bg-warning')
   expect(container.firstChild).toHaveClass('show')
-  expect(container.firstChild).toHaveStyle('transition: opacity 150ms linear, height 150ms linear')
-  expect(container.firstChild).toHaveStyle('opacity: 1')
 })
 
 test('CToast click on dismiss button', async () => {
@@ -43,9 +39,7 @@ test('CToast click on dismiss button', async () => {
       autohide={false}
       color="warning"
       delay={100}
-      dismissible={true}
       key={1}
-      title="title"
       visible={true}
       onDismiss={onDismiss}
     >

src/components/toast/__tests__/CToast.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render /* ,screen */ /* ,fireEvent */ /* ,waitFor */ } from '@testing-library/react'
 import '@testing-library/jest-dom/extend-expect'
-import { CToaster } from '../../../index'
+import { CToast, CToaster } from '../../../index'
 
 test('loads and displays CToaster component', async () => {
   const { container } = render(<CToaster>Test</CToaster>)
@@ -11,7 +11,7 @@ test('loads and displays CToaster component', async () => {
 test('CToaster customize', async () => {
   const { container } = render(
     <CToaster className="bazinga" placement="bottom-start">
-      Test
+      <CToast autohide={false}>Toast</CToast>
     </CToaster>,
   )
   expect(container).toMatchSnapshot()