tests: update tests

mrholek · mrholek · commit 8fff9ab74ce2 · 2023-11-15T16:22:38.000+01:00
diff --git a/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumb.spec.ts.snap b/packages/coreui-vue/src/components/breadcrumb/__tests__/__snapshots__/CBreadcrumb.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CBreadcrumb component renders correctly 1`] = `
-"<nav aria-label="breadcrumb" class="bazinga">
+"<nav aria-label="breadcrumb">
   <ol class="breadcrumb bazinga">Default slot</ol>
 </nav>"
 `;
diff --git a/packages/coreui-vue/src/components/button/__tests__/__snapshots__/CButton.spec.ts.snap b/packages/coreui-vue/src/components/button/__tests__/__snapshots__/CButton.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize (number two) CButton component renders correctly 1`] = `"<a class="btn btn-warning disabled" disabled="false" aria-disabled="true" tabindex="-1">Default slot</a>"`;
+exports[`Customize (number two) CButton component renders correctly 1`] = `"<a class="btn btn-warning disabled" aria-disabled="true" tabindex="-1">Default slot</a>"`;
 
-exports[`Customize CButton component renders correctly 1`] = `"<div class="btn btn-outline-warning btn-lg active disabled rounded-pill" disabled="true">Default slot</div>"`;
+exports[`Customize CButton component renders correctly 1`] = `"<a class="btn btn-outline-warning btn-lg active disabled rounded-pill" aria-disabled="true" tabindex="-1" href="/bazinga">Default slot</a>"`;
 
 exports[`Loads and display CButton component renders correctly 1`] = `"<button class="btn btn-undefined" type="button">Default slot</button>"`;
diff --git a/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarousel.spec.ts.snap b/packages/coreui-vue/src/components/carousel/__tests__/__snapshots__/CCarousel.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CCarousel component renders correctly 1`] = `
-"<div class="carousel slide carousel-fade carousel-dark">
+"<div class="carousel slide carousel-fade" data-coreui-theme="dark">
   <div class="carousel-indicators"></div>
   <div class="carousel-inner"></div><button type="button" class="carousel-control-prev" data-coreui-target=""><span class="carousel-control-prev-icon" ariahidden="true"></span><span class="visually-hidden">Previous</span></button><button type="button" class="carousel-control-next" data-coreui-target=""><span class="carousel-control-next-icon" ariahidden="true"></span><span class="visually-hidden">Next</span></button>
 </div>"
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.ts.snap b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownMenu.spec.ts.snap
@@ -1,9 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CDropdownMenu component renders correctly 1`] = `
-"<ul class="dropdown-menu dropdown-menu-dark show dropdown-menu-lg-end" data-coreui-popper="static">
-  <li>Default slot</li>
-</ul>"
+"<!--teleport start-->
+<!--teleport end-->"
 `;
 
-exports[`Loads and display CDropdownMenu component renders correctly 1`] = `"<div class="dropdown-menu dropdown-menu-lg-end" data-coreui-popper="static">Default slot</div>"`;
+exports[`Loads and display CDropdownMenu component renders correctly 1`] = `
+"<!--teleport start-->
+<!--teleport end-->"
+`;
diff --git a/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownToggle.spec.ts.snap b/packages/coreui-vue/src/components/dropdown/__tests__/__snapshots__/CDropdownToggle.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CDropdownToggle component renders correctly 1`] = `"<a active="true" class="nav-link dropdown-toggle-split active disabled show" disabled="true" href="#">Default slot</a>"`;
+exports[`Customize CDropdownToggle component renders correctly 1`] = `"<a href="#" class="nav-link dropdown-toggle-split disabled show" aria-expanded="true" role="button" active="true">Default slot</a>"`;
 
-exports[`Loads and display CDropdownToggle component renders correctly 1`] = `"<button class="btn btn-outline-warning btn-lg active disabled rounded-pill dropdown-toggle dropdown-toggle-split active disabled show" disabled="" type="button"><span class="visually-hidden">Toggle Dropdown</span></button>"`;
+exports[`Loads and display CDropdownToggle component renders correctly 1`] = `"<button class="btn btn-outline-warning btn-lg active disabled rounded-pill dropdown-toggle dropdown-toggle-split disabled show" type="button" disabled="" aria-expanded="true"><span class="visually-hidden">Toggle Dropdown</span></button>"`;
diff --git a/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap b/packages/coreui-vue/src/components/form/__tests__/__snapshots__/CFormCheck.spec.ts.snap
@@ -2,12 +2,12 @@
 
 exports[`Customize with label - CFormCheck component renders correctly 1`] = `
 "<input class="btn-check is-invalid is-valid" id="uniqueid" type="checkbox">
-<label class="btn btn-outline-warning btn-lg rounded-circle" disabled="false" for="uniqueid">some label</label>"
+<label class="btn btn-outline-warning btn-lg rounded-circle" for="uniqueid">some label</label>"
 `;
 
 exports[`Customize with label in slot - CFormCheck component renders correctly 1`] = `
 "<input class="btn-check is-invalid is-valid" id="uniqueid" type="checkbox">
-<label class="btn btn-outline-warning btn-lg rounded-circle" disabled="false" for="uniqueid">some label</label>"
+<label class="btn btn-outline-warning btn-lg rounded-circle" for="uniqueid">some label</label>"
 `;
 
 exports[`Loads and display CFormCheck component renders correctly 1`] = `"<input class="form-check-input" type="checkbox">"`;
