tests: update tests

Author: mrholek

src/components/alert/__tests__/__snapshots__/CAlert.spec.tsx.snap

@@ -3,9 +3,8 @@
 exports[`CAlert customize 1`] = `
 <div>
   <div
-    class="alert bg-secondary text-white alert-dismissible bazinga"
+    class="alert bg-secondary text-white alert-dismissible fade show bazinga"
     role="alert"
-    style="transition: opacity 150ms linear; opacity: 1;"
   >
     Test
     <button
@@ -21,7 +20,6 @@ exports[`loads and displays CAlert component 1`] = `
   <div
     class="alert alert-primary"
     role="alert"
-    style="transition: opacity 150ms linear; opacity: 1;"
   >
     Test
   </div>

src/components/avatar/__tests__/CAvatar.spec.tsx

@@ -34,7 +34,6 @@ test('CAvatar customize', async () => {
 })
 
 test('CAvatar customize image', async () => {
-  let element
   const { container } = render(
     <CAvatar
       className="bazinga"
@@ -43,12 +42,13 @@ test('CAvatar customize image', async () => {
       size="xl"
       status="warning"
       textColor="white"
-      image="/bazinga"
+      src="/bazinga"
     >
       Test
     </CAvatar>,
   )
   expect(container).toMatchSnapshot()
-  element = container.getElementsByClassName('avatar-img')
+
+  const element = container.getElementsByClassName('avatar-img')
   expect(element.length).toBe(1)
 })

src/components/backdrop/__tests__/CBackdrop.spec.tsx

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

src/components/backdrop/__tests__/__snapshots__/CBackdrop.spec.tsx.snap

@@ -0,0 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CBackdrop customize 1`] = `<div />`;
+
+exports[`loads and displays CBackdrop component 1`] = `<div />`;

src/components/breadcrumb/__tests__/CBreadcrumb.spec.tsx

@@ -16,6 +16,7 @@ test('CBreadcrumb customize', async () => {
       <CBreadcrumbItem active={true}>Test C</CBreadcrumbItem>
     </CBreadcrumb>,
   )
+  const ol = container.querySelector('ol')
   expect(container).toMatchSnapshot()
-  expect(container.firstChild).toHaveClass('bazinga')
+  expect(ol).toHaveClass('bazinga')
 })

src/components/collapse/__tests__/__snapshots__/CCollapse.spec.tsx.snap

@@ -4,7 +4,6 @@ exports[`CCollapse customize 1`] = `
 <div>
   <div
     class="bazinga collapse"
-    style="transition: height 350ms ease 0s;"
   >
     Test
   </div>
@@ -15,7 +14,6 @@ exports[`loads and displays CCollapse component 1`] = `
 <div>
   <div
     class="collapse"
-    style="transition: height 350ms ease 0s;"
   >
     Test
   </div>

src/components/dropdown/__tests__/__snapshots__/CDropdown.spec.tsx.snap

@@ -23,6 +23,45 @@ exports[`CDropdown example 1`] = `
     >
       Test
     </button>
+    <ul
+      aria-hidden="true"
+      class="dropdown-menu"
+      role="menu"
+    >
+      <li>
+        <h6
+          class="dropdown-header"
+        >
+          A
+        </h6>
+      </li>
+      <li>
+        <a
+          class="dropdown-item"
+        >
+          B
+        </a>
+      </li>
+      <li>
+        <span
+          class="dropdown-item-text"
+        >
+          C
+        </span>
+      </li>
+      <li>
+        <hr
+          class="dropdown-divider"
+        />
+      </li>
+      <li>
+        <a
+          class="dropdown-item"
+        >
+          D
+        </a>
+      </li>
+    </ul>
   </div>
 </div>
 `;

src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.tsx.snap

@@ -17,4 +17,13 @@ exports[`CDropdownMenu customize 1`] = `
 </div>
 `;
 
-exports[`loads and displays CDropdownMenu component 1`] = `<div />`;
+exports[`loads and displays CDropdownMenu component 1`] = `
+<div>
+  <ul
+    aria-hidden="true"
+    class="dropdown-menu"
+    data-coreui-popper="static"
+    role="menu"
+  />
+</div>
+`;

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

@@ -2,47 +2,12 @@
 
 exports[`CModal customize 1`] = `
 <div>
-  <div>
-    <div
-      class="modal-backdrop show"
-    />
-    <div
-      class="modal fade bazinga show d-block"
-      role="dialog"
-      tabindex="-1"
-    >
-      <div
-        class="modal-dialog modal-dialog-centered modal-fullscreen-xl-down modal-dialog-scrollable modal-xl"
-      >
-        <div
-          class="modal-content"
-        >
-          Test
-        </div>
-      </div>
-    </div>
-  </div>
+  <div />
 </div>
 `;
 
 exports[`loads and displays CModal component 1`] = `
 <div>
-  <div>
-    <div
-      class="modal fade"
-      role="dialog"
-      tabindex="-1"
-    >
-      <div
-        class="modal-dialog"
-      >
-        <div
-          class="modal-content"
-        >
-          Test
-        </div>
-      </div>
-    </div>
-  </div>
+  <div />
 </div>
 `;