From af496b2af9f6629313e444a3ca0ebcc23fc7f4ba Mon Sep 17 00:00:00 2001
From: Chamara Abesinghe <chamara@orangehrmlive.com>
Date: Mon, 2 Jan 2023 17:37:27 +0530
Subject: [PATCH] OHRM5X-1888: Fix stale unit tests snapshots

---
 .../__tests__/__snapshots__/alert.spec.ts.snap  |  4 ++--
 .../calendar-controller.spec.ts.snap            |  4 ++--
 .../__snapshots__/calendar.spec.ts.snap         |  4 ++--
 .../table-header-cell.spec.ts.snap              |  9 ++++++++-
 .../__tests__/__snapshots__/dialog.spec.ts.snap | 12 ++++++------
 .../__snapshots__/divider.spec.ts.snap          |  2 +-
 .../__snapshots__/checkbox-input.spec.ts.snap   |  4 ++--
 .../__snapshots__/color-input.spec.ts.snap      |  8 ++++----
 .../__snapshots__/date-input.spec.ts.snap       |  2 +-
 .../__snapshots__/dropdown-input.spec.ts.snap   | 17 -----------------
 .../__tests__/__snapshots__/input.spec.ts.snap  |  2 +-
 .../__snapshots__/password-input.spec.ts.snap   |  2 +-
 .../__snapshots__/radio-input.spec.ts.snap      |  4 ++--
 .../__snapshots__/switch-input.spec.ts.snap     |  4 ++--
 .../__snapshots__/SidePanel.spec.ts.snap        |  6 +++---
 .../__snapshots__/TabContainer.spec.ts.snap     |  2 +-
 .../__snapshots__/textarea.spec.ts.snap         |  2 +-
 .../__snapshots__/close-button.spec.ts.snap     | 10 +++++-----
 .../__tests__/__snapshots__/toast.spec.ts.snap  | 10 +++++-----
 19 files changed, 49 insertions(+), 59 deletions(-)
 delete mode 100644 components/src/core/components/Input/__tests__/__snapshots__/dropdown-input.spec.ts.snap

diff --git a/components/src/core/components/Alert/__tests__/__snapshots__/alert.spec.ts.snap b/components/src/core/components/Alert/__tests__/__snapshots__/alert.spec.ts.snap
index 454444491..4ff718262 100644
--- a/components/src/core/components/Alert/__tests__/__snapshots__/alert.spec.ts.snap
+++ b/components/src/core/components/Alert/__tests__/__snapshots__/alert.spec.ts.snap
@@ -3,8 +3,8 @@
 exports[`Alert.vue renders OXD Alert 1`] = `
 <div class="oxd-alert oxd-alert--success" role="alert">
   <div class="oxd-alert-content oxd-alert-content--success">
-    <oxd-icon-stub class="oxd-alert-content-icon"></oxd-icon-stub>
-    <oxd-text-stub class="oxd-alert-content-text"></oxd-text-stub>
+    <oxd-icon-stub name="check2" type="bootstrap" class="oxd-alert-content-icon"></oxd-icon-stub>
+    <oxd-text-stub tag="p" class="oxd-alert-content-text"></oxd-text-stub>
   </div>
   <div class="oxd-alert-action"></div>
 </div>
diff --git a/components/src/core/components/Calendar/__tests__/__snapshots__/calendar-controller.spec.ts.snap b/components/src/core/components/Calendar/__tests__/__snapshots__/calendar-controller.spec.ts.snap
index 0b31a84ad..4e4f6635d 100644
--- a/components/src/core/components/Calendar/__tests__/__snapshots__/calendar-controller.spec.ts.snap
+++ b/components/src/core/components/Calendar/__tests__/__snapshots__/calendar-controller.spec.ts.snap
@@ -7,7 +7,7 @@ exports[`CalendarController.vue renders OXD CalendarController 1`] = `
       <div class="oxd-calendar-selector-month-selected">
         <p class="oxd-text oxd-text--p">March</p><i class="oxd-icon bi-caret-down-fill oxd-icon-button__icon"></i>
       </div>
-      <transition-stub>
+      <transition-stub name="transition-fade-down" appear="false" persisted="false" css="true">
         <!--v-if-->
       </transition-stub>
     </li>
