diff --git a/tests/unit/containers/__snapshots__/TheContainer.spec.js.snap b/tests/unit/containers/__snapshots__/TheContainer.spec.js.snap
index 3757e7c8..07019af4 100644
--- a/tests/unit/containers/__snapshots__/TheContainer.spec.js.snap
+++ b/tests/unit/containers/__snapshots__/TheContainer.spec.js.snap
@@ -21,10 +21,14 @@ exports[`TheContainer.vue renders correctly 1`] = `
           fluid="true"
           tag="div"
         >
-          <router-view-stub
+          <transition-stub
             mode="out-in"
             name="fade"
-          />
+          >
+            <router-view-stub
+              name="default"
+            />
+          </transition-stub>
         </ccontainer-stub>
       </main>
     </div>
diff --git a/tests/unit/views/base/__snapshots__/Cards.spec.js.snap b/tests/unit/views/base/__snapshots__/Cards.spec.js.snap
index 7b912841..df119f4b 100644
--- a/tests/unit/views/base/__snapshots__/Cards.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Cards.spec.js.snap
@@ -707,78 +707,81 @@ exports[`Cards.vue renders correctly 1`] = `
     <div
       class="col-sm-6 col-md-4"
     >
-      <div
-        class="card bg-secondary"
+      <transition-stub
         name="fade"
       >
-        <header
-          class="card-header"
+        <div
+          class="card bg-secondary"
         >
-          
+          <header
+            class="card-header"
+          >
+            
             Card with header actions
             
+            <div
+              class="card-header-actions"
+            >
+              <a
+                class="card-header-action btn-setting"
+                href="#"
+                target="_self"
+              >
+                <svg
+                  class="c-icon"
+                  role="img"
+                  viewBox="0 0 64 64"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  undefined
+                </svg>
+              </a>
+               
+              <a
+                class="card-header-action btn-minimize"
+                href="#"
+                target="_self"
+              >
+                <svg
+                  class="c-icon"
+                  role="img"
+                  viewBox="0 0 64 64"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  undefined
+                </svg>
+              </a>
+               
+              <a
+                class="card-header-action btn-close"
+                href="#"
+                target="_self"
+              >
+                <svg
+                  class="c-icon"
+                  role="img"
+                  viewBox="0 0 64 64"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  undefined
+                </svg>
+              </a>
+            </div>
+          </header>
+           
           <div
-            class="card-header-actions"
+            class=""
           >
-            <a
-              class="card-header-action btn-setting"
-              href="#"
-              target="_self"
+            <div
+              class="card-body"
             >
-              <svg
-                class="c-icon"
-                role="img"
-                viewBox="0 0 64 64"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                undefined
-              </svg>
-            </a>
-             
-            <a
-              class="card-header-action btn-minimize"
-              href="#"
-              target="_self"
-            >
-              <svg
-                class="c-icon"
-                role="img"
-                viewBox="0 0 64 64"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                undefined
-              </svg>
-            </a>
-             
-            <a
-              class="card-header-action btn-close"
-              href="#"
-              target="_self"
-            >
-              <svg
-                class="c-icon"
-                role="img"
-                viewBox="0 0 64 64"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                undefined
-              </svg>
-            </a>
-          </div>
-        </header>
-         
-        <div
-          class=""
-        >
-          <div
-            class="card-body"
-          >
-            
+              
               Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
             
+            </div>
           </div>
         </div>
-      </div>
+      </transition-stub>
     </div>
   </div>
 </div>
