test: update tests and snapshots
This commit is contained in:
woothu
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
|
||||
|
||||
describe('Alerts.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Alerts.name).toMatch('alerts')
|
||||
expect(Alerts.name).toBe('Alerts')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Alerts.data).toMatch('function')
|
||||
|
||||
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
|
||||
|
||||
describe('Badges.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Badges.name).toMatch('badges')
|
||||
expect(Badges.name).toBe('Badges')
|
||||
})
|
||||
it('is Badges', () => {
|
||||
const wrapper = shallowMount(Badges)
|
||||
|
||||
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
|
||||
|
||||
describe('Modals.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Modals.name).toMatch('modals')
|
||||
expect(Modals.name).toBe('Modals')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Modals.data).toMatch('function')
|
||||
|
||||
@@ -1,493 +1,487 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Alerts.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-wrapper"
|
||||
>
|
||||
<div>
|
||||
<crow-stub>
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
<crow-stub>
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Alert
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Alert"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<div>
|
||||
<p />
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="primary"
|
||||
>
|
||||
Primary Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="secondary"
|
||||
>
|
||||
Secondary Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="success"
|
||||
>
|
||||
Success Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="danger"
|
||||
>
|
||||
Danger Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="warning"
|
||||
>
|
||||
Warning Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="info"
|
||||
>
|
||||
Info Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="light"
|
||||
>
|
||||
Light Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="dark"
|
||||
>
|
||||
Dark Alert
|
||||
</calert-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Alert
|
||||
|
||||
<small>
|
||||
use
|
||||
<code>
|
||||
.c-alert-link
|
||||
</code>
|
||||
to provide links
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<div>
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
Primary Alert with
|
||||
<a
|
||||
class="c-alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="secondary"
|
||||
>
|
||||
|
||||
Secondary Alert with
|
||||
<a
|
||||
class="c-alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="success"
|
||||
>
|
||||
|
||||
Success Alert with
|
||||
<a
|
||||
class="c-alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="danger"
|
||||
>
|
||||
|
||||
Danger Alert with
|
||||
<a
|
||||
class="c-alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="warning"
|
||||
>
|
||||
|
||||
Warning Alert with
|
||||
<a
|
||||
class="c-alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="info"
|
||||
>
|
||||
|
||||
Info Alert with
|
||||
<a
|
||||
class="c-alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="light"
|
||||
>
|
||||
|
||||
Light Alert with
|
||||
<a
|
||||
class="c-alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="dark"
|
||||
>
|
||||
|
||||
Dark Alert with
|
||||
|
||||
<clink-stub
|
||||
activeclass="c-active"
|
||||
class="c-alert-link"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
an example link
|
||||
</clink-stub>
|
||||
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Alerts
|
||||
<small>
|
||||
with additional content
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="success"
|
||||
>
|
||||
<h4
|
||||
class="c-alert-heading"
|
||||
>
|
||||
Well done!
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
|
||||
Aww yeah, you successfully read this important alert message.
|
||||
This example text is going to run a bit longer so that you can see
|
||||
how spacing within an alert works with this kind of content.
|
||||
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p
|
||||
class="c-mb-0"
|
||||
>
|
||||
|
||||
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
|
||||
|
||||
</p>
|
||||
</calert-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Alerts
|
||||
|
||||
<small>
|
||||
dismissible
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
show="true"
|
||||
variant="secondary"
|
||||
>
|
||||
|
||||
Dismissible Alert!
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
fade="true"
|
||||
show="true"
|
||||
variant="secondary"
|
||||
>
|
||||
|
||||
Dismissible Alert with fade effect!
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
class="c-alert-dismissible"
|
||||
show="true"
|
||||
variant="secondary"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-m-1"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="info"
|
||||
>
|
||||
|
||||
Show dismissible alerts
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
<strong>
|
||||
Bootstrap Alert
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Alert"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Alerts
|
||||
|
||||
<small>
|
||||
auto dismissible
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<div>
|
||||
<p />
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="primary"
|
||||
>
|
||||
<div>
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
fade="true"
|
||||
show="10"
|
||||
variant="warning"
|
||||
>
|
||||
|
||||
Alert will dismiss after
|
||||
|
||||
<strong>
|
||||
10
|
||||
</strong>
|
||||
seconds...
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
show="10"
|
||||
variant="info"
|
||||
>
|
||||
|
||||
Alert will dismiss after 10 seconds...
|
||||
|
||||
<cprogress-stub
|
||||
height="4px"
|
||||
max="10"
|
||||
precision="0"
|
||||
value="10"
|
||||
variant="info"
|
||||
/>
|
||||
</calert-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-m-1"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="info"
|
||||
>
|
||||
|
||||
Show alert with timer
|
||||
|
||||
</cbutton-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
</div>
|
||||
Primary Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="secondary"
|
||||
>
|
||||
Secondary Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="success"
|
||||
>
|
||||
Success Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="danger"
|
||||
>
|
||||
Danger Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="warning"
|
||||
>
|
||||
Warning Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="info"
|
||||
>
|
||||
Info Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="light"
|
||||
>
|
||||
Light Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="dark"
|
||||
>
|
||||
Dark Alert
|
||||
</calert-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Alert
|
||||
|
||||
<small>
|
||||
use
|
||||
<code>
|
||||
.alert-link
|
||||
</code>
|
||||
to provide links
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<div>
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
Primary Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="secondary"
|
||||
>
|
||||
|
||||
Secondary Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="success"
|
||||
>
|
||||
|
||||
Success Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="danger"
|
||||
>
|
||||
|
||||
Danger Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="warning"
|
||||
>
|
||||
|
||||
Warning Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="info"
|
||||
>
|
||||
|
||||
Info Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="light"
|
||||
>
|
||||
|
||||
Light Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="dark"
|
||||
>
|
||||
|
||||
Dark Alert with
|
||||
|
||||
<clink-stub
|
||||
activeclass="active"
|
||||
class="alert-link"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
an example link
|
||||
</clink-stub>
|
||||
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Alerts
|
||||
<small>
|
||||
with additional content
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<calert-stub
|
||||
show="true"
|
||||
variant="success"
|
||||
>
|
||||
<h4
|
||||
class="alert-heading"
|
||||
>
|
||||
Well done!
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
|
||||
Aww yeah, you successfully read this important alert message.
|
||||
This example text is going to run a bit longer so that you can see
|
||||
how spacing within an alert works with this kind of content.
|
||||
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p
|
||||
class="mb-0"
|
||||
>
|
||||
|
||||
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
|
||||
|
||||
</p>
|
||||
</calert-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Alerts
|
||||
|
||||
<small>
|
||||
dismissible
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
show="true"
|
||||
variant="secondary"
|
||||
>
|
||||
|
||||
Dismissible Alert!
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
fade="true"
|
||||
show="true"
|
||||
variant="secondary"
|
||||
>
|
||||
|
||||
Dismissible Alert with fade effect!
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
class="alert-dismissible"
|
||||
show="true"
|
||||
variant="secondary"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="m-1"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="info"
|
||||
>
|
||||
|
||||
Show dismissible alerts
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Alerts
|
||||
|
||||
<small>
|
||||
auto dismissible
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<div>
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
fade="true"
|
||||
show="10"
|
||||
variant="warning"
|
||||
>
|
||||
|
||||
Alert will dismiss after
|
||||
|
||||
<strong>
|
||||
10
|
||||
</strong>
|
||||
seconds...
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
show="10"
|
||||
variant="info"
|
||||
>
|
||||
|
||||
Alert will dismiss after 10 seconds...
|
||||
|
||||
<cprogress-stub
|
||||
height="4px"
|
||||
max="10"
|
||||
precision="0"
|
||||
value="10"
|
||||
variant="info"
|
||||
/>
|
||||
</calert-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="m-1"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="info"
|
||||
>
|
||||
|
||||
Show alert with timer
|
||||
|
||||
</cbutton-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
`;
|
||||
|
||||
@@ -2,359 +2,353 @@
|
||||
|
||||
exports[`Badges.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 Badge
|
||||
</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/Badge"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Badge
|
||||
</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/Badge"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<h2>
|
||||
Example heading
|
||||
<span
|
||||
class="c-badge c-badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h2>
|
||||
|
||||
<h3>
|
||||
Example heading
|
||||
<span
|
||||
class="c-badge c-badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h3>
|
||||
|
||||
<h4>
|
||||
Example heading
|
||||
<span
|
||||
class="c-badge c-badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h4>
|
||||
|
||||
<h5>
|
||||
Example heading
|
||||
<span
|
||||
class="c-badge c-badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h5>
|
||||
|
||||
<h6>
|
||||
Example heading
|
||||
<span
|
||||
class="c-badge c-badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<footer
|
||||
class="c-card-footer"
|
||||
>
|
||||
<button
|
||||
class="c-btn c-btn-primary"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Notifications
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-light"
|
||||
style="position: static;"
|
||||
>
|
||||
4
|
||||
</span>
|
||||
</button>
|
||||
</footer>
|
||||
<!---->
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="c-col-12 c-col-md-6"
|
||||
class="card-body"
|
||||
>
|
||||
<div
|
||||
class="c-card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="c-card-header"
|
||||
<!---->
|
||||
<!---->
|
||||
<h2>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Badge
|
||||
|
||||
<small>
|
||||
contextual variations
|
||||
</small>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<span
|
||||
class="c-badge c-badge-primary"
|
||||
>
|
||||
Primary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-secondary"
|
||||
>
|
||||
Secondary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-success"
|
||||
>
|
||||
Success
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-danger"
|
||||
>
|
||||
Danger
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-warning"
|
||||
>
|
||||
Warning
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-info"
|
||||
>
|
||||
Info
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-light"
|
||||
>
|
||||
Light
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-dark"
|
||||
>
|
||||
Dark
|
||||
</span>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
New
|
||||
</span>
|
||||
</h2>
|
||||
|
||||
<div
|
||||
class="c-card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="c-card-header"
|
||||
<h3>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Badge
|
||||
|
||||
<small>
|
||||
pills
|
||||
</small>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<span
|
||||
class="c-badge c-badge-primary c-badge-pill"
|
||||
>
|
||||
Primary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-secondary c-badge-pill"
|
||||
>
|
||||
Secondary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-success c-badge-pill"
|
||||
>
|
||||
Success
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-danger c-badge-pill"
|
||||
>
|
||||
Danger
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-warning c-badge-pill"
|
||||
>
|
||||
Warning
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-info c-badge-pill"
|
||||
>
|
||||
Info
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-light c-badge-pill"
|
||||
>
|
||||
Light
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="c-badge c-badge-dark c-badge-pill"
|
||||
>
|
||||
Dark
|
||||
</span>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
New
|
||||
</span>
|
||||
</h3>
|
||||
|
||||
<div
|
||||
class="c-card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="c-card-header"
|
||||
<h4>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Badge
|
||||
|
||||
<small>
|
||||
actionable
|
||||
</small>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="c-card-body"
|
||||
New
|
||||
</span>
|
||||
</h4>
|
||||
|
||||
<h5>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<a
|
||||
class="c-badge c-badge-primary"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Primary
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="c-badge c-badge-secondary"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Secondary
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="c-badge c-badge-success"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Success
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="c-badge c-badge-danger"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Danger
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="c-badge c-badge-warning"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Warning
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="c-badge c-badge-info"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Info
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="c-badge c-badge-light"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Light
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="c-badge c-badge-dark"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Dark
|
||||
</a>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
New
|
||||
</span>
|
||||
</h5>
|
||||
|
||||
<h6>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<footer
|
||||
class="card-footer"
|
||||
>
|
||||
<button
|
||||
class="btn btn-primary"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Notifications
|
||||
|
||||
<span
|
||||
class="badge badge-light"
|
||||
style="position: static;"
|
||||
>
|
||||
4
|
||||
</span>
|
||||
</button>
|
||||
</footer>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-12 col-md-6"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Badge
|
||||
|
||||
<small>
|
||||
contextual variations
|
||||
</small>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
Primary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-secondary"
|
||||
>
|
||||
Secondary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-success"
|
||||
>
|
||||
Success
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-danger"
|
||||
>
|
||||
Danger
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-warning"
|
||||
>
|
||||
Warning
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-info"
|
||||
>
|
||||
Info
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-light"
|
||||
>
|
||||
Light
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-dark"
|
||||
>
|
||||
Dark
|
||||
</span>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Badge
|
||||
|
||||
<small>
|
||||
pills
|
||||
</small>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<span
|
||||
class="badge badge-primary badge-pill"
|
||||
>
|
||||
Primary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-secondary badge-pill"
|
||||
>
|
||||
Secondary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-success badge-pill"
|
||||
>
|
||||
Success
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-danger badge-pill"
|
||||
>
|
||||
Danger
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-warning badge-pill"
|
||||
>
|
||||
Warning
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-info badge-pill"
|
||||
>
|
||||
Info
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-light badge-pill"
|
||||
>
|
||||
Light
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-dark badge-pill"
|
||||
>
|
||||
Dark
|
||||
</span>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
Badge
|
||||
|
||||
<small>
|
||||
actionable
|
||||
</small>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<a
|
||||
class="badge badge-primary"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Primary
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-secondary"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Secondary
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-success"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Success
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-danger"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Danger
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-warning"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Warning
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-info"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Info
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-light"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Light
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-dark"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Dark
|
||||
</a>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
exports[`Modals.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-wrapper"
|
||||
class="wrapper"
|
||||
>
|
||||
<div>
|
||||
<crow-stub>
|
||||
@@ -24,7 +24,7 @@ exports[`Modals.vue renders correctly 1`] = `
|
||||
Bootstrap Modals
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
@@ -46,10 +46,10 @@ exports[`Modals.vue renders correctly 1`] = `
|
||||
titletag="h4"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-mr-1"
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
@@ -61,10 +61,10 @@ exports[`Modals.vue renders correctly 1`] = `
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-mr-1"
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
@@ -76,10 +76,10 @@ exports[`Modals.vue renders correctly 1`] = `
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-mr-1"
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
@@ -93,10 +93,10 @@ exports[`Modals.vue renders correctly 1`] = `
|
||||
<hr />
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-mr-1"
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
@@ -108,10 +108,10 @@ exports[`Modals.vue renders correctly 1`] = `
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-mr-1"
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
@@ -123,10 +123,10 @@ exports[`Modals.vue renders correctly 1`] = `
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-mr-1"
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
@@ -138,10 +138,10 @@ exports[`Modals.vue renders correctly 1`] = `
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-mr-1"
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
@@ -153,10 +153,10 @@ exports[`Modals.vue renders correctly 1`] = `
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-mr-1"
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
@@ -168,10 +168,10 @@ exports[`Modals.vue renders correctly 1`] = `
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-mr-1"
|
||||
activeclass="active"
|
||||
class="mr-1"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
|
||||
Reference in New Issue
Block a user