diff --git a/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap b/packages/coreui-vue/src/components/modal/__tests__/__snapshots__/CModal.spec.ts.snap
@@ -2,8 +2,8 @@
 
 exports[`Customize CModal component renders correctly 1`] = `
 "<transition-stub appear="false" persisted="false" css="false">
-  <div class="modal">
-    <div class="modal-dialog modal-dialog-centered modal-fullscreen-lg-down modal-dialog-scrollable modal-lg" role="dialog">
+  <div class="modal" aria-modal="true" role="dialog">
+    <div class="modal-dialog modal-dialog-centered modal-fullscreen-lg-down modal-dialog-scrollable modal-lg">
       <div class="modal-content bazinga">Default slot</div>
     </div>
   </div>
@@ -12,8 +12,8 @@ exports[`Customize CModal component renders correctly 1`] = `
 
 exports[`Loads and display CModal component renders correctly 1`] = `
 "<transition-stub appear="false" persisted="false" css="false">
-  <div class="modal fade">
-    <div class="modal-dialog modal-fullscreen" role="dialog">
+  <div class="modal fade" aria-modal="true" role="dialog">
+    <div class="modal-dialog modal-fullscreen">
       <div class="modal-content">Default slot</div>
     </div>
   </div>
diff --git a/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap b/packages/coreui-vue/src/components/navbar/__tests__/__snapshots__/CNavbar.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize CNavbar component renders correctly 1`] = `
-"<div class="navbar bg-warning navbar-light navbar-expand-xl fixed-bottom">
+"<div class="navbar bg-warning navbar-expand-xl fixed-bottom" data-coreui-theme="light">
   <div class="container-lg">Default slot</div>
 </div>"
 `;
diff --git a/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvas.spec.ts.snap b/packages/coreui-vue/src/components/offcanvas/__tests__/__snapshots__/COffcanvas.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Customize COffcanvas component renders correctly 1`] = `
-"<transition-stub appear="false" persisted="false" css="false">
+"<transition-stub appear="true" persisted="false" css="false">
   <div class="offcanvas offcanvas-bottom" role="dialog" tabindex="-1">Default slot</div>
 </transition-stub>
 <transition-stub appear="false" persisted="false" css="true" class="offcanvas-backdrop">
@@ -10,7 +10,7 @@ exports[`Customize COffcanvas component renders correctly 1`] = `
 `;
 
 exports[`Loads and display COffcanvas component renders correctly 1`] = `
-"<transition-stub appear="false" persisted="false" css="false">
+"<transition-stub appear="true" persisted="false" css="false">
   <div class="offcanvas offcanvas-end" role="dialog" tabindex="-1">Default slot</div>
 </transition-stub>
 <transition-stub appear="false" persisted="false" css="true" class="offcanvas-backdrop">
diff --git a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgress.spec.ts.snap
@@ -1,5 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CProgress component renders correctly 1`] = `"<div class="progress progress-thin progress-white" style="height: 100px;">Default slot</div>"`;
+exports[`Customize CProgress component renders correctly 1`] = `
+"<div class="progress progress-thin progress-white" style="height: 100px;" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
+  <div class="progress-bar bg-undefined" style="width: 0%;">Default slot</div>
+</div>"
+`;
 
-exports[`Loads and display CProgress component renders correctly 1`] = `"<div class="progress" style="">Default slot</div>"`;
+exports[`Loads and display CProgress component renders correctly 1`] = `
+"<div class="progress" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
+  <div class="progress-bar bg-undefined" style="width: 0%;">Default slot</div>
+</div>"
+`;
diff --git a/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap b/packages/coreui-vue/src/components/progress/__tests__/__snapshots__/CProgressBar.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CProgressBar component renders correctly 1`] = `"<div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">Default slot</div>"`;
+exports[`Customize CProgressBar component renders correctly 1`] = `"<div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" style="width: 75%;">Default slot</div>"`;
 
-exports[`Loads and display CProgressBar component renders correctly 1`] = `"<div class="progress-bar bg-undefined" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">Default slot</div>"`;
+exports[`Loads and display CProgressBar component renders correctly 1`] = `"<div class="progress-bar bg-undefined" style="width: 0%;">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap b/packages/coreui-vue/src/components/sidebar/__tests__/__snapshots__/CSidebar.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CSidebar component renders correctly 1`] = `"<div class="sidebar sidebar-narrow sidebar-overlaid sidebar-fixed sidebar-xl sidebar-narrow-unfoldable">Default slot</div>"`;
+exports[`Customize CSidebar component renders correctly 1`] = `"<div class="sidebar sidebar-narrow sidebar-overlaid sidebar-fixed sidebar-xl sidebar-narrow-unfoldable show">Default slot</div>"`;
 
