test: fix unit tests, update snapshots

Author: woothu

.gitignore

@@ -5,6 +5,7 @@ node_modules
 
 /tests/e2e/reports/
 selenium-debug.log
+chromedriver.log
 
 # local env files
 .env.local

babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
   presets: [
-    [ "@vue/app" ]
+    ['@babel/preset-env']
   ]
 }

jest.config.js

@@ -8,25 +8,22 @@ module.exports = {
   transform: {
     '^.+\\.vue$': 'vue-jest',
     '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
-    '^.+\\.jsx?$': '<rootDir>/node_modules/babel-jest'
+    '^.+\\.(js|jsx)?$': '<rootDir>/node_modules/babel-jest'
   },
-  transformIgnorePatterns: ["/node_modules/(?!@coreui/icons)"],
+  transformIgnorePatterns: ['/node_modules/(?!@coreui/icons/vue|coreui)'],
   moduleNameMapper: {
     '^@/(.*)$': '<rootDir>/src/$1'
   },
   snapshotSerializers: [
     'jest-serializer-vue'
   ],
-  testMatch: [
-    '<rootDir>/(tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx))',
-    '<rootDir>/tests/unit/Dashboard.spec.js'
-  ],
+  testMatch: ['<rootDir>/tests/unit/**/*.spec.js'],
   verbose: true,
-  testURL: "http://localhost/",
+  testURL: 'http://localhost/',
   collectCoverage: true,
   collectCoverageFrom: [
-      "src/**/*.{js,vue}",
-      "!**/node_modules/**"
+      'src/**/*.{js,vue}',
+      '!**/node_modules/**'
   ],
-  coverageReporters: ["html", "text-summary"]
+  coverageReporters: ['html', 'text-summary']
 }

tests/e2e/custom-assertions/custom-assertion.js

@@ -1 +1,2 @@
-// empty custom assertion needed for git to keep track of the folder 
+// empty custom assertion needed for git to keep track of the folder 
+module.exports.assertion = function () {}

tests/e2e/custom-commands/custom-command.js

@@ -0,0 +1 @@
+// empty custom command needed for git to keep track of the folder 

tests/e2e/page-objects/page-object.js

@@ -0,0 +1 @@
+// empty page-object needed for git to keep track of the folder 

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

@@ -1,7 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`TheFooter.vue renders correctly 1`] = `
-<cfooter-stub>
+<cfooter-stub
+  tag="footer"
+>
   <div>
     <a
       href="https://coreui.io"

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

@@ -2,13 +2,16 @@
 
 exports[`TheHeader.vue renders correctly 1`] = `
 <cheader-stub
+  colorscheme="light"
   fixed="true"
-  light="true"
+  light=""
+  tag="header"
   withsubheader="true"
 >
-  <ctoggler
+  <ctoggler-stub
     class="c-header-toggler ml-3"
-    in-header=""
+    inheader="true"
+    tag="button"
   />
    
   <img
@@ -19,7 +22,7 @@ exports[`TheHeader.vue renders correctly 1`] = `
     width="97"
   />
    
-  <cheadernav
+  <cheadernav-stub
     class="d-md-down-none mr-auto"
   >
     <cheadernavitem-stub
@@ -60,9 +63,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
     >
       Settings
     </cheadernavitem-stub>
-  </cheadernav>
+  </cheadernav-stub>
    
-  <cheadernav
+  <cheadernav-stub
     class="mr-4"
   >
     <cheadernavitem-stub
@@ -108,7 +111,7 @@ exports[`TheHeader.vue renders correctly 1`] = `
     </cheadernavitem-stub>
      
     <theheaderdropdownaccnt-stub />
-  </cheadernav>
+  </cheadernav-stub>
    
   <div
     class="c-subheader px-3"

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

@@ -3,9 +3,11 @@
 exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
 <cdropdown-stub
   addmenuclasses="pt-0"
+  caret="true"
   class="c-header-nav-items"
-  nav="true"
-  nocaret="true"
+  flip="true"
+  nav=""
+  no-caret=""
   placement="bottom-end"
   togglertext="Dropdown"
 >

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

@@ -3,8 +3,10 @@
 exports[`TheSidebar.vue renders correctly 1`] = `
 <csidebar-stub
   breakpoint="lg"
-  dropdownstateonroutechange="openActive"
+  colorscheme="dark"
+  dropdownmode="openActive"
   fixed="true"
+  hideonmobileclick="true"
   show="true"
 >
   <csidebarbrand-stub