test: update unit tests

Author: woothu

jest.config.js

@@ -7,7 +7,7 @@ module.exports = {
     ".*\\.js$": "<rootDir>/node_modules/babel-jest",
     ".*\\.vue$": "<rootDir>/node_modules/vue-jest"
   },
-  transformIgnorePatterns: ['<rootDir>/node_modules/'],
+  transformIgnorePatterns: [],
   snapshotSerializers: ["<rootDir>/node_modules/jest-serializer-vue"],
   setupFiles: ["<rootDir>/jest.setup"],
   coverageDirectory: "<rootDir>/coverage",

src/components/Alert/tests/__snapshots__/CAlert.spec.js.snap

@@ -2,36 +2,39 @@
 
 exports[`CAlert renders correctly 1`] = `
 <div
+  appear="true"
   aria-atomic="true"
   aria-live="polite"
-  class="alert alert-dismissible alert-info"
+  class="c-alert c-alert-dismissible c-alert-info"
   role="alert"
 >
   <button
     aria-label="Close"
-    class="close"
+    class="c-close"
     type="button"
   >
     ×
   </button>
-  Dismissible Alert!
+   Dismissible Alert!
 </div>
 `;
 
 exports[`CAlert renders correctly 2`] = `
 <div
+  appear="true"
   aria-atomic="true"
   aria-live="polite"
-  class="alert alert-dismissible alert-success"
+  class="c-alert c-alert-dismissible c-alert-success"
+  name="fade"
   role="alert"
 >
   <button
     aria-label="Close"
-    class="close"
+    class="c-close"
     type="button"
   >
     ×
   </button>
-  Dismissible Alert!
+   Dismissible Alert!
 </div>
 `;

src/components/Badge/tests/__snapshots__/CBadge.spec.js.snap

@@ -2,6 +2,6 @@
 
 exports[`CBadge .vue renders correctly 1`] = `
 <span
-  class="badge badge-secondary"
+  class="c-badge c-badge-secondary"
 />
 `;

src/components/Breadcrumb/tests/__snapshots__/CBreadcrumb.spec.js.snap

@@ -2,39 +2,35 @@
 
 exports[`CBreadcrumb renders correctly 1`] = `
 <ol
-  class="breadcrumb"
+  class="c-breadcrumb"
 >
   <li
-    class="breadcrumb-item"
+    class="c-breadcrumb-item"
     role="presentation"
   >
     <a
       class=""
       href="#"
       target="_self"
-    >
-      Admin
-    </a>
+    />
   </li>
   <li
-    class="breadcrumb-item"
+    class="c-breadcrumb-item"
     role="presentation"
   >
     <a
       class=""
       href="#"
       target="_self"
-    >
-      Manage
-    </a>
+    />
   </li>
   <li
-    class="breadcrumb-item active"
+    class="c-breadcrumb-item c-active"
     role="presentation"
   >
-    <span>
-      Library
-    </span>
+    <span
+      class=""
+    />
   </li>
 </ol>
 `;

src/components/Button/tests/__snapshots__/CButton.spec.js.snap

@@ -2,7 +2,7 @@
 
 exports[`CButton renders correctly 1`] = `
 <button
-  class="btn btn-secondary"
+  class="c-btn c-btn-secondary"
   type="button"
 />
 `;

src/components/Button/tests/__snapshots__/CButtonClose.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`CButtonClose renders correctly 1`] = `
 <button
   aria-label="Close"
-  class="close"
+  class="c-close"
   type="button"
 >
   ×
@@ -12,8 +12,8 @@ exports[`CButtonClose renders correctly 1`] = `
 
 exports[`CButtonClose renders correctly 2`] = `
 <button
-  aria-label="test2"
-  class="test2"
+  aria-label="Close"
+  class="c-close"
   disabled="disabled"
   style="color:red"
   type="button"

src/components/Card/test/CCardImg.spec.js

@@ -2,41 +2,20 @@
 
 exports[`CCard renders correctly 1`] = `
 <div
-  class="card text-left bg-success border-solid text-white"
+  class="c-card c-text-left c-bg-success c-border-solid c-text-white"
 >
-  <header
-    class="card-header"
-  >
-    header
-  </header>
-  <div
-    class="card-body"
-  >
-    body
-  </div>
-  <footer
-    class="card-footer"
-  >
-    footer
-  </footer>
+  <!---->
+  <!---->
 </div>
 `;
 
 exports[`CCard renders correctly with slots 1`] = `
 <div
-  class="card text-left bg-success border-solid text-white"
+  class="c-card c-text-left c-bg-success c-border-solid c-text-white"
 >
-  <header
-    class="card-header"
-  >
-    header
-  </header>
+  <!---->
   this should overwrite body
   <br />
-  <footer
-    class="card-footer"
-  >
-    footer
-  </footer>
+  <!---->
 </div>
 `;

src/components/Card/test/__snapshots__/CCard.spec.js.snap

@@ -2,17 +2,9 @@
 
 exports[`CCardBody renders correctly 1`] = `
 <div
-  class="card-body bg-primary border-solid text-white"
+  class="c-card-body c-bg-primary c-border-solid c-text-white c-text-left"
 >
-  <h4
-    class="card-title"
-  >
-    title
-  </h4>
-  <h6
-    class="card-subtitle mb-2 text-muted"
-  >
-    subtitle
-  </h6>
+  <!---->
+  <!---->
 </div>
 `;

src/components/Card/test/__snapshots__/CCardBody.spec.js.snap

@@ -2,7 +2,7 @@
 
 exports[`CCardFooter renders correctly 1`] = `
 <footer
-  class="card-footer text-left bg-primary border-solid text-white"
+  class="c-card-footer c-text-left c-bg-primary c-border-solid c-text-white"
 >
   <template>
     content goes here