@@ -15,7 +15,7 @@ exports[`CalendarController.vue renders OXD CalendarController 1`] = `
       <div class="oxd-calendar-selector-year-selected">
         <p class="oxd-text oxd-text--p">2020</p><i class="oxd-icon bi-caret-down-fill oxd-icon-button__icon"></i>
       </div>
-      <transition-stub>
+      <transition-stub name="transition-fade-down" appear="false" persisted="false" css="true">
         <!--v-if-->
       </transition-stub>
     </li>
diff --git a/components/src/core/components/Calendar/__tests__/__snapshots__/calendar.spec.ts.snap b/components/src/core/components/Calendar/__tests__/__snapshots__/calendar.spec.ts.snap
index ea394481c..b6c07a5c0 100644
--- a/components/src/core/components/Calendar/__tests__/__snapshots__/calendar.spec.ts.snap
+++ b/components/src/core/components/Calendar/__tests__/__snapshots__/calendar.spec.ts.snap
@@ -8,7 +8,7 @@ exports[`Calendar.vue renders OXD Calendar 1`] = `
         <div class="oxd-calendar-selector-month-selected">
           <p class="oxd-text oxd-text--p">July</p><i class="oxd-icon bi-caret-down-fill oxd-icon-button__icon"></i>
         </div>
-        <transition-stub>
+        <transition-stub name="transition-fade-down" appear="false" persisted="false" css="true">
           <!--v-if-->
         </transition-stub>
       </li>
@@ -16,7 +16,7 @@ exports[`Calendar.vue renders OXD Calendar 1`] = `
         <div class="oxd-calendar-selector-year-selected">
           <p class="oxd-text oxd-text--p">1990</p><i class="oxd-icon bi-caret-down-fill oxd-icon-button__icon"></i>
         </div>
-        <transition-stub>
+        <transition-stub name="transition-fade-down" appear="false" persisted="false" css="true">
           <!--v-if-->
         </transition-stub>
       </li>
diff --git a/components/src/core/components/CardTable/__tests__/__snapshots__/table-header-cell.spec.ts.snap b/components/src/core/components/CardTable/__tests__/__snapshots__/table-header-cell.spec.ts.snap
index 0d8d029dd..f8d577d45 100644
--- a/components/src/core/components/CardTable/__tests__/__snapshots__/table-header-cell.spec.ts.snap
+++ b/components/src/core/components/CardTable/__tests__/__snapshots__/table-header-cell.spec.ts.snap
@@ -2,6 +2,13 @@
 
 exports[`CardTable > TableHeaderCell.vue renders OXD CardTable > TableHeaderCell 1`] = `
 <div class="oxd-table-header-cell" role="columnheader">
-  <!--v-if-->
+  <div class="oxd-table-header-sort"><i class="oxd-icon bi-arrow-down-up oxd-icon-button__icon oxd-table-header-sort-icon"></i>
+    <div class="oxd-table-header-sort-dropdown" role="dropdown" style="display: none;">
+      <ul role="menu">
+        <li class="oxd-table-header-sort-dropdown-item"><i class="oxd-icon bi-sort-alpha-down"></i><span class="oxd-text oxd-text--span">Ascending</span></li>
+        <li class="oxd-table-header-sort-dropdown-item"><i class="oxd-icon bi-sort-alpha-up"></i><span class="oxd-text oxd-text--span">Decending</span></li>
+      </ul>
+    </div>
+  </div>
 </div>
 `;
diff --git a/components/src/core/components/Dialog/__tests__/__snapshots__/dialog.spec.ts.snap b/components/src/core/components/Dialog/__tests__/__snapshots__/dialog.spec.ts.snap
index 3f7649af7..55ef9a53e 100644
--- a/components/src/core/components/Dialog/__tests__/__snapshots__/dialog.spec.ts.snap
+++ b/components/src/core/components/Dialog/__tests__/__snapshots__/dialog.spec.ts.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Dialog > Dialog.vue should renders OXD Dialog > Dialog 1`] = `
-<transition-stub>
+<transition-stub name="fade" appear="true" persisted="false" css="true">
   <div role="dialog" class="oxd-overlay oxd-overlay--flex oxd-overlay--flex-centered">
     <!--
     :aria-labelledby="'dialogTitle_' + id"
@@ -17,7 +17,7 @@ exports[`Dialog > Dialog.vue should renders OXD Dialog > Dialog 1`] = `
 `;
 
 exports[`Dialog > Dialog.vue should renders OXD Dialog > Dialog dialogContainer-div 1`] = `