diff --git a/tests/unit/views/base/__snapshots__/Carousels.spec.js.snap b/tests/unit/views/base/__snapshots__/Carousels.spec.js.snap
index d9cba445..f83c01f2 100644
--- a/tests/unit/views/base/__snapshots__/Carousels.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Carousels.spec.js.snap
@@ -55,26 +55,13 @@ exports[`Carousels.vue renders correctly 1`] = `
           <ol
             class="carousel-indicators"
             data-v-9c4fbe64=""
-          >
-            <li
-              class="active"
-              data-v-9c4fbe64=""
-            />
-            <li
-              class=""
-              data-v-9c4fbe64=""
-            />
-            <li
-              class=""
-              data-v-9c4fbe64=""
-            />
-          </ol>
+          />
           <div
             class="carousel-inner"
             data-v-9c4fbe64=""
           >
             <div
-              class="carousel-item active"
+              class="carousel-item"
               data-v-9c4fbe64=""
             >
               <img
diff --git a/tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap b/tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
index cee7f779..7842a0c0 100644
--- a/tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
@@ -63,7 +63,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
               Morbi leo risus
             </clistgroupitem-stub>
              
-            <clistgroupitemdivider />
+            <clistgroupitemdivider-stub />
              
             <clistgroupitem-stub
               activeclass="router-link-active"
@@ -511,7 +511,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
          
         <ccardbody-stub>
           <clistgroup-stub
-            accent=""
+            accent="true"
             tag="ul"
           >
             <clistgroupitem-stub
diff --git a/tests/unit/views/users/__snapshots__/User.spec.js.snap b/tests/unit/views/users/__snapshots__/User.spec.js.snap
index 8412c0d8..4f378612 100644
--- a/tests/unit/views/users/__snapshots__/User.spec.js.snap
+++ b/tests/unit/views/users/__snapshots__/User.spec.js.snap
@@ -22,31 +22,31 @@ exports[`User.vue renders correctly 1`] = `
         class="card-body"
       >
         <div
-          data-v-6a0024b2=""
+          data-v-2e6be878=""
           small=""
         >
           <!---->
           <div
             class="position-relative table-responsive"
-            data-v-6a0024b2=""
+            data-v-2e6be878=""
           >
             <table
               class="table table-striped table-fixed"
-              data-v-6a0024b2=""
+              data-v-2e6be878=""
             >
               <thead
-                data-v-6a0024b2=""
+                data-v-2e6be878=""
               >
                 <tr
-                  data-v-6a0024b2=""
+                  data-v-2e6be878=""
                 >
                   <th
                     class=""
-                    data-v-6a0024b2=""
+                    data-v-2e6be878=""
                     style="vertical-align: middle; overflow: hidden; width: 150px;"
                   >
                     <div
-                      data-v-6a0024b2=""
+                      data-v-2e6be878=""
                     >
                       Samppa Nori
                     </div>
@@ -54,11 +54,11 @@ exports[`User.vue renders correctly 1`] = `
                   </th>
                   <th
                     class=""
-                    data-v-6a0024b2=""
+                    data-v-2e6be878=""
                     style="vertical-align: middle; overflow: hidden; width: 150px;"
                   >
                     <div
-                      data-v-6a0024b2=""
+                      data-v-2e6be878=""
                     >
                       
                     </div>
@@ -69,54 +69,54 @@ exports[`User.vue renders correctly 1`] = `
               </thead>
               <tbody
                 class="position-relative"
-                data-v-6a0024b2=""
+                data-v-2e6be878=""
               >
                 <tr
-                  data-v-6a0024b2=""
+                  data-v-2e6be878=""
                 >
                   <td
                     class=""
-                    data-v-6a0024b2=""
+                    data-v-2e6be878=""
                   >
                      registered 
                   </td>
                   <td
                     class=""
-                    data-v-6a0024b2=""
+                    data-v-2e6be878=""
                   >
                      2012/01/01 
                   </td>
                 </tr>
                 <!---->
                 <tr
-                  data-v-6a0024b2=""
+                  data-v-2e6be878=""
                 >
                   <td
                     class=""
-                    data-v-6a0024b2=""
+                    data-v-2e6be878=""
                   >
                      role 
                   </td>
                   <td
                     class=""
-                    data-v-6a0024b2=""
+                    data-v-2e6be878=""
                   >
                      Member 
                   </td>
                 </tr>
                 <!---->
                 <tr
-                  data-v-6a0024b2=""
+                  data-v-2e6be878=""
                 >
                   <td
                     class=""
-                    data-v-6a0024b2=""
+                    data-v-2e6be878=""
                   >
                      status 
                   </td>
                   <td
                     class=""
-                    data-v-6a0024b2=""
+                    data-v-2e6be878=""
                   >
                      Active 
                   </td>