test: update tests and snapshots

tests/unit/containers/__snapshots__/DefaultContainer.spec.js.snap

@@ -1,31 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DefaultContainer.vue renders correctly 1`] = `
-<div
-  class="c-app c-default-layout"
->
-  <theheader-stub />
-   
-  <thesidebar-stub />
-   
-  <div
-    class="c-body"
-  >
-    <main
-      class="c-main"
-    >
-      <cbreadcrumbrouter-stub />
-       
-      <ccontainer-stub
-        fluid="true"
-      >
-        <router-view-stub
-          name="fade"
-        />
-      </ccontainer-stub>
-    </main>
-  </div>
-   
-  <thefooter-stub />
-</div>
-`;

tests/unit/containers/__snapshots__/TheContainer.spec.js.snap

@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TheContainer.vue renders correctly 1`] = `
+<div
+  class="c-app"
+>
+  <thesidebar-stub />
+   
+  <div
+    class="c-wrapper"
+  >
+    <theheader-stub />
+     
+    <div
+      class="c-body"
+    >
+      <main
+        class="c-main"
+      >
+        <ccontainer-stub
+          fluid="true"
+        >
+          <router-view-stub
+            name="fade"
+          />
+        </ccontainer-stub>
+      </main>
+    </div>
+     
+    <thefooter-stub />
+  </div>
+</div>
+`;

tests/unit/containers/__snapshots__/TheFooter.spec.js.snap

@@ -10,17 +10,17 @@ exports[`TheFooter.vue renders correctly 1`] = `
     </a>
      
     <span
-      class="c-ml-1"
+      class="ml-1"
     >
-      © 2018 creativeLabs.
+      © 2019 creativeLabs.
     </span>
   </div>
    
   <div
-    class="c-ml-auto"
+    class="ml-auto"
   >
     <span
-      class="c-mr-1"
+      class="mr-1"
     >
       Powered by
     </span>

tests/unit/containers/__snapshots__/TheHeader.spec.js.snap

@@ -3,153 +3,82 @@
 exports[`TheHeader.vue renders correctly 1`] = `
 <cheader-stub
   fixed="true"
+  light=""
+  with-subheader=""
 >
   <csidebartoggler-stub
-    class="c-header-toggler c-d-lg-none c-mr-auto"
+    class="c-header-toggler ml-3"
   />
    
-  <clink-stub
-    activeclass="c-active"
-    class="c-header-brand,[object Object]"
-    event="click"
-    exactactiveclass="c-active"
-    routertag="a"
-    tag="span"
-    target="_self"
-    to="/"
-  >
-    <img
-      alt="CoreUI Logo"
-      class="c-navbar-brand-minimized c-d-md-down-none"
-      height="30"
-      src="img/brand/sygnet.svg"
-      style="display: none;"
-      width="30"
-    />
-     
-    <img
-      alt="CoreUI Logo"
-      class="c-navbar-brand-full c-d-md-down-none"
-      height="25"
-      src="img/brand/logo.svg"
-      width="89"
-    />
-     
-    <img
-      alt="CoreUI Logo"
-      class="c-navbar-brand-full c-d-lg-none"
-      height="25"
-      src="img/brand/logo.svg"
-      width="89"
-    />
-  </clink-stub>
-   
-  <csidebartoggler-stub
-    class="c-header-toggler c-d-md-down-none"
+  <img
+    alt="CoreUI Logo"
+    class="c-header-brand mx-auto d-lg-none"
+    height="46"
+    src="img/brand/coreui-base.svg"
+    width="97"
   />
    
   <ul
-    class="c-header-nav c-d-md-down-none"
+    class="c-header-nav d-md-down-none mr-auto"
   >
-    <cnavitem-stub
-      activeclass="c-active"
-      class="c-px-3"
-      event="click"
-      exactactiveclass="c-active"
-      routertag="a"
-      tag="span"
-      target="_self"
+    <cheadernavitem
+      class="px-3"
       to="/dashboard"
     >
       Dashboard
-    </cnavitem-stub>
+    </cheadernavitem>
      
-    <cnavitem-stub
-      activeclass="c-active"
-      class="c-px-3"
-      event="click"
-      exact="true"
-      exactactiveclass="c-active"
-      routertag="a"
-      tag="span"
-      target="_self"
+    <cheadernavitem
+      class="px-3"
+      exact=""
       to="/users"
     >
       Users
-    </cnavitem-stub>
+    </cheadernavitem>
      