-exports[`Loads and display CSidebar component renders correctly 1`] = `"<div class="sidebar hide">Default slot</div>"`;
+exports[`Loads and display CSidebar component renders correctly 1`] = `"<div class="sidebar">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap b/packages/coreui-vue/src/components/spinner/__tests__/__snapshots__/CSpinner.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CSpinner component renders correctly 1`] = `"<h4 class="spinner-grow text-warning spinner-grow-sm" role="status"><span class="visually-hidden">visuallyHiddenLabel</span></h4>"`;
+exports[`Customize CSpinner component renders correctly 1`] = `"<h4 class="spinner-grow spinner-grow-sm text-warning" role="status"><span class="visually-hidden">visuallyHiddenLabel</span></h4>"`;
 
-exports[`Loads and display CSpinner component renders correctly 1`] = `"<div class="spinner-border text-undefined" role="status"><span class="visually-hidden">Loading...</span></div>"`;
+exports[`Loads and display CSpinner component renders correctly 1`] = `"<div class="spinner-border" role="status"><span class="visually-hidden">Loading...</span></div>"`;
diff --git a/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap b/packages/coreui-vue/src/components/toast/__tests__/__snapshots__/CToaster.spec.ts.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Customize CToaster component renders correctly 1`] = `"<div class="toaster toast-container p-3 position-fixed top-0 end-0">Default slot</div>"`;
+exports[`Customize CToaster component renders correctly 1`] = `"<div class="toaster toast-container position-fixed top-0 end-0">Default slot</div>"`;
 
-exports[`Loads and display CToaster component renders correctly 1`] = `"<div class="toaster toast-container p-3">Default slot</div>"`;
+exports[`Loads and display CToaster component renders correctly 1`] = `"<div class="toaster toast-container">Default slot</div>"`;
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsA.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CWidgetStatsA component renders correctly 1`] = `
-"<div class="card bg-warning text-high-emphasis-inverse">
+"<div class="card bg-warning text-white">
   <div class="card-body pb-0 d-flex justify-content-between align-items-start">
     <div>
       <div class="fs-4 fw-semibold">75</div>
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsB.spec.ts.snap
@@ -1,13 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loads and display CWidgetStatsB component renders correctly 1`] = `
-"<div class="card bg-warning text-high-emphasis-inverse">
+"<div class="card bg-warning text-white">
   <div class="card-body">
     <div class="fs-4 fw-semibold">75</div>
     <div>title</div>
-    <div class="progress progress-white my-2" style="height: 4px;">
-      <div class="progress-bar bg-info" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-    </div><small class="text-medium-emphasis-inverse">text</small>
+    <div class="progress progress-white my-2" style="height: 4px;" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
+      <div class="progress-bar bg-info" style="width: 75%;">
+        <!---->
+      </div>
+    </div><small class="text-white text-opacity-75">text</small>
   </div>
 </div>"
 `;
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsC.spec.ts.snap
@@ -3,11 +3,13 @@
 exports[`Loads and display CWidgetStatsC component renders correctly 1`] = `
 "<div class="card bg-warning text-white">
   <div class="card-body">
-    <div class="text-end mb-4 text-medium-emphasis-inverse">icon</div>
+    <div class="text-end mb-4 text-white text-opacity-75">icon</div>
     <div class="fs-4 fw-semibold">75</div>
-    <div class="text-uppercase fw-semibold small text-medium-emphasis-inverse">title</div>
-    <div class="progress progress-white my-2" style="height: 4px;">
-      <div class="progress-bar bg-info" role="progressbar" style="width: 75%;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+    <div class="text-uppercase fw-semibold small text-white text-opacity-75">title</div>
+    <div class="progress progress-white my-2" style="height: 4px;" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
+      <div class="progress-bar bg-info" style="width: 75%;">
+        <!---->
+      </div>
     </div>
   </div>
 </div>"
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsD.spec.ts.snap
@@ -7,12 +7,12 @@ exports[`Loads and display CWidgetStatsD component renders correctly 1`] = `
     <!---->
     <div class="col">
       <div class="col fs-5 fw-semibold">bb</div>
-      <div class="col text-uppercase text-medium-emphasis small">aa</div>
+      <div class="col text-uppercase text-body-secondary small">aa</div>
     </div>
     <div class="vr"></div>
     <div class="col">
       <div class="col fs-5 fw-semibold">dd</div>
-      <div class="col text-uppercase text-medium-emphasis small">cc</div>
+      <div class="col text-uppercase text-body-secondary small">cc</div>
     </div>
   </div>
 </div>"
diff --git a/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap b/packages/coreui-vue/src/components/widgets/__tests__/__snapshots__/CWidgetStatsF.spec.ts.snap
@@ -6,7 +6,7 @@ exports[`Loads and display CWidgetStatsF component renders correctly 1`] = `
     <div class="me-3 text-white bg-warning p-3">default</div>
     <div>
       <div class="fs-6 fw-semibold text-warning">75</div>
-      <div class="text-medium-emphasis text-uppercase fw-semibold small">title</div>
+      <div class="text-body-secondary text-uppercase fw-semibold small">title</div>
     </div>
   </div>
   <div class="card-footer">footer</div>
