sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

test: update tests and snapshots

Browse Source
This commit is contained in:
woothu
2019-09-23 14:53:04 +02:00
parent e31a6c7542
commit 1143880608
82 changed files with 11751 additions and 12325 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/unit/views/base/__snapshots__/Breadcrumbs.spec.js.snap
+158 -164
View File
@@ -2,180 +2,174 @@
exports[`Breadcrumbs.vue renders correctly 1`] = `
<div
class="c-wrapper"
class="row"
>
<div>
<div
class="col"
>
<div
class="c-row"
class="card"
>
<div
class="c-col"
<!---->
<header
class="card-header"
>
<i
class="fa fa-align-justify"
/>
<strong>
Bootstrap Breadcrumb
</strong>
<div
class="c-card"
class="card-header-actions"
>
<!---->
<header
class="c-card-header"
<a
class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Breadcrumb"
rel="noreferrer noopener"
target="_blank"
>
<i
class="fa fa-align-justify"
/>
<strong>
Bootstrap Breadcrumb
</strong>
<div
class="c-card-header-actions"
<small
class="text-muted"
>
<a
class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Breadcrumb"
rel="noreferrer noopener"
target="_blank"
>
<small
class="text-muted"
>
docs
</small>
</a>
</div>
</header>
<div
class="c-card-body"
>
<!---->
<!---->
<ol
class="c-breadcrumb"
>
<li
class="c-breadcrumb-item"
role="presentation"
>
<a
class=""
href="#"
target="_self"
>
<b>
Admin
</b>
</a>
</li>
<li
class="c-breadcrumb-item"
role="presentation"
>
<a
class=""
href="#"
target="_self"
>
Manage
</a>
</li>
<li
class="c-active c-breadcrumb-item"
role="presentation"
>
<span>
Library
</span>
</li>
</ol>
<ol
class="c-breadcrumb"
>
<li
class="c-breadcrumb-item"
role="presentation"
>
<a
class=""
href="#"
target="_self"
>
Go to dashboard
</a>
</li>
<li
class="c-breadcrumb-item"
role="presentation"
>
<a
class=""
href="#"
target="_self"
>
Go to widgets
</a>
</li>
<li
class="c-breadcrumb-item"
role="presentation"
>
<a
class=""
href="http://google.com"
target="_self"
>
Go to Google
</a>
</li>
<li
class="c-active c-breadcrumb-item"
role="presentation"
>
<span>
Current page
</span>
</li>
</ol>
<ol
class="c-breadcrumb"
>
<li
class="c-font-xl c-breadcrumb-item"
role="presentation"
>
<a
class=""
href="#"
target="_self"
>
Added
</a>
</li>
<li
class="c-font-xl c-breadcrumb-item"
role="presentation"
>
<a
class=""
href="#"
target="_self"
>
Custom
</a>
</li>
<li
class="c-active c-font-xl c-text-danger c-breadcrumb-item"
role="presentation"
>
<span>
Classes
</span>
</li>
</ol>
</div>
<!---->
docs
</small>
</a>
</div>
</header>
<div
class="card-body"
>
<!---->
<!---->
<ol
class="breadcrumb"
>
<li
class="breadcrumb-item"
role="presentation"
>
<a
class=""
href="#"
target="_self"
>
<b>
Admin
</b>
</a>
</li>
<li
class="breadcrumb-item"
role="presentation"
>
<a
class=""
href="#"
target="_self"
>
Manage
</a>
</li>
<li
class="active breadcrumb-item"
role="presentation"
>
<span>
Library
</span>
</li>
</ol>
<ol
class="breadcrumb"
>
<li
class="breadcrumb-item"
role="presentation"
>
<a
class=""
href="#"
target="_self"
>
Go to dashboard
</a>
</li>
<li
class="breadcrumb-item"
role="presentation"
>
<a
class=""
href="#"
target="_self"
>
Go to widgets
</a>
</li>
<li
class="breadcrumb-item"
role="presentation"
>
<a
class=""
href="http://google.com"
target="_self"
>
Go to Google
</a>
</li>
<li
class="active breadcrumb-item"
role="presentation"
>
<span>
Current page
</span>
</li>
</ol>
<ol
class="breadcrumb"
>
<li
class="font-xl breadcrumb-item"
role="presentation"
>
<a
class=""
href="#"
target="_self"
>
Added
</a>
</li>
<li
class="font-xl breadcrumb-item"
role="presentation"
>
<a
class=""
href="#"
target="_self"
>
Custom
</a>
</li>
<li
class="active font-xl text-danger breadcrumb-item"
role="presentation"
>
<span>
Classes
</span>
</li>
</ol>
</div>
<!---->
</div>
</div>
</div>
tests/unit/views/base/__snapshots__/Cards.spec.js.snap
+128 -128
View File
@@ -3,23 +3,23 @@
exports[`Cards.vue renders correctly 1`] = `
<div>
<div
class="c-row"
class="row"
>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card"
class="card"
>
<!---->
<header
class="c-card-header"
class="card-header"
>
Card title
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -37,7 +37,7 @@ exports[`Cards.vue renders correctly 1`] = `
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -50,19 +50,19 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card"
class="card"
>
<!---->
<div
class="c-card-body"
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>
<footer
class="c-card-footer"
class="card-footer"
>
Card Footer
</footer>
@@ -70,13 +70,13 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card"
class="card"
>
<header
class="c-card-header"
class="card-header"
>
<i
class="cui-check"
@@ -84,7 +84,7 @@ exports[`Cards.vue renders correctly 1`] = `
Card with icon
</header>
<div
class="c-card-body"
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>
@@ -93,36 +93,36 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card"
class="card"
>
<!---->
<header
class="c-card-header"
class="card-header"
>
Card with switch
<label
class="c-float-right c-switch c-form-check-label c-switch-info c-switch-sm c-switch-pill"
class="float-right switch form-check-label switch-info switch-sm switch-pill"
>
<input
class="c-switch-input c-form-check-input"
class="switch-input form-check-input"
data-off="Off"
data-on="On"
type="checkbox"
value=""
/>
<span
class="c-switch-slider"
class="switch-slider"
/>
</label>
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -135,27 +135,27 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card"
class="card"
>
<!---->
<header
class="c-card-header"
class="card-header"
>
Card with label
<span
class="c-badge c-float-right c-badge-success"
class="badge float-right badge-success"
>
Success
</span>
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -168,27 +168,27 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card"
class="card"
>
<!---->
<header
class="c-card-header"
class="card-header"
>
Card with label
<span
class="c-badge c-float-right c-badge-danger c-badge-pill"
class="badge float-right badge-danger badge-pill"
>
42
</span>
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -202,18 +202,18 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-row"
class="row"
>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-border-primary"
class="card border-primary"
header="Card outline primary"
>
<!---->
<div
class="c-card-body"
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>
@@ -222,15 +222,15 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-border-secondary"
class="card border-secondary"
header="Card outline secondary"
>
<!---->
<div
class="c-card-body"
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>
@@ -239,15 +239,15 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-border-success"
class="card border-success"
header="Card outline success"
>
<!---->
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -260,18 +260,18 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-border-info"
class="card border-info"
>
<header
class="c-card-header"
class="card-header"
>
Card outline info
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -284,18 +284,18 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-border-warning"
class="card border-warning"
>
<header
class="c-card-header"
class="card-header"
>
Card outline warning
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -308,18 +308,18 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-border-danger"
class="card border-danger"
>
<header
class="c-card-header"
class="card-header"
>
Card outline danger
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -333,18 +333,18 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-row"
class="row"
>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-card-accent-primary"
class="card card-accent-primary"
header="Card with primary accent"
>
<!---->
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -357,15 +357,15 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-card-accent-secondary"
class="card card-accent-secondary"
header="Card with secondary accent"
>
<!---->
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -378,15 +378,15 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-card-accent-success"
class="card card-accent-success"
header="Card with success accent"
>
<!---->
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -399,15 +399,15 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-card-accent-info"
class="card card-accent-info"
header="Card with info accent"
>
<!---->
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -420,15 +420,15 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-card-accent-warning"
class="card card-accent-warning"
header="Card with warning accent"
>
<!---->
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -441,15 +441,15 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-card-accent-danger"
class="card card-accent-danger"
header="Card with danger accent"
>
<!---->
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -463,22 +463,22 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-row"
class="row"
>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-bg-primary c-text-center"
class="card bg-primary text-center"
>
<!---->
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
<blockquote
class="c-card-blockquote"
class="card-blockquote"
>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
@@ -500,19 +500,19 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-bg-success c-text-center"
class="card bg-success text-center"
>
<!---->
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
<blockquote
class="c-card-blockquote"
class="card-blockquote"
>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
@@ -534,19 +534,19 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-bg-info c-text-center"
class="card bg-info text-center"
>
<!---->
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
<blockquote
class="c-card-blockquote"
class="card-blockquote"
>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
@@ -568,19 +568,19 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-bg-warning c-text-center"
class="card bg-warning text-center"
>
<!---->
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
<blockquote
class="c-card-blockquote"
class="card-blockquote"
>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
@@ -602,19 +602,19 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-bg-danger c-text-center"
class="card bg-danger text-center"
>
<!---->
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
<blockquote
class="c-card-blockquote"
class="card-blockquote"
>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
@@ -636,19 +636,19 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-bg-secondary c-text-center"
class="card bg-secondary text-center"
>
<!---->
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
<blockquote
class="c-card-blockquote"
class="card-blockquote"
>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
@@ -671,21 +671,21 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-row"
class="row"
>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-bg-primary"
class="card bg-primary"
>
<header
class="c-card-header"
class="card-header"
>
Card title
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -698,18 +698,18 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-bg-success"
class="card bg-success"
>
<header
class="c-card-header"
class="card-header"
>
Card title
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -722,18 +722,18 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-bg-info"
class="card bg-info"
>
<header
class="c-card-header"
class="card-header"
>
Card title
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -746,18 +746,18 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-bg-warning"
class="card bg-warning"
>
<header
class="c-card-header"
class="card-header"
>
Card title
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -770,18 +770,18 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-bg-danger"
class="card bg-danger"
>
<header
class="c-card-header"
class="card-header"
>
Card title
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
@@ -794,24 +794,24 @@ exports[`Cards.vue renders correctly 1`] = `
</div>
<div
class="c-col-sm-6 c-col-md-4"
class="col-sm-6 col-md-4"
>
<div
class="c-card c-bg-secondary"
class="card bg-secondary"
name="fade"
>
<!---->
<header
class="c-card-header"
class="card-header"
>
Card with header actions
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="c-card-header-action btn-setting"
class="card-header-action btn-setting"
href="#"
target="_self"
>
@@ -821,7 +821,7 @@ exports[`Cards.vue renders correctly 1`] = `
</a>
<a
class="c-card-header-action btn-minimize"
class="card-header-action btn-minimize"
href="#"
target="_self"
>
@@ -831,7 +831,7 @@ exports[`Cards.vue renders correctly 1`] = `
</a>
<a
class="c-card-header-action c-btn-close"
class="card-header-action btn-close"
href="#"
target="_self"
>
@@ -844,11 +844,11 @@ exports[`Cards.vue renders correctly 1`] = `
<div
class=""
data-v-98918eb0=""
data-v-1b076234=""
>
<div
class="c-card-body"
data-v-98918eb0=""
class="card-body"
data-v-1b076234=""
>
<!---->
<!---->
tests/unit/views/base/__snapshots__/Carousels.spec.js.snap
+110 -124
View File
@@ -2,150 +2,136 @@
exports[`Carousels.vue renders correctly 1`] = `
<div
class="c-wrapper"
class="row"
>
<div>
<div
class="col-md-12 col-lg-7"
>
<div
class="c-row"
class="card"
>
<div
class="c-col-md-12 c-col-lg-7"
<!---->
<header
class="card-header"
>
<i
class="fa fa-align-justify"
/>
<strong>
Bootstrap Carousel
</strong>
<div
class="c-card"
class="card-header-actions"
>
<!---->
<header
class="c-card-header"
<a
class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Carousel"
rel="noreferrer noopener"
target="_blank"
>
<i
class="fa fa-align-justify"
<small
class="text-muted"
>
docs
</small>
</a>
</div>
</header>
<div
class="card-body"
>
<!---->
<!---->
<div
class="carousel slide"
style="height: 400px;"
>
<ol
class="carousel-indicators"
>
<li
class="active"
/>
<strong>
Bootstrap Carousel
</strong>
<div
class="c-card-header-actions"
>
<a
class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Carousel"
rel="noreferrer noopener"
target="_blank"
>
<small
class="text-muted"
>
docs
</small>
</a>
</div>
</header>
<li
class=""
/>
<li
class=""
/>
</ol>
<div
class="c-card-body"
class="carousel-inner"
>
<!---->
<!---->
<div
class="c-carousel c-slide"
style="height: 400px;"
class="carousel-item active"
>
<ol
class="c-carousel-indicators"
>
<li
class="c-active"
/>
<li
class=""
/>
<li
class=""
/>
</ol>
<img
class="d-block w-100 h-100 img-fluid"
src="https://lorempixel.com/1024/480/technics/2/"
/>
<div
class="c-carousel-inner"
class="carousel-caption"
>
<div
class="c-carousel-item c-active"
>
<img
class="c-d-block c-w-100 c-h-100 c-img-fluid"
src="https://lorempixel.com/1024/480/technics/2/"
/>
<div
class="c-carousel-caption"
>
<h3>
First Slide
</h3>
<p>
Nulla vitae elit libero, a pharetra augue mollis interdum.
</p>
</div>
</div>
<div
class="c-carousel-item"
>
<svg
class="c-d-block c-w-100 c-h-100 c-img-fluid"
style="background-color: grey;"
/>
<div
class="c-carousel-caption"
>
<h3>
Blank page
</h3>
<p>
Nulla vitae elit libero, a pharetra augue mollis interdum.
</p>
</div>
</div>
<div
class="c-carousel-item"
>
<img
class="c-d-block c-w-100 c-h-100 c-img-fluid"
src="https://lorempixel.com/1024/480/technics/8/"
/>
<!---->
</div>
<h3>
First Slide
</h3>
<p>
Nulla vitae elit libero, a pharetra augue mollis interdum.
</p>
</div>
<a
class="c-carousel-control-prev"
</div>
<div
class="carousel-item"
>
<svg
class="d-block w-100 h-100 img-fluid"
style="background-color: grey;"
/>
<div
class="carousel-caption"
>
<span
class="c-carousel-control-prev-icon"
/>
<span
class="sr-only"
>
Previous
</span>
</a>
<a
class="c-carousel-control-next"
>
<span
class="c-carousel-control-next-icon"
/>
<span
class="sr-only"
>
Next
</span>
</a>
<h3>
Blank page
</h3>
<p>
Nulla vitae elit libero, a pharetra augue mollis interdum.
</p>
</div>
</div>
<div
class="carousel-item"
>
<img
class="d-block w-100 h-100 img-fluid"
src="https://lorempixel.com/1024/480/technics/8/"
/>
<!---->
</div>
</div>
<!---->
<a
class="carousel-control-prev"
>
<span
aria-label="Previous"
class="carousel-control-prev-icon"
/>
</a>
<a
class="carousel-control-next"
>
<span
aria-label="Next"
class="carousel-control-next-icon"
/>
</a>
</div>
</div>
<!---->
</div>
</div>
</div>
tests/unit/views/base/__snapshots__/Collapses.spec.js.snap
+88 -94
View File
@@ -2,126 +2,120 @@
exports[`Collapses.vue renders correctly 1`] = `
<div
class="c-wrapper"
class="row"
>
<div>
<div
class="col-12 col-md-6"
>
<div
class="c-row"
class="card"
>
<div
class="c-col-12 c-col-md-6"
<!---->
<header
class="card-header"
>
<i
class="fa fa-align-justify"
/>
<strong>
Bootstrap Collapse
</strong>
<div
class="c-card"
class="card-header-actions"
>
<!---->
<header
class="c-card-header"
<a
class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Collapse"
rel="noreferrer noopener"
target="_blank"
>
<i
class="fa fa-align-justify"
/>
<strong>
Bootstrap Collapse
</strong>
<div
class="c-card-header-actions"
<small
class="text-muted"
>
<a
class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Collapse"
rel="noreferrer noopener"
target="_blank"
>
<small
class="text-muted"
>
docs
</small>
</a>
</div>
</header>
docs
</small>
</a>
</div>
</header>
<div
class="card-body"
>
<!---->
<!---->
<button
class="btn btn-primary"
id="collapse1"
type="button"
>
Toggle Collapse
</button>
<div
class="mt-2"
data-v-1b076234=""
style="display: none;"
>
<div
class="c-card-body"
class="card"
data-v-1b076234=""
>
<!---->
<!---->
<button
class="c-btn c-btn-primary"
id="collapse1"
type="button"
>
Toggle Collapse
</button>
<div
class="c-mt-2"
data-v-98918eb0=""
style="display: none;"
class="card-body"
data-v-1b076234=""
>
<div
class="c-card"
data-v-98918eb0=""
<!---->
<!---->
<p
class="card-text"
data-v-1b076234=""
>
Collapse contents Here
</p>
<button
class="btn btn-secondary btn-sm"
data-v-1b076234=""
id="collapse2"
type="button"
>
Toggle Inner Collapse
</button>
<div
class="mt-2"
data-v-1b076234=""
style="display: none;"
>
<!---->
<div
class="c-card-body"
data-v-98918eb0=""
class="card"
data-v-1b076234=""
>
<!---->
<!---->
<p
class="c-card-text"
data-v-98918eb0=""
>
Collapse contents Here
</p>
<button
class="c-btn c-btn-secondary c-btn-sm"
data-v-98918eb0=""
id="collapse2"
type="button"
>
Toggle Inner Collapse
</button>
<div
class="c-mt-2"
data-v-98918eb0=""
style="display: none;"
class="card-body"
data-v-1b076234=""
>
<div
class="c-card"
data-v-98918eb0=""
>
<!---->
<div
class="c-card-body"
data-v-98918eb0=""
>
<!---->
<!---->
Hello!
</div>
<!---->
</div>
<!---->
<!---->
Hello!
</div>
<!---->
</div>
<!---->
</div>
</div>
<!---->
</div>
<!---->
</div>
</div>
<!---->
</div>
</div>
</div>
tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap
+189 -193
View File
@@ -1,224 +1,220 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Jumbotrons.vue renders correctly 1`] = `
<div
class="c-wrapper"
>
<div>
<crow-stub>
<ccol-stub
tag="div"
<div>
<crow-stub>
<ccol-stub
tag="div"
>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<i
class="fa fa-align-justify"
/>
<strong>
Bootstrap Jumbotron
</strong>
<div
class="c-card-header-actions"
>
<a
class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Jumbotron"
rel="noreferrer noopener"
target="_blank"
>
<small
class="text-muted"
>
docs
</small>
</a>
</div>
</ccardheader-stub>
<i
class="fa fa-align-justify"
/>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
<strong>
Bootstrap Jumbotron
</strong>
<div
class="card-header-actions"
>
<cjumbotron-stub
header="Bootstrap 4"
lead="Bootstrap 4 Components for Vue.js 2"
tag="div"
<a
class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Jumbotron"
rel="noreferrer noopener"
target="_blank"
>
<p>
For more information visit website
</p>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
href="#"
routertag="a"
target="_self"
type="button"
variant="primary"
<small
class="text-muted"
>
More Info
</cbutton-stub>
</cjumbotron-stub>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
<ccol-stub
tag="div"
>
<ccard-stub
docs
</small>
</a>
</div>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
<cjumbotron-stub
header="Bootstrap 4"
lead="Bootstrap 4 Components for Vue.js 2"
tag="div"
>
<i
class="fa fa-align-justify"
/>
<p>
For more information visit website
</p>
<strong>
Jumbotron
</strong>
<small>
with slots
</small>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<cjumbotron-stub
header="Bootstrap 4"
lead=""
tag="div"
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
href="#"
routertag="a"
target="_self"
type="button"
variant="primary"
>
<p
class="c-lead"
slot="lead"
>
This is a simple hero unit, a simple jumbotron-style component for
calling extra attention to featured content or information.
</p>
<hr
class="c-my-4"
/>
<p>
It uses utility classes for typography and spacing to space content
out within the larger container.
</p>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
href="#"
routertag="a"
target="_self"
type="button"
variant="primary"
>
Do Something
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
href="#"
routertag="a"
target="_self"
type="button"
variant="success"
>
Do Something Else
</cbutton-stub>
</cjumbotron-stub>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
</crow-stub>
More Info
</cbutton-stub>
</cjumbotron-stub>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
<crow-stub>
<ccol-stub
tag="div"
<ccol-stub
tag="div"
>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
<i
class="fa fa-align-justify"
/>
<strong>
Jumbotron
</strong>
<small>
with slots
</small>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<cjumbotron-stub
header="Bootstrap 4"
lead=""
tag="div"
>
<i
class="fa fa-align-justify"
<p
class="lead"
slot="lead"
>
This is a simple hero unit, a simple jumbotron-style component for
calling extra attention to featured content or information.
</p>
<hr
class="my-4"
/>
<strong>
Jumbotron
</strong>
<p>
It uses utility classes for typography and spacing to space content
out within the larger container.
</p>
<small>
variants
</small>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<cjumbotron-stub
bordervariant="dark"
header="Bootstrap 4"
tag="div"
textvariant="white"
variant="info"
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
href="#"
routertag="a"
target="_self"
type="button"
variant="primary"
>
Do Something
</cbutton-stub>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
href="#"
routertag="a"
target="_self"
type="button"
variant="success"
>
Do Something Else
</cbutton-stub>
</cjumbotron-stub>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
</crow-stub>
<crow-stub>
<ccol-stub
tag="div"
>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<i
class="fa fa-align-justify"
/>
<strong>
Jumbotron
</strong>
<small>
variants
</small>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<cjumbotron-stub
bordervariant="dark"
header="Bootstrap 4"
tag="div"
textvariant="white"
variant="info"
>
<p
class="lead"
slot="lead"
>
<p
class="c-lead"
slot="lead"
>
This is a simple hero unit, a simple jumbotron-style component for
calling extra attention to featured content or information.
</p>
<hr
class="c-my-4"
/>
<p>
It uses utility classes for typography and spacing to space content
out within the larger container.
This is a simple hero unit, a simple jumbotron-style component for
calling extra attention to featured content or information.
</p>
<hr
class="my-4"
/>
<p>
</p>
</cjumbotron-stub>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
</crow-stub>
</div>
It uses utility classes for typography and spacing to space content
out within the larger container.
</p>
</cjumbotron-stub>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
</crow-stub>
</div>
`;
tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
+1163 -1167
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/base/__snapshots__/Navbars.spec.js.snap
+533 -537
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/base/__snapshots__/Navs.spec.js.snap
+621 -625
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/base/__snapshots__/Paginations.spec.js.snap
+162 -166
View File
@@ -1,50 +1,85 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Paginations.vue renders correctly 1`] = `
<div
class="c-wrapper"
>
<div>
<ccard-stub
<div>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<i
class="fa fa-align-justify"
/>
<strong>
Responsive bootstrap Pagination
</strong>
<div
class="c-card-header-actions"
>
<a
class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Pagination"
rel="noreferrer noopener"
target="_blank"
>
<small
class="text-muted"
>
docs
</small>
</a>
</div>
</ccardheader-stub>
<i
class="fa fa-align-justify"
/>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
<strong>
Responsive bootstrap Pagination
</strong>
<div
class="card-header-actions"
>
<a
class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Pagination"
rel="noreferrer noopener"
target="_blank"
>
<small
class="text-muted"
>
docs
</small>
</a>
</div>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<h6>
Default
</h6>
<cpagination-stub
activepage="3"
align="start"
firstbuttonhtml="&laquo;"
lastbuttonhtml="&raquo;"
limit="5"
nextbuttonhtml="&rsaquo;"
pages="10"
previousbuttonhtml="&lsaquo;"
responsive="true"
size="md"
/>
<br />
<h6>
Small
</h6>
<cpagination-stub
activepage="3"
align="start"
firstbuttonhtml="&laquo;"
lastbuttonhtml="&raquo;"
limit="5"
nextbuttonhtml="&rsaquo;"
pages="10"
previousbuttonhtml="&lsaquo;"
size="sm"
/>
<br />
<div>
<h6>
Default
Large
</h6>
<cpagination-stub
@@ -57,140 +92,101 @@ exports[`Paginations.vue renders correctly 1`] = `
pages="10"
previousbuttonhtml="&lsaquo;"
responsive="true"
size="md"
size="lg"
/>
<br />
<h6>
Small
</h6>
<cpagination-stub
activepage="3"
align="start"
firstbuttonhtml="&laquo;"
lastbuttonhtml="&raquo;"
limit="5"
nextbuttonhtml="&rsaquo;"
pages="10"
previousbuttonhtml="&lsaquo;"
size="sm"
/>
<br />
<div>
<h6>
Large
</h6>
<cpagination-stub
activepage="3"
align="start"
firstbuttonhtml="&laquo;"
lastbuttonhtml="&raquo;"
limit="5"
nextbuttonhtml="&rsaquo;"
pages="10"
previousbuttonhtml="&lsaquo;"
responsive="true"
size="lg"
/>
<br />
</div>
<div>
currentPage: 3
</div>
</ccardbody-stub>
</ccard-stub>
<ccard-stub
</div>
<div>
currentPage: 3
</div>
</ccardbody-stub>
</ccard-stub>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<i
class="fa fa-align-justify"
/>
<strong>
Pagination
</strong>
<small>
alignment
</small>
</ccardheader-stub>
<i
class="fa fa-align-justify"
/>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<h6>
Left alignment (default)
</h6>
<cpagination-stub
activepage="3"
align="start"
firstbuttonhtml="&laquo;"
lastbuttonhtml="&raquo;"
limit="5"
nextbuttonhtml="&rsaquo;"
pages="10"
previousbuttonhtml="&lsaquo;"
size="md"
/>
<br />
<h6>
Center alignment
</h6>
<cpagination-stub
activepage="3"
align="center"
firstbuttonhtml="&laquo;"
lastbuttonhtml="&raquo;"
limit="5"
nextbuttonhtml="&rsaquo;"
pages="10"
previousbuttonhtml="&lsaquo;"
size="md"
/>
<br />
<h6>
Right (end) alignment
</h6>
<cpagination-stub
activepage="3"
align="end"
firstbuttonhtml="&laquo;"
lastbuttonhtml="&raquo;"
limit="5"
nextbuttonhtml="&rsaquo;"
pages="10"
previousbuttonhtml="&lsaquo;"
size="md"
/>
<br />
<div>
currentPage: 3
</div>
</ccardbody-stub>
</ccard-stub>
</div>
<strong>
Pagination
</strong>
<small>
alignment
</small>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<h6>
Left alignment (default)
</h6>
<cpagination-stub
activepage="3"
align="start"
firstbuttonhtml="&laquo;"
lastbuttonhtml="&raquo;"
limit="5"
nextbuttonhtml="&rsaquo;"
pages="10"
previousbuttonhtml="&lsaquo;"
size="md"
/>
<br />
<h6>
Center alignment
</h6>
<cpagination-stub
activepage="3"
align="center"
firstbuttonhtml="&laquo;"
lastbuttonhtml="&raquo;"
limit="5"
nextbuttonhtml="&rsaquo;"
pages="10"
previousbuttonhtml="&lsaquo;"
size="md"
/>
<br />
<h6>
Right (end) alignment
</h6>
<cpagination-stub
activepage="3"
align="end"
firstbuttonhtml="&laquo;"
lastbuttonhtml="&raquo;"
limit="5"
nextbuttonhtml="&rsaquo;"
pages="10"
previousbuttonhtml="&lsaquo;"
size="md"
/>
<br />
<div>
currentPage: 3
</div>
</ccardbody-stub>
</ccard-stub>
</div>
`;
tests/unit/views/base/__snapshots__/ProgressBars.spec.js.snap
+706 -705
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/base/__snapshots__/Switches.spec.js.snap
+232 -232
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/base/__snapshots__/Tables.spec.js.snap
+2 -6
View File
@@ -19,7 +19,7 @@ exports[`Tables.vue renders correctly 1`] = `
CTable component functionality presentation
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -41,10 +41,6 @@ exports[`Tables.vue renders correctly 1`] = `
titletag="h4"
>
<ctable-stub
dark-header=""
default-filter="2012"
default-sorters="username,asc"
defaultcolumnfilter="[object Object]"
defaultsorter="[object Object]"
fields="[object Object],registered,[object Object],[object Object],[object Object]"
filterrow="true"
@@ -55,7 +51,7 @@ exports[`Tables.vue renders correctly 1`] = `
itemsperpage="10"
optionsrow="true"
pagination="true"
per-page="6"
sorting="true"
/>
</ccardbody-stub>
</ccard-stub>
tests/unit/views/base/__snapshots__/Tabs.spec.js.snap
+84 -1
View File
@@ -20,7 +20,7 @@ exports[`Tabs.vue renders correctly 1`] = `
Tabs
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -230,6 +230,89 @@ exports[`Tabs.vue renders correctly 1`] = `
</ccard-stub>
</ccol-stub>
<ccol-stub
lg="6"
tag="div"
xs="12"
>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
Tabs with icons
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ctabs-stub
addtabclasses="mt-1"
tabs="true"
>
<ctab-stub
active="true"
>
<template>
<i
class="cui-calculator"
/>
Calculator
</template>
1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
<ctab-stub>
<template>
<i
class="cui-basket-loaded"
/>
Shopping cart
</template>
2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
<ctab-stub>
<template>
<i
class="cui-pie-chart"
/>
Charts
</template>
3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</ctab-stub>
</ctabs-stub>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
<ccol-stub
lg="6"
tag="div"
tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap
+355 -359
View File
@@ -1,389 +1,385 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Tooltips.vue renders correctly 1`] = `
<div
class="c-wrapper"
>
<div>
<ccard-stub
<div>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<i
class="fa fa-align-justify"
/>
<strong>
Bootstrap Tooltips
</strong>
<small>
<code>
v-c-tooltip
</code>
directive
</small>
<div
class="c-card-header-actions"
>
<a
class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Tooltip"
rel="noreferrer noopener"
target="_blank"
>
<small
class="text-muted"
>
docs
</small>
</a>
</div>
</ccardheader-stub>
<i
class="fa fa-align-justify"
/>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
<strong>
Bootstrap Tooltips
</strong>
<small>
<code>
v-c-tooltip
</code>
directive
</small>
<div
class="card-header-actions"
>
<a
class="card-header-action"
href="https://coreui.io/vue/docs/3.0/components/Tooltip"
rel="noreferrer noopener"
target="_blank"
>
<small
class="text-muted"
>
docs
</small>
</a>
</div>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<crow-stub>
<ccol-stub
col="4"
tag="div"
>
<div
class="text-center my-3"
>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
Hover Me
</cbutton-stub>
</div>
</ccol-stub>
<ccol-stub
col="4"
tag="div"
>
<div
class="text-center my-3"
>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
Hover me
</cbutton-stub>
</div>
</ccol-stub>
<ccol-stub
col="4"
tag="div"
>
<div
class="text-center my-3"
>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
Click me
</cbutton-stub>
</div>
</ccol-stub>
</crow-stub>
</ccardbody-stub>
</ccard-stub>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<i
class="fa fa-align-justify"
/>
<strong>
Tooltips
</strong>
<small>
placement
</small>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<div
class="my-3"
>
<crow-stub>
<ccol-stub
col="4"
class="py-4 text-center"
md="4"
tag="div"
>
<div
class="c-text-center c-my-3"
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
Hover Me
</cbutton-stub>
</div>
top-start
</cbutton-stub>
</ccol-stub>
<ccol-stub
col="4"
class="py-4 text-center"
md="4"
tag="div"
>
<div
class="c-text-center c-my-3"
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
Hover me
</cbutton-stub>
</div>
top
</cbutton-stub>
</ccol-stub>
<ccol-stub
col="4"
class="py-4 text-center"
md="4"
tag="div"
>
<div
class="c-text-center c-my-3"
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
Click me
</cbutton-stub>
</div>
top-end
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
bottom-start
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
bottom
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
bottom-end
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
right-start
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
right
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
right-end
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
left-start
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
left
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
left-end
</cbutton-stub>
</ccol-stub>
</crow-stub>
</ccardbody-stub>
</ccard-stub>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<i
class="fa fa-align-justify"
/>
<strong>
Tooltips
</strong>
<small>
placement
</small>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<div
class="c-my-3"
>
<crow-stub>
<ccol-stub
class="c-py-4 c-text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
top-start
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
top
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
top-end
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
bottom-start
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
bottom
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
bottom-end
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
right-start
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
right
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
right-end
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
left-start
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
left
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
routertag="a"
target="_self"
type="button"
variant="primary"
>
left-end
</cbutton-stub>
</ccol-stub>
</crow-stub>
</div>
</ccardbody-stub>
</ccard-stub>
</div>
</div>
</ccardbody-stub>
</ccard-stub>
</div>
`;