tests: update tests

Author: mrholek

packages/coreui-react/src/components/button/__tests__/__snapshots__/CButton.spec.tsx.snap

@@ -19,7 +19,6 @@ exports[`CButton customize witch href 1`] = `
   <a
     class="btn btn-primary"
     href="/bazinga"
-    type="button"
   >
     Test
   </a>

packages/coreui-react/src/components/carousel/__tests__/__snapshots__/CCarousel.spec.tsx.snap

@@ -5,22 +5,26 @@ exports[`loads and displays CCarousel component 1`] = `
   <div
     class="carousel slide"
   >
-    <ol
+    <div
       class="carousel-indicators"
     >
-      <li
+      <button
+        aria-current="true"
+        aria-label="Slide 1"
         class="active"
         data-coreui-target=""
       />
-      <li
+      <button
+        aria-label="Slide 2"
         class=""
         data-coreui-target=""
       />
-      <li
+      <button
+        aria-label="Slide 3"
         class=""
         data-coreui-target=""
       />
-    </ol>
+    </div>
     <div
       class="carousel-inner"
     >

packages/coreui-react/src/components/nav/__tests__/__snapshots__/CNav.spec.tsx.snap

@@ -41,13 +41,14 @@ exports[`CNav example 1`] = `
     <li
       class="nav-item dropdown"
     >
-      <a
+      <button
         aria-expanded="false"
-        class="dropdown-toggle nav-link"
-        href="#"
+        class="btn btn-primary dropdown-toggle"
+        tabindex="0"
+        type="button"
       >
         A
-      </a>
+      </button>
       <ul
         aria-hidden="true"
         class="dropdown-menu"

packages/coreui-react/src/components/navbar/__tests__/CNavbar.spec.tsx

@@ -26,9 +26,9 @@ test('CNavbar customize', async () => {
   expect(container.firstChild).toHaveClass('bazinga')
   expect(container.firstChild).toHaveClass('navbar')
   expect(container.firstChild).toHaveClass('bg-warning')
-  expect(container.firstChild).toHaveClass('navbar-dark')
   expect(container.firstChild).toHaveClass('navbar-expand-lg')
   expect(container.firstChild).toHaveClass('fixed-bottom')
+  expect(container.firstChild).toHaveAttribute('data-coreui-theme', 'dark')
   const arrLength = container.getElementsByClassName('container-xl').length
   expect(arrLength).toBe(1)
 })

packages/coreui-react/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.tsx.snap

@@ -17,7 +17,8 @@ exports[`CNavbar customize - container and expand are boolean 1`] = `
 exports[`CNavbar customize 1`] = `
 <div>
   <h3
-    class="navbar bg-warning navbar-dark navbar-expand-lg fixed-bottom bazinga"
+    class="navbar bg-warning navbar-expand-lg fixed-bottom bazinga"
+    data-coreui-theme="dark"
   >
     <div
       class="container-xl"

packages/coreui-react/src/components/progress/__tests__/__snapshots__/CProgress.spec.tsx.snap

@@ -3,15 +3,15 @@
 exports[`CProgress customize 1`] = `
 <div>
   <div
+    aria-valuemax="100"
+    aria-valuemin="0"
+    aria-valuenow="50"
     class="progress bazinga"
+    role="progressbar"
     style="height: 100px;"
   >
     <div
-      aria-valuemax="100"
-      aria-valuemin="0"
-      aria-valuenow="50"
       class="progress-bar bg-warning"
-      role="progressbar"
       style="width: 50%;"
     >
       Test
@@ -25,7 +25,12 @@ exports[`loads and displays CProgress component 1`] = `
   <div
     class="progress"
   >
-    Test
+    <div
+      class="progress-bar bg-warning"
+      style="width: 0%;"
+    >
+      Test
+    </div>
   </div>
 </div>
 `;

packages/coreui-react/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.tsx.snap

@@ -3,11 +3,7 @@
 exports[`CProgressBar customize 1`] = `
 <div>
   <div
-    aria-valuemax="100"
-    aria-valuemin="0"
-    aria-valuenow="50"
     class="progress-bar bg-warning progress-bar-striped progress-bar-animated bazinga"
-    role="progressbar"
     style="width: 50%;"
   >
     Test
@@ -18,11 +14,7 @@ exports[`CProgressBar customize 1`] = `
 exports[`loads and displays CProgressBar component 1`] = `
 <div>
   <div
-    aria-valuemax="100"
-    aria-valuemin="0"
-    aria-valuenow="0"
     class="progress-bar bg-warning"
-    role="progressbar"
     style="width: 0%;"
   >
     Test

packages/coreui-react/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.tsx.snap

@@ -17,20 +17,20 @@ exports[`CWidgetStatsB customize 1`] = `
         title
       </div>
       <div
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="75"
         class="progress progress-white my-2"
+        role="progressbar"
         style="height: 4px;"
       >
         <div
-          aria-valuemax="100"
-          aria-valuemin="0"
-          aria-valuenow="75"
           class="progress-bar bg-warning"
-          role="progressbar"
           style="width: 75%;"
         />
       </div>
       <small
-        class="text-medium-emphasis-inverse"
+        class="text-white text-opacity-75"
       >
         text
       </small>
@@ -50,7 +50,12 @@ exports[`loads and displays CWidgetStatsB component 1`] = `
       <div
         class="progress my-2"
         style="height: 4px;"
-      />
+      >
+        <div
+          class="progress-bar"
+          style="width: 0%;"
+        />
+      </div>
     </div>
   </div>
 </div>

packages/coreui-react/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.tsx.snap

@@ -9,30 +9,30 @@ exports[`CWidgetStatsC customize 1`] = `
       class="card-body"
     >
       <div
-        class="text-medium-emphasis-inverse text-end mb-4"
+        class="text-end mb-4"
       >
         icon
       </div>
       <div
-        class="text-white fs-4 fw-semibold"
+        class="fs-4 fw-semibold"
       >
         value
       </div>
       <div
-        class="text-medium-emphasis-inverse"
+        class="text-white text-opacity-75"
       >
         title
       </div>
       <div
+        aria-valuemax="100"
+        aria-valuemin="0"
+        aria-valuenow="75"
         class="progress progress-white mt-3 mb-0"
+        role="progressbar"
         style="height: 4px;"
       >
         <div
-          aria-valuemax="100"
-          aria-valuemin="0"
-          aria-valuenow="75"
           class="progress-bar bg-warning"
-          role="progressbar"
           style="width: 75%;"
         />
       </div>
@@ -52,7 +52,12 @@ exports[`loads and displays CWidgetStatsC component 1`] = `
       <div
         class="progress mt-3 mb-0"
         style="height: 4px;"
-      />
+      >
+        <div
+          class="progress-bar"
+          style="width: 0%;"
+        />
+      </div>
     </div>
   </div>
 </div>

packages/coreui-react/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.tsx.snap

@@ -20,7 +20,7 @@ exports[`CWidgetStatsD customize 1`] = `
           89K
         </div>
         <div
-          class="text-uppercase text-medium-emphasis small"
+          class="text-uppercase text-body-secondary small"
         >
           friends
         </div>
@@ -37,7 +37,7 @@ exports[`CWidgetStatsD customize 1`] = `
           459
         </div>
         <div
-          class="text-uppercase text-medium-emphasis small"
+          class="text-uppercase text-body-secondary small"
         >
           feeds
         </div>