-    <cnavitem-stub
-      activeclass="c-active"
-      class="c-px-3"
-      event="click"
-      exactactiveclass="c-active"
-      routertag="a"
-      tag="span"
-      target="_self"
+    <cheadernavitem
+      class="px-3"
     >
       Settings
-    </cnavitem-stub>
+    </cheadernavitem>
   </ul>
    
-  <cnav-stub
-    class="c-header-nav c-ml-auto"
+  <ul
+    class="c-header-nav mr-4"
   >
-    <cnavitem-stub
-      activeclass="c-active"
-      class="c-d-md-down-none"
-      event="click"
-      exactactiveclass="c-active"
-      routertag="a"
-      tag="span"
-      target="_self"
+    <cheadernavitem
+      class="d-md-down-none mx-2"
     >
       <i
         class="cui-bell"
       />
-       
-      <cbadge-stub
-        activeclass="c-active"
-        event="click"
-        exactactiveclass="c-active"
-        pill="true"
-        routertag="a"
-        tag="span"
-        target="_self"
-        variant="danger"
-      >
-        5
-      </cbadge-stub>
-    </cnavitem-stub>
+    </cheadernavitem>
      
-    <cnavitem-stub
-      activeclass="c-active"
-      class="c-d-md-down-none"
-      event="click"
-      exactactiveclass="c-active"
-      routertag="a"
-      tag="span"
-      target="_self"
+    <cheadernavitem
+      class="d-md-down-none mx-2"
     >
       <i
         class="cui-list"
       />
-    </cnavitem-stub>
+    </cheadernavitem>
      
-    <cnavitem-stub
-      activeclass="c-active"
-      class="d-md-down-none"
-      event="click"
-      exactactiveclass="c-active"
-      routertag="a"
-      tag="span"
-      target="_self"
+    <cheadernavitem
+      class="d-md-down-none mx-2"
     >
       <i
-        class="cui-location-pin"
+        class="cui-envelope-open"
       />
-    </cnavitem-stub>
+    </cheadernavitem>
      
