test: fix test configuration, update snapshots

Author: woothu

.babelrc renamed to babel.config.js

@@ -1,4 +1,4 @@
-{
+module.exports = {
   "presets": [
     [
       "@babel/env",

jest.config.js

@@ -0,0 +1,22 @@
+const path = require('path');
+
+module.exports = {
+  rootDir: path.resolve(__dirname, './'),
+  moduleFileExtensions: ['js', 'json', 'jsx'],
+  transform: {
+    '.*\\.js$': '<rootDir>/node_modules/babel-jest',
+    '.*\\.jsx$': '<rootDir>/node_modules/babel-jest'
+  },
+  moduleNameMapper: {
+    "\\.(css|less)$": "<rootDir>/src/styleMock.js"
+  },
+  transformIgnorePatterns: [
+    "node_modules/(?!(@coreui|tippy.js|perfect-scrollbar)/)"
+  ],
+  coverageDirectory: '<rootDir>/coverage',
+  collectCoverageFrom: [
+    'src/**/*.{js,jsx}',
+    '!src/index.umd.js',
+    '!**/node_modules/**'
+  ]
+};

package.json

@@ -102,14 +102,7 @@
     "sinon": "^9.0.3",
     "webpack": "^4.43.0"
   },
-  "jest": {
-    "moduleNameMapper": {
-      "\\.(css|less)$": "<rootDir>/tests/__mocks__/styleMock.js"
-    },
-    "transformIgnorePatterns": [
-      "<rootDir>/node_modules/"
-    ]
-  },
+
   "repository": {
     "type": "git",
     "url": "https://github.com/coreui/coreui-react.git"

src/alert/tests/__snapshots__/CAlert.test.js.snap

@@ -0,0 +1,24 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CAlert renders basic wrapper correctly 1`] = `
+<div
+  className="alert fade"
+  role="alert"
+/>
+`;
+
+exports[`CAlert renders customized wrapper correctly 1`] = `
+<div
+  className="class-name alert alert-warning alert-dismissible fade"
+  role="alert"
+>
+  CAlert
+  <button
+    aria-label="Close"
+    className="close"
+    onClick={[Function]}
+  >
+    ×
+  </button>
+</div>
+`;

src/dropdown/tests/__snapshots__/CDropdownToggle.test.js.snap

@@ -10,6 +10,7 @@ exports[`CDropdownToggle renders basic wrapper correctly 1`] = `
     aria-label="Dropdown toggle"
     className="dropdown-toggle btn"
     onClick={[Function]}
+    role={null}
     type="button"
   />
 </div>
@@ -26,6 +27,7 @@ exports[`CDropdownToggle renders customized wrapper correctly 1`] = `
     className="class-name dropdown-toggle btn disabled"
     disabled={true}
     onClick={[Function]}
+    role={null}
     type="button"
   >
     CDropdownToggle
@@ -52,6 +54,7 @@ exports[`CDropdownToggle renders customized wrapper witch split 1`] = `
     className="dropdown-toggle dropdown-toggle-split btn disabled"
     disabled={true}
     onClick={[Function]}
+    role={null}
     type="button"
   >
     

src/fade/tests/__snapshots__/CFade.test.js.snap

@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CFade renders basic wrapper correctly 1`] = `
+<div
+  className="fade"
+/>
+`;
+
+exports[`CFade renders customized wrapper correctly 1`] = `
+<div
+  className="class-name base-class"
+>
+  CFade
+</div>
+`;

src/modal/tests/__snapshots__/CModal.test.js.snap

@@ -19,7 +19,6 @@ exports[`CModal renders basic wrapper correctly 1`] = `
       />
     </div>
   </div>
-  
 </div>
 `;
 
@@ -28,7 +27,7 @@ exports[`CModal renders customized wrapper correctly 1`] = `
   onClick={[Function]}
 >
   <div
-    className="modal overflow-auto fade modal-warning"
+    className="modal overflow-auto fade modal-warning d-block"
     data-modal={true}
     role="dialog"
     tabIndex="-1"
@@ -44,6 +43,8 @@ exports[`CModal renders customized wrapper correctly 1`] = `
       </div>
     </div>
   </div>
-  
+  <div
+    className="modal-backdrop fade show"
+  />
 </div>
 `;

src/styleMock.js

@@ -0,0 +1 @@
+module.exports = {};