-<transition-stub>
+<transition-stub name="fade" appear="true" persisted="false" css="true">
   <div role="dialog" class="oxd-overlay oxd-overlay--flex oxd-overlay--flex-centered">
     <!--
     :aria-labelledby="'dialogTitle_' + id"
@@ -31,7 +31,7 @@ exports[`Dialog > Dialog.vue should renders OXD Dialog > Dialog dialogContainer-
 `;
 
 exports[`Dialog > Dialog.vue should renders OXD Dialog > Dialog no shadow 1`] = `
-<transition-stub>
+<transition-stub name="fade" appear="true" persisted="false" css="true">
   <div role="dialog" class="oxd-overlay oxd-overlay--flex oxd-overlay--flex-centered">
     <!--
     :aria-labelledby="'dialogTitle_' + id"
@@ -47,7 +47,7 @@ exports[`Dialog > Dialog.vue should renders OXD Dialog > Dialog no shadow 1`] =
 `;
 
 exports[`Dialog > Dialog.vue should renders OXD Dialog > Dialog persistent 1`] = `
-<transition-stub>
+<transition-stub name="fade" appear="true" persisted="false" css="true">
   <div role="dialog" class="oxd-overlay oxd-overlay--flex oxd-overlay--flex-centered">
     <!--
     :aria-labelledby="'dialogTitle_' + id"
@@ -63,7 +63,7 @@ exports[`Dialog > Dialog.vue should renders OXD Dialog > Dialog persistent 1`] =
 `;
 
 exports[`Dialog > Dialog.vue should renders OXD Dialog > Dialog show 1`] = `
-<transition-stub>
+<transition-stub name="fade" appear="true" persisted="false" css="true">
   <div role="dialog" class="oxd-overlay oxd-overlay--flex oxd-overlay--flex-centered">
     <!--
     :aria-labelledby="'dialogTitle_' + id"
@@ -79,7 +79,7 @@ exports[`Dialog > Dialog.vue should renders OXD Dialog > Dialog show 1`] = `
 `;
 
 exports[`Dialog > Dialog.vue should renders OXD Dialog > Dialog witout close 1`] = `
-<transition-stub>
+<transition-stub name="fade" appear="true" persisted="false" css="true">
   <div role="dialog" class="oxd-overlay oxd-overlay--flex oxd-overlay--flex-centered">
     <!--
     :aria-labelledby="'dialogTitle_' + id"
diff --git a/components/src/core/components/Divider/__tests__/__snapshots__/divider.spec.ts.snap b/components/src/core/components/Divider/__tests__/__snapshots__/divider.spec.ts.snap
index 9206a149f..f44af1276 100644
--- a/components/src/core/components/Divider/__tests__/__snapshots__/divider.spec.ts.snap
+++ b/components/src/core/components/Divider/__tests__/__snapshots__/divider.spec.ts.snap
@@ -2,4 +2,4 @@
 
 exports[`Divider.vue renders OXD Divider 1`] = `<hr class="oxd-divider" role="separator" aria-orientation="horizontal">`;
 
-exports[`Divider.vue should renders OXD Divider with style 1`] = `<hr class="oxd-divider" style="border-color: red;" role="separator" aria-orientation="horizontal">`;
+exports[`Divider.vue should renders OXD Divider with style 1`] = `<hr class="oxd-divider" role="separator" aria-orientation="horizontal" style="border-color: red;">`;
diff --git a/components/src/core/components/Input/__tests__/__snapshots__/checkbox-input.spec.ts.snap b/components/src/core/components/Input/__tests__/__snapshots__/checkbox-input.spec.ts.snap
index 34a7c474f..e654f9f43 100644
--- a/components/src/core/components/Input/__tests__/__snapshots__/checkbox-input.spec.ts.snap
+++ b/components/src/core/components/Input/__tests__/__snapshots__/checkbox-input.spec.ts.snap
@@ -2,12 +2,12 @@
 
 exports[`CheckboxInput.vue renders OXD Checkbox Input 1`] = `
 <div class="oxd-checkbox-wrapper"><label class="">
-    <!--v-if--><input type="checkbox" label="Checkbox"><span class="oxd-checkbox-input oxd-checkbox-input--active --label-right oxd-checkbox-input"><i class="oxd-icon bi-check oxd-checkbox-input-icon"></i></span>
+    <!--v-if--><input label="Checkbox" type="checkbox"><span class="oxd-checkbox-input oxd-checkbox-input--active --label-right oxd-checkbox-input"><i class="oxd-icon bi-check oxd-checkbox-input-icon"></i></span>
   </label></div>
 `;
 
 exports[`CheckboxInput.vue should renders OXD Input with error 1`] = `
 <div class="oxd-checkbox-wrapper"><label class="">
-    <!--v-if--><input type="checkbox" label="Checkbox"><span class="oxd-checkbox-input oxd-checkbox-input--active oxd-checkbox-input--error --label-right oxd-checkbox-input"><i class="oxd-icon bi-check oxd-checkbox-input-icon"></i></span>
+    <!--v-if--><input label="Checkbox" type="checkbox"><span class="oxd-checkbox-input oxd-checkbox-input--active oxd-checkbox-input--error --label-right oxd-checkbox-input"><i class="oxd-icon bi-check oxd-checkbox-input-icon"></i></span>
   </label></div>
 `;
diff --git a/components/src/core/components/Input/__tests__/__snapshots__/color-input.spec.ts.snap b/components/src/core/components/Input/__tests__/__snapshots__/color-input.spec.ts.snap
index e542df63b..9b0047105 100644
--- a/components/src/core/components/Input/__tests__/__snapshots__/color-input.spec.ts.snap
+++ b/components/src/core/components/Input/__tests__/__snapshots__/color-input.spec.ts.snap
@@ -3,7 +3,7 @@
 exports[`ColorInput.vue renders OXD Color Input 1`] = `
 <div class="oxd-color-input oxd-color-input--active" tabindex="0">
   <div class="oxd-color-input-preview" style="background-color: rgb(0, 0, 0); opacity: 1; cursor: pointer;"></div>
-  <transition-stub>
+  <transition-stub name="transition-fade-down" appear="false" persisted="false" css="true">
     <!--v-if-->
   </transition-stub>
 </div>
@@ -12,7 +12,7 @@ exports[`ColorInput.vue renders OXD Color Input 1`] = `
 exports[`ColorInput.vue renders OXD Color Input with color 1`] = `
 <div class="oxd-color-input oxd-color-input--active" tabindex="0">
   <div class="oxd-color-input-preview" style="background-color: rgb(255, 0, 0); opacity: 1; cursor: pointer;"></div>
-  <transition-stub>
+  <transition-stub name="transition-fade-down" appear="false" persisted="false" css="true">
     <!--v-if-->
   </transition-stub>
 </div>
@@ -21,7 +21,7 @@ exports[`ColorInput.vue renders OXD Color Input with color 1`] = `
 exports[`ColorInput.vue should accept 6 digit hex input 1`] = `
 <div class="oxd-color-input oxd-color-input--active oxd-color-input--focus" tabindex="0">
   <div class="oxd-color-input-preview" style="background-color: rgb(0, 0, 0); opacity: 1; cursor: pointer;"></div>
-  <transition-stub>
+  <transition-stub name="transition-fade-down" appear="false" persisted="false" css="true">
     <div role="alert" class="oxd-color-picker --positon-right">
       <div class="oxd-color-picker-indicator" style="top: 0px; left: 228px;"></div><canvas width="228" height="228" class="oxd-color-picker-palette"></canvas><input class="oxd-color-picker-range" type="range" max="359"><label class="oxd-label oxd-color-picker-label">HEX</label><input class="oxd-input oxd-input--active">
     </div>
@@ -32,7 +32,7 @@ exports[`ColorInput.vue should accept 6 digit hex input 1`] = `
 exports[`ColorInput.vue should not accept 3 digit hex input 1`] = `
 <div class="oxd-color-input oxd-color-input--active oxd-color-input--focus" tabindex="0">
   <div class="oxd-color-input-preview" style="background-color: rgb(0, 0, 0); opacity: 1; cursor: pointer;"></div>
-  <transition-stub>
+  <transition-stub name="transition-fade-down" appear="false" persisted="false" css="true">
     <div role="alert" class="oxd-color-picker --positon-right">
       <div class="oxd-color-picker-indicator" style="top: 0px; left: 228px;"></div><canvas width="228" height="228" class="oxd-color-picker-palette"></canvas><input class="oxd-color-picker-range" type="range" max="359"><label class="oxd-label oxd-color-picker-label">HEX</label><input class="oxd-input oxd-input--active">
     </div>
diff --git a/components/src/core/components/Input/__tests__/__snapshots__/date-input.spec.ts.snap b/components/src/core/components/Input/__tests__/__snapshots__/date-input.spec.ts.snap
index 62ac1999d..a4a645f13 100644
--- a/components/src/core/components/Input/__tests__/__snapshots__/date-input.spec.ts.snap
+++ b/components/src/core/components/Input/__tests__/__snapshots__/date-input.spec.ts.snap
@@ -3,7 +3,7 @@
 exports[`DateInput.vue renders OXD Date Input 1`] = `
 <div class="oxd-date-wrapper">
   <div class="oxd-date-input"><input class="oxd-input oxd-input--active"><i class="oxd-icon bi-calendar oxd-date-input-icon"></i></div>
-  <transition-stub>
+  <transition-stub name="transition-fade-down" appear="false" persisted="false" css="true">
     <!--v-if-->
   </transition-stub>
 </div>
diff --git a/components/src/core/components/Input/__tests__/__snapshots__/dropdown-input.spec.ts.snap b/components/src/core/components/Input/__tests__/__snapshots__/dropdown-input.spec.ts.snap
deleted file mode 100644
index 406b1e050..000000000
--- a/components/src/core/components/Input/__tests__/__snapshots__/dropdown-input.spec.ts.snap
+++ /dev/null
@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DropdownInput.vue renders OXD Dropdown Input 1`] = `
-<div class="oxd-dropdown-container">
-  <div class="oxd-dropdown-input">
-    <oxd-input-stub placeholder="Type for hints..." disabled="false"></oxd-input-stub>
-    <div class="oxd-dropdown-input-icon">
-      <!--v-if-->
-      <oxd-icon-stub class="--arrow"></oxd-icon-stub>
-    </div>
-  </div>
-  <transition-stub>
-    <!--v-if-->
-  </transition-stub>
-  <!--v-if-->
-</div>
-`;
diff --git a/components/src/core/components/Input/__tests__/__snapshots__/input.spec.ts.snap b/components/src/core/components/Input/__tests__/__snapshots__/input.spec.ts.snap
index 82069877b..6794595d6 100644
--- a/components/src/core/components/Input/__tests__/__snapshots__/input.spec.ts.snap
+++ b/components/src/core/components/Input/__tests__/__snapshots__/input.spec.ts.snap
@@ -2,6 +2,6 @@
 
 exports[`Input.vue renders OXD Input 1`] = `<input class="oxd-input oxd-input--active" label="Input">`;
 
-exports[`Input.vue should renders OXD Input with custom color 1`] = `<input class="oxd-input oxd-input--active" style="background-color: aliceblue;" label="Input">`;
+exports[`Input.vue should renders OXD Input with custom color 1`] = `<input class="oxd-input oxd-input--active" label="Input" style="background-color: aliceblue;">`;
 
 exports[`Input.vue should renders OXD Input with error 1`] = `<input class="oxd-input oxd-input--active oxd-input--error" label="Input">`;
diff --git a/components/src/core/components/Input/__tests__/__snapshots__/password-input.spec.ts.snap b/components/src/core/components/Input/__tests__/__snapshots__/password-input.spec.ts.snap
index cfb35de8b..bcee0585c 100644
--- a/components/src/core/components/Input/__tests__/__snapshots__/password-input.spec.ts.snap
+++ b/components/src/core/components/Input/__tests__/__snapshots__/password-input.spec.ts.snap
@@ -2,6 +2,6 @@
 
 exports[`PasswordInput.vue renders OXD Input 1`] = `<input class="oxd-input oxd-input--active" type="password" label="Input">`;
 
-exports[`PasswordInput.vue should renders OXD Input with custom color 1`] = `<input class="oxd-input oxd-input--active" style="background-color: aliceblue;" type="password" label="Input">`;
+exports[`PasswordInput.vue should renders OXD Input with custom color 1`] = `<input class="oxd-input oxd-input--active" type="password" label="Input" style="background-color: aliceblue;">`;
 
 exports[`PasswordInput.vue should renders OXD Input with error 1`] = `<input class="oxd-input oxd-input--active oxd-input--error" type="password" label="Input">`;
diff --git a/components/src/core/components/Input/__tests__/__snapshots__/radio-input.spec.ts.snap b/components/src/core/components/Input/__tests__/__snapshots__/radio-input.spec.ts.snap
index 28c1ccfab..50ece8c7a 100644
--- a/components/src/core/components/Input/__tests__/__snapshots__/radio-input.spec.ts.snap
+++ b/components/src/core/components/Input/__tests__/__snapshots__/radio-input.spec.ts.snap
@@ -2,12 +2,12 @@
 
 exports[`RadioInput.vue renders OXD Radio Input 1`] = `
 <div class="oxd-radio-wrapper"><label class="">
-    <!--v-if--><input type="radio" label="Radio"><span class="oxd-radio-input oxd-radio-input--active --label-right oxd-radio-input"></span>
+    <!--v-if--><input label="Radio" type="radio"><span class="oxd-radio-input oxd-radio-input--active --label-right oxd-radio-input"></span>
   </label></div>
 `;
 
 exports[`RadioInput.vue should renders OXD Radio input with error 1`] = `
 <div class="oxd-radio-wrapper"><label class="">
-    <!--v-if--><input type="radio" label="Radio"><span class="oxd-radio-input oxd-radio-input--active oxd-radio-input--error --label-right oxd-radio-input"></span>
+    <!--v-if--><input label="Radio" type="radio"><span class="oxd-radio-input oxd-radio-input--active oxd-radio-input--error --label-right oxd-radio-input"></span>
   </label></div>
 `;
diff --git a/components/src/core/components/Input/__tests__/__snapshots__/switch-input.spec.ts.snap b/components/src/core/components/Input/__tests__/__snapshots__/switch-input.spec.ts.snap
index e8946c6f6..c1b366777 100644
--- a/components/src/core/components/Input/__tests__/__snapshots__/switch-input.spec.ts.snap
+++ b/components/src/core/components/Input/__tests__/__snapshots__/switch-input.spec.ts.snap
@@ -2,12 +2,12 @@
 
 exports[`SwitchInput.vue renders OXD Switch Input 1`] = `
 <div class="oxd-switch-wrapper"><label class="">
-    <!--v-if--><input type="checkbox" label="Checkbox"><span class="oxd-switch-input oxd-switch-input--active --label-right"></span>
+    <!--v-if--><input label="Checkbox" type="checkbox"><span class="oxd-switch-input oxd-switch-input--active --label-right"></span>
   </label></div>
 `;
 
 exports[`SwitchInput.vue should renders OXD Input with error 1`] = `
 <div class="oxd-switch-wrapper"><label class="">
-    <!--v-if--><input type="checkbox" label="Checkbox"><span class="oxd-switch-input oxd-switch-input--active oxd-switch-input--error --label-right"></span>
+    <!--v-if--><input label="Checkbox" type="checkbox"><span class="oxd-switch-input oxd-switch-input--active oxd-switch-input--error --label-right"></span>
   </label></div>
 `;
diff --git a/components/src/core/components/SidePanel/__tests__/__snapshots__/SidePanel.spec.ts.snap b/components/src/core/components/SidePanel/__tests__/__snapshots__/SidePanel.spec.ts.snap
index 5ecb09200..2827aa9a1 100644
--- a/components/src/core/components/SidePanel/__tests__/__snapshots__/SidePanel.spec.ts.snap
+++ b/components/src/core/components/SidePanel/__tests__/__snapshots__/SidePanel.spec.ts.snap
@@ -4,11 +4,11 @@ exports[`SidePanel.vue renders OXD Side Panel 1`] = `
 <aside class="oxd-sidepanel">
   <nav class="oxd-navbar-nav" role="navigation" aria-label="Sidepanel">
     <div class="oxd-sidepanel-header">
-      <oxd-branding-stub></oxd-branding-stub>
-      <oxd-icon-stub class="oxd-sidepanel-header-close"></oxd-icon-stub>
+      <oxd-branding-stub url="/" logosrc="" bannersrc="" toggle="false"></oxd-branding-stub>
+      <oxd-icon-stub name="x" type="bootstrap" class="oxd-sidepanel-header-close"></oxd-icon-stub>
     </div>
     <div class="oxd-sidepanel-body">
-      <oxd-main-menu-stub></oxd-main-menu-stub>
+      <oxd-main-menu-stub url="/" toggle="false" menuitems=""></oxd-main-menu-stub>
     </div>
   </nav>
 </aside>
diff --git a/components/src/core/components/Tab/__tests__/__snapshots__/TabContainer.spec.ts.snap b/components/src/core/components/Tab/__tests__/__snapshots__/TabContainer.spec.ts.snap
index bb75b35ec..d39015822 100644
--- a/components/src/core/components/Tab/__tests__/__snapshots__/TabContainer.spec.ts.snap
+++ b/components/src/core/components/Tab/__tests__/__snapshots__/TabContainer.spec.ts.snap
@@ -3,7 +3,7 @@
 exports[`TabContainer.vue renders OXD Tab Container 1`] = `
 <div class="oxd-tab">
   <div class="oxd-tab-bar"><a class="oxd-tab-segment oxd-tab-segment--active" href="#tab1">tab1</a><a class="oxd-tab-segment" href="#tab2">tab2</a><a class="oxd-tab-segment" href="#tab3">tab3</a></div>
-  <transition-stub>
+  <transition-stub name="transition-slide-right" appear="false" persisted="false" css="true">
     <div id="tab1" class="oxd-tab-panel">
       <div>Tab 1</div>
     </div>
diff --git a/components/src/core/components/Textarea/__tests__/__snapshots__/textarea.spec.ts.snap b/components/src/core/components/Textarea/__tests__/__snapshots__/textarea.spec.ts.snap
index 2957569cf..91322dce2 100644
--- a/components/src/core/components/Textarea/__tests__/__snapshots__/textarea.spec.ts.snap
+++ b/components/src/core/components/Textarea/__tests__/__snapshots__/textarea.spec.ts.snap
@@ -2,6 +2,6 @@
 
 exports[`Textarea.vue renders OXD Textarea 1`] = `<textarea class="oxd-textarea oxd-textarea--active oxd-textarea--resize-vertical" label="Textarea"></textarea>`;
 
-exports[`Textarea.vue should renders OXD Textarea with custom color 1`] = `<textarea class="oxd-textarea oxd-textarea--active oxd-textarea--resize-vertical" style="background-color: aliceblue;" label="Textarea"></textarea>`;
+exports[`Textarea.vue should renders OXD Textarea with custom color 1`] = `<textarea class="oxd-textarea oxd-textarea--active oxd-textarea--resize-vertical" label="Textarea" style="background-color: aliceblue;"></textarea>`;
 
 exports[`Textarea.vue should renders OXD Textarea with error 1`] = `<textarea class="oxd-textarea oxd-textarea--active oxd-textarea--error oxd-textarea--resize-vertical" label="Textarea"></textarea>`;
diff --git a/components/src/core/components/Toast/__tests__/__snapshots__/close-button.spec.ts.snap b/components/src/core/components/Toast/__tests__/__snapshots__/close-button.spec.ts.snap
index a9de0850d..32750582b 100644
--- a/components/src/core/components/Toast/__tests__/__snapshots__/close-button.spec.ts.snap
+++ b/components/src/core/components/Toast/__tests__/__snapshots__/close-button.spec.ts.snap
@@ -2,30 +2,30 @@
 
 exports[`Toast > CloseButton.vue should renders OXD ToastCloseButton 1`] = `
 <div class="oxd-toast-close-container">
-  <div class="oxd-toast-close oxd-toast-close--default" role="button"> × </div>
+  <div class="oxd-toast-close oxd-toast-close--default" role="button">×</div>
 </div>
 `;
 
 exports[`Toast > CloseButton.vue should renders OXD ToastCloseButton error 1`] = `
 <div class="oxd-toast-close-container">
-  <div class="oxd-toast-close oxd-toast-close--error" role="button"> × </div>
+  <div class="oxd-toast-close oxd-toast-close--error" role="button">×</div>
 </div>
 `;
 
 exports[`Toast > CloseButton.vue should renders OXD ToastCloseButton info 1`] = `
 <div class="oxd-toast-close-container">
-  <div class="oxd-toast-close oxd-toast-close--info" role="button"> × </div>
+  <div class="oxd-toast-close oxd-toast-close--info" role="button">×</div>
 </div>
 `;
 
 exports[`Toast > CloseButton.vue should renders OXD ToastCloseButton success 1`] = `
 <div class="oxd-toast-close-container">
-  <div class="oxd-toast-close oxd-toast-close--success" role="button"> × </div>
+  <div class="oxd-toast-close oxd-toast-close--success" role="button">×</div>
 </div>
 `;
 
 exports[`Toast > CloseButton.vue should renders OXD ToastCloseButton warn 1`] = `
 <div class="oxd-toast-close-container">
-  <div class="oxd-toast-close oxd-toast-close--warn" role="button"> × </div>
+  <div class="oxd-toast-close oxd-toast-close--warn" role="button">×</div>
 </div>
 `;
diff --git a/components/src/core/components/Toast/__tests__/__snapshots__/toast.spec.ts.snap b/components/src/core/components/Toast/__tests__/__snapshots__/toast.spec.ts.snap
index 64eabbbb0..6cbd8a504 100644
--- a/components/src/core/components/Toast/__tests__/__snapshots__/toast.spec.ts.snap
+++ b/components/src/core/components/Toast/__tests__/__snapshots__/toast.spec.ts.snap
@@ -12,7 +12,7 @@ exports[`Toast > Toast.vue should renders OXD Toast 1`] = `
     </div>
   </div>
   <div class="oxd-toast-close-container">
-    <div class="oxd-toast-close oxd-toast-close--default" role="button"> × </div>
+    <div class="oxd-toast-close oxd-toast-close--default" role="button">×</div>
   </div>
 </div>
 `;
@@ -29,7 +29,7 @@ exports[`Toast > Toast.vue should renders OXD Toast error 1`] = `
     </div>
   </div>
   <div class="oxd-toast-close-container">
-    <div class="oxd-toast-close oxd-toast-close--error" role="button"> × </div>
+    <div class="oxd-toast-close oxd-toast-close--error" role="button">×</div>
   </div>
 </div>
 `;
@@ -46,7 +46,7 @@ exports[`Toast > Toast.vue should renders OXD Toast info 1`] = `
     </div>
   </div>
   <div class="oxd-toast-close-container">
-    <div class="oxd-toast-close oxd-toast-close--info" role="button"> × </div>
+    <div class="oxd-toast-close oxd-toast-close--info" role="button">×</div>
   </div>
 </div>
 `;
@@ -63,7 +63,7 @@ exports[`Toast > Toast.vue should renders OXD Toast success 1`] = `
     </div>
   </div>
   <div class="oxd-toast-close-container">
-    <div class="oxd-toast-close oxd-toast-close--success" role="button"> × </div>
+    <div class="oxd-toast-close oxd-toast-close--success" role="button">×</div>
   </div>
 </div>
 `;
@@ -80,7 +80,7 @@ exports[`Toast > Toast.vue should renders OXD Toast warn 1`] = `
     </div>
   </div>
   <div class="oxd-toast-close-container">
-    <div class="oxd-toast-close oxd-toast-close--warn" role="button"> × </div>
+    <div class="oxd-toast-close oxd-toast-close--warn" role="button">×</div>
   </div>
 </div>
 `;