-    <defaultheaderdropdownaccnt-stub />
-  </cnav-stub>
+    <theheaderdropdownaccnt-stub />
+  </ul>
+   
+  <div
+    class="c-subheader px-3"
+  >
+    <cbreadcrumbrouter-stub
+      class="border-0"
+    />
+  </div>
 </cheader-stub>
 `;

tests/unit/containers/__snapshots__/TheHeaderDropdownAccnt.spec.js.snap

@@ -1,17 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
+exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
 <cdropdown-stub
-  addmenuclasses="c-dropdown-menu-right"
+  addmenuclasses="pt-0"
+  class="c-header-nav-items"
   nav="true"
   nocaret="true"
-  nopopper="true"
-  placement="bottom-start"
+  placement="bottom-end"
   togglertext="Dropdown"
 >
    
   <cdropdownheader-stub
-    class="c-text-center"
+    class="text-center bg-light"
     tag="div"
   >
     <strong>
@@ -20,22 +20,22 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownheader-stub>
    
   <cdropdownitem-stub
-    activeclass="c-active"
+    activeclass="active"
     event="click"
-    exactactiveclass="c-active"
+    exactactiveclass="active"
     routertag="a"
     target="_self"
   >
     <i
-      class="cui-bell"
+      class="cui-bell mr-2"
     />
      Updates
     
     <cbadge-stub
-      activeclass="c-active"
-      additional-classes="hehe"
+      activeclass="active"
+      class="ml-auto"
       event="click"
-      exactactiveclass="c-active"
+      exactactiveclass="active"
       routertag="a"
       tag="span"
       target="_self"
@@ -46,21 +46,22 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="c-active"
+    activeclass="active"
     event="click"
-    exactactiveclass="c-active"
+    exactactiveclass="active"
     routertag="a"
     target="_self"
   >
     <i
-      class="cui-envelope-open"
+      class="cui-envelope-open mr-2"
     />
      Messages
     
     <cbadge-stub
-      activeclass="c-active"
+      activeclass="active"
+      class="ml-auto"
       event="click"
-      exactactiveclass="c-active"
+      exactactiveclass="active"
       routertag="a"
       tag="span"
       target="_self"
@@ -71,21 +72,22 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="c-active"
+    activeclass="active"
     event="click"
-    exactactiveclass="c-active"
+    exactactiveclass="active"
     routertag="a"
     target="_self"
   >
     <i
-      class="cui-task"
+      class="cui-task mr-2"
     />
      Tasks
     
     <cbadge-stub
-      activeclass="c-active"
+      activeclass="active"
+      class="ml-auto"
       event="click"
-      exactactiveclass="c-active"
+      exactactiveclass="active"
       routertag="a"
       tag="span"
       target="_self"
@@ -96,21 +98,22 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="c-active"
+    activeclass="active"
     event="click"
-    exactactiveclass="c-active"
+    exactactiveclass="active"
     routertag="a"
     target="_self"
   >
     <i
-      class="cui-comment-square"
+      class="cui-comment-square mr-2"
     />
      Comments
     
     <cbadge-stub
-      activeclass="c-active"
+      activeclass="active"
+      class="ml-auto"
       event="click"
-      exactactiveclass="c-active"
+      exactactiveclass="active"
       routertag="a"
       tag="span"
       target="_self"
@@ -121,7 +124,7 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownheader-stub
-    class="c-text-center"
+    class="text-center bg-light"
     tag="div"
   >
     <strong>
@@ -130,49 +133,50 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownheader-stub>
    
   <cdropdownitem-stub
-    activeclass="c-active"
+    activeclass="active"
     event="click"
-    exactactiveclass="c-active"
+    exactactiveclass="active"
     routertag="a"
     target="_self"
   >
     <i
-      class="cui-user"
+      class="cui-user mr-2"
     />
      Profile
   
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="c-active"
+    activeclass="active"
     event="click"
-    exactactiveclass="c-active"
+    exactactiveclass="active"
     routertag="a"
     target="_self"
   >
     <i
-      class="cui-wrench"
+      class="cui-wrench mr-2"
     />
      Settings
   
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="c-active"
+    activeclass="active"
     event="click"
-    exactactiveclass="c-active"
+    exactactiveclass="active"
     routertag="a"
     target="_self"
   >
     <i
-      class="cui-dollar"
+      class="cui-dollar mr-2"
     />
      Payments
     
     <cbadge-stub
-      activeclass="c-active"
+      activeclass="active"
+      class="ml-auto"
       event="click"
-      exactactiveclass="c-active"
+      exactactiveclass="active"
       routertag="a"
       tag="span"
       target="_self"
@@ -183,21 +187,22 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="c-active"
+    activeclass="active"
     event="click"
-    exactactiveclass="c-active"
+    exactactiveclass="active"
     routertag="a"
     target="_self"
   >
     <i
-      class="cui-file"
+      class="cui-file mr-2"
     />
      Projects
     
     <cbadge-stub
-      activeclass="c-active"
+      activeclass="active"
+      class="ml-auto"
       event="click"
-      exactactiveclass="c-active"
+      exactactiveclass="active"
       routertag="a"
       tag="span"
       target="_self"
@@ -212,28 +217,28 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
   />
    
   <cdropdownitem-stub
-    activeclass="c-active"
+    activeclass="active"
     event="click"
-    exactactiveclass="c-active"
+    exactactiveclass="active"
     routertag="a"
     target="_self"
   >
     <i
-      class="cui-shield"
+      class="cui-shield mr-2"
     />
      Lock Account
   
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="c-active"
+    activeclass="active"
     event="click"
-    exactactiveclass="c-active"
+    exactactiveclass="active"
     routertag="a"
     target="_self"
   >
     <i
-      class="cui-lock-locked"
+      class="cui-lock-locked mr-2"
     />
      Logout
   

tests/unit/containers/__snapshots__/TheSidebar.spec.js.snap

@@ -3,25 +3,22 @@
 exports[`TheSidebar.vue renders correctly 1`] = `
 <csidebar-stub
   breakpoint="lg"
-  dropdownbehaviors="closeOnInactiveRoute"
+  dropdownstateonroutechange="openActive"
   fixed="true"
   show="true"
 >
-  <csidebarheader-stub />
+  <csidebarbrand
+    fullsrc="img/brand/coreui-base-white.svg"
+    minimizedsrc="img/brand/coreui-signet-white.svg"
+    wrappedinlink="[object Object]"
+  />
    
-  <csidebarform-stub />
-   
-  <csidebarnav-stub>
-    <ctreegenerator-stub
-      components="[object Object]"
-      items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
-    />
-  </csidebarnav-stub>
-   
-  <csidebarfooter-stub />
+  <crenderfunction-stub
+    contenttorender="CSidebarNav,CSidebarNavLink,[object Object],CSidebarNavTitle,Theme,CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavTitle,Components,CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavDivider,CSidebarNavTitle,Extras,CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object]"
+  />
    
   <csidebarminimizer-stub
-    class="c-d-md-down-none"
+    class="d-md-down-none"
   />
 </csidebar-stub>
 `;