sean/manja_dev_ui
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/App.spec.js
+1 -1
View File
@@ -12,7 +12,7 @@ localVue.use(CoreuiVue)
describe('App.vue', () => {
it('has a name', () => {
expect(App.name).toMatch('app')
expect(App.name).toBe('App')
})
it('is Vue instance', () => {
const wrapper = shallowMount(App, {
tests/unit/containers/TheContainer.spec.js
+1 -1
View File
@@ -11,7 +11,7 @@ localVue.use(CoreuiVue)
describe('TheContainer.vue', () => {
it('has a name', () => {
expect(TheContainer.name).toMatch('full')
expect(TheContainer.name).toBe('TheContainer')
})
test('renders correctly', () => {
const wrapper = shallowMount(TheContainer, {
tests/unit/containers/TheHeaderDropdownAccnt.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('TheHeaderDropdownAccnt.vue', () => {
it('has a name', () => {
expect(TheHeaderDropdownAccnt.name).toMatch('TheHeaderDropdownAccnt')
expect(TheHeaderDropdownAccnt.name).toBe('TheHeaderDropdownAccnt')
})
it('has a created hook', () => {
expect(typeof TheHeaderDropdownAccnt.data).toMatch('function')
tests/unit/containers/TheSidebar.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('TheSidebar.vue', () => {
it('has a name', () => {
expect(TheSidebar.name).toMatch('TheSidebar')
expect(TheSidebar.name).toBe('TheSidebar')
})
test('renders correctly', () => {
const wrapper = shallowMount(TheSidebar)
tests/unit/containers/__snapshots__/DefaultContainer.spec.js.snap
-31
View File
@@ -1,31 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`DefaultContainer.vue renders correctly 1`] = `
<div
class="c-app c-default-layout"
>
<theheader-stub />
<thesidebar-stub />
<div
class="c-body"
>
<main
class="c-main"
>
<cbreadcrumbrouter-stub />
<ccontainer-stub
fluid="true"
>
<router-view-stub
name="fade"
/>
</ccontainer-stub>
</main>
</div>
<thefooter-stub />
</div>
`;
tests/unit/containers/__snapshots__/TheContainer.spec.js.snap
+33
View File
@@ -0,0 +1,33 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`TheContainer.vue renders correctly 1`] = `
<div
class="c-app"
>
<thesidebar-stub />
<div
class="c-wrapper"
>
<theheader-stub />
<div
class="c-body"
>
<main
class="c-main"
>
<ccontainer-stub
fluid="true"
>
<router-view-stub
name="fade"
/>
</ccontainer-stub>
</main>
</div>
<thefooter-stub />
</div>
</div>
`;
tests/unit/containers/__snapshots__/TheFooter.spec.js.snap
+4 -4
View File
@@ -10,17 +10,17 @@ exports[`TheFooter.vue renders correctly 1`] = `
</a>
<span
class="c-ml-1"
class="ml-1"
>
© 2018 creativeLabs.
© 2019 creativeLabs.
</span>
</div>
<div
class="c-ml-auto"
class="ml-auto"
>
<span
class="c-mr-1"
class="mr-1"
>
Powered by
</span>
tests/unit/containers/__snapshots__/TheHeader.spec.js.snap
+40 -111
View File
@@ -3,153 +3,82 @@
exports[`TheHeader.vue renders correctly 1`] = `
<cheader-stub
fixed="true"
light=""
with-subheader=""
>
<csidebartoggler-stub
class="c-header-toggler c-d-lg-none c-mr-auto"
/>
<clink-stub
activeclass="c-active"
class="c-header-brand,[object Object]"
event="click"
exactactiveclass="c-active"
routertag="a"
tag="span"
target="_self"
to="/"
>
<img
alt="CoreUI Logo"
class="c-navbar-brand-minimized c-d-md-down-none"
height="30"
src="img/brand/sygnet.svg"
style="display: none;"
width="30"
class="c-header-toggler ml-3"
/>
<img
alt="CoreUI Logo"
class="c-navbar-brand-full c-d-md-down-none"
height="25"
src="img/brand/logo.svg"
width="89"
/>
<img
alt="CoreUI Logo"
class="c-navbar-brand-full c-d-lg-none"
height="25"
src="img/brand/logo.svg"
width="89"
/>
</clink-stub>
<csidebartoggler-stub
class="c-header-toggler c-d-md-down-none"
class="c-header-brand mx-auto d-lg-none"
height="46"
src="img/brand/coreui-base.svg"
width="97"
/>
<ul
class="c-header-nav c-d-md-down-none"
class="c-header-nav d-md-down-none mr-auto"
>
<cnavitem-stub
activeclass="c-active"
class="c-px-3"
event="click"
exactactiveclass="c-active"
routertag="a"
tag="span"
target="_self"
<cheadernavitem
class="px-3"
to="/dashboard"
>
Dashboard
</cnavitem-stub>
</cheadernavitem>
<cnavitem-stub
activeclass="c-active"
class="c-px-3"
event="click"
exact="true"
exactactiveclass="c-active"
routertag="a"
tag="span"
target="_self"
<cheadernavitem
class="px-3"
exact=""
to="/users"
>
Users
</cnavitem-stub>
</cheadernavitem>
<cnavitem-stub
activeclass="c-active"
class="c-px-3"
event="click"
exactactiveclass="c-active"
routertag="a"
tag="span"
target="_self"
<cheadernavitem
class="px-3"
>
Settings
</cnavitem-stub>
</cheadernavitem>
</ul>
<cnav-stub
class="c-header-nav c-ml-auto"
<ul
class="c-header-nav mr-4"
>
<cnavitem-stub
activeclass="c-active"
class="c-d-md-down-none"
event="click"
exactactiveclass="c-active"
routertag="a"
tag="span"
target="_self"
<cheadernavitem
class="d-md-down-none mx-2"
>
<i
class="cui-bell"
/>
</cheadernavitem>
<cbadge-stub
activeclass="c-active"
event="click"
exactactiveclass="c-active"
pill="true"
routertag="a"
tag="span"
target="_self"
variant="danger"
>
5
</cbadge-stub>
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
class="c-d-md-down-none"
event="click"
exactactiveclass="c-active"
routertag="a"
tag="span"
target="_self"
<cheadernavitem
class="d-md-down-none mx-2"
>
<i
class="cui-list"
/>
</cnavitem-stub>
</cheadernavitem>
<cnavitem-stub
activeclass="c-active"
class="d-md-down-none"
event="click"
exactactiveclass="c-active"
routertag="a"
tag="span"
target="_self"
<cheadernavitem
class="d-md-down-none mx-2"
>
<i
class="cui-location-pin"
class="cui-envelope-open"
/>
</cnavitem-stub>
</cheadernavitem>
<defaultheaderdropdownaccnt-stub />
</cnav-stub>
<theheaderdropdownaccnt-stub />
</ul>
<div
class="c-subheader px-3"
>
<cbreadcrumbrouter-stub
class="border-0"
/>
</div>
</cheader-stub>
`;
tests/unit/containers/__snapshots__/DefaultHeaderDropdownAccnt.spec.js.snap → tests/unit/containers/__snapshots__/TheHeaderDropdownAccnt.spec.js.snap
+54 -49
View File
@@ -1,17 +1,17 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
<cdropdown-stub
addmenuclasses="c-dropdown-menu-right"
addmenuclasses="pt-0"
class="c-header-nav-items"
nav="true"
nocaret="true"
nopopper="true"
placement="bottom-start"
placement="bottom-end"
togglertext="Dropdown"
>
<cdropdownheader-stub
class="c-text-center"
class="text-center bg-light"
tag="div"
>
<strong>
@@ -20,22 +20,22 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownheader-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
<i
class="cui-bell"
class="cui-bell mr-2"
/>
Updates
<cbadge-stub
activeclass="c-active"
additional-classes="hehe"
activeclass="active"
class="ml-auto"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -46,21 +46,22 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
<i
class="cui-envelope-open"
class="cui-envelope-open mr-2"
/>
Messages
<cbadge-stub
activeclass="c-active"
activeclass="active"
class="ml-auto"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -71,21 +72,22 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
<i
class="cui-task"
class="cui-task mr-2"
/>
Tasks
<cbadge-stub
activeclass="c-active"
activeclass="active"
class="ml-auto"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -96,21 +98,22 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
<i
class="cui-comment-square"
class="cui-comment-square mr-2"
/>
Comments
<cbadge-stub
activeclass="c-active"
activeclass="active"
class="ml-auto"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -121,7 +124,7 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownheader-stub
class="c-text-center"
class="text-center bg-light"
tag="div"
>
<strong>
@@ -130,49 +133,50 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownheader-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
<i
class="cui-user"
class="cui-user mr-2"
/>
Profile
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
<i
class="cui-wrench"
class="cui-wrench mr-2"
/>
Settings
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
<i
class="cui-dollar"
class="cui-dollar mr-2"
/>
Payments
<cbadge-stub
activeclass="c-active"
activeclass="active"
class="ml-auto"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -183,21 +187,22 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
<i
class="cui-file"
class="cui-file mr-2"
/>
Projects
<cbadge-stub
activeclass="c-active"
activeclass="active"
class="ml-auto"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -212,28 +217,28 @@ exports[`DefaultHeaderDropdownAccnt.vue renders correctly 1`] = `
/>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
<i
class="cui-shield"
class="cui-shield mr-2"
/>
Lock Account
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
<i
class="cui-lock-locked"
class="cui-lock-locked mr-2"
/>
Logout
tests/unit/containers/__snapshots__/TheSidebar.spec.js.snap
+9 -12
View File
@@ -3,25 +3,22 @@
exports[`TheSidebar.vue renders correctly 1`] = `
<csidebar-stub
breakpoint="lg"
dropdownbehaviors="closeOnInactiveRoute"
dropdownstateonroutechange="openActive"
fixed="true"
show="true"
>
<csidebarheader-stub />
<csidebarform-stub />
<csidebarnav-stub>
<ctreegenerator-stub
components="[object Object]"
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
<csidebarbrand
fullsrc="img/brand/coreui-base-white.svg"
minimizedsrc="img/brand/coreui-signet-white.svg"
wrappedinlink="[object Object]"
/>
</csidebarnav-stub>
<csidebarfooter-stub />
<crenderfunction-stub
contenttorender="CSidebarNav,CSidebarNavLink,[object Object],CSidebarNavTitle,Theme,CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavTitle,Components,CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavDivider,CSidebarNavTitle,Extras,CSidebarNavDropdown,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object],CSidebarNavLink,[object Object]"
/>
<csidebarminimizer-stub
class="c-d-md-down-none"
class="d-md-down-none"
/>
</csidebar-stub>
`;
tests/unit/views/Charts.spec.js
+2 -2
View File
@@ -1,13 +1,13 @@
import Vue from 'vue'
import { shallowMount } from '@vue/test-utils';
import CoreuiVue from '@coreui/vue'
import Charts from '@/views/Charts'
import Charts from '@/views/charts/Charts'
Vue.use(CoreuiVue)
describe('Charts.vue', () => {
it('has a name', () => {
expect(Charts.name).toMatch('Charts')
expect(Charts.name).toBe('Charts')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Charts)
tests/unit/views/Dashboard.spec.js
+1 -1
View File
@@ -11,7 +11,7 @@ Vue.use(CIconPlugin, iconsSet)
describe('Dashboard.vue', () => {
it('has a name', () => {
expect(Dashboard.name).toMatch('Dashboard')
expect(Dashboard.name).toBe('Dashboard')
})
it('has a created hook', () => {
expect(typeof Dashboard.data).toMatch('function')
tests/unit/views/__snapshots__/Charts.spec.js.snap
+2 -2
View File
@@ -3,7 +3,7 @@
exports[`Charts.vue renders correctly 1`] = `
<div>
<ccardgroup-stub
class="c-card-columns c-cols-2"
class="card-columns cols-2"
columns="true"
>
<ccard-stub
@@ -18,7 +18,7 @@ exports[`Charts.vue renders correctly 1`] = `
Line Chart
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
tests/unit/views/__snapshots__/Dashboard.spec.js.snap
+140 -140
View File
@@ -18,29 +18,29 @@ exports[`Dashboard.vue renders correctly 1`] = `
tag="div"
>
<h4
class="c-card-title c-mb-0"
class="card-title mb-0"
id="traffic"
>
Traffic
</h4>
<div
class="c-small c-text-muted"
class="small text-muted"
>
November 2017
</div>
</ccol-stub>
<ccol-stub
class="c-d-none c-d-md-block"
class="d-none d-md-block"
sm="7"
tag="div"
>
<cbutton-stub
activeclass="c-active"
class="c-float-right"
activeclass="active"
class="float-right"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -52,13 +52,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
</cbutton-stub>
<cbuttongroup-stub
class="c-float-right c-mr-3"
class="float-right mr-3"
>
<cbutton-stub
activeclass="c-active"
class="c-mx-0"
activeclass="active"
class="mx-0"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -69,10 +69,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
class="c-mx-0"
activeclass="active"
class="mx-0"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
pressed="true"
routertag="a"
target="_self"
@@ -84,10 +84,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
class="c-mx-0"
activeclass="active"
class="mx-0"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -111,16 +111,16 @@ exports[`Dashboard.vue renders correctly 1`] = `
titletag="h4"
>
<crow-stub
class="c-text-center"
class="text-center"
>
<ccol-stub
class="c-mb-sm-2 c-mb-0"
class="mb-sm-2 mb-0"
md="true"
sm="12"
tag="div"
>
<div
class="c-text-muted"
class="text-muted"
>
Visits
</div>
@@ -130,7 +130,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
</strong>
<cprogress-stub
class="c-progress-xs c-mt-2"
class="progress-xs mt-2"
max="100"
precision="1"
value="40"
@@ -139,13 +139,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
</ccol-stub>
<ccol-stub
class="c-mb-sm-2 c-mb-0 c-d-md-down-none"
class="mb-sm-2 mb-0 d-md-down-none"
md="true"
sm="12"
tag="div"
>
<div
class="c-text-muted"
class="text-muted"
>
Unique
</div>
@@ -155,7 +155,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
</strong>
<cprogress-stub
class="c-progress-xs c-mt-2"
class="progress-xs mt-2"
max="100"
precision="1"
value="20"
@@ -164,13 +164,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
</ccol-stub>
<ccol-stub
class="c-mb-sm-2 c-mb-0"
class="mb-sm-2 mb-0"
md="true"
sm="12"
tag="div"
>
<div
class="c-text-muted"
class="text-muted"
>
Pageviews
</div>
@@ -180,7 +180,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
</strong>
<cprogress-stub
class="c-progress-xs c-mt-2"
class="progress-xs mt-2"
max="100"
precision="1"
value="60"
@@ -189,13 +189,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
</ccol-stub>
<ccol-stub
class="c-mb-sm-2 c-mb-0"
class="mb-sm-2 mb-0"
md="true"
sm="12"
tag="div"
>
<div
class="c-text-muted"
class="text-muted"
>
New Users
</div>
@@ -205,7 +205,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
</strong>
<cprogress-stub
class="c-progress-xs c-mt-2"
class="progress-xs mt-2"
max="100"
precision="1"
value="80"
@@ -214,13 +214,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
</ccol-stub>
<ccol-stub
class="c-mb-sm-2 c-mb-0 c-d-md-down-none"
class="mb-sm-2 mb-0 d-md-down-none"
md="true"
sm="12"
tag="div"
>
<div
class="c-text-muted"
class="text-muted"
>
Bounce Rate
</div>
@@ -230,7 +230,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
</strong>
<cprogress-stub
class="c-progress-xs c-mt-2"
class="progress-xs mt-2"
max="100"
precision="1"
value="40"
@@ -268,14 +268,14 @@ exports[`Dashboard.vue renders correctly 1`] = `
variant="info"
>
<small
class="c-text-muted"
class="text-muted"
>
New Clients
</small>
<br />
<strong
class="c-h4"
class="h4"
>
9,123
</strong>
@@ -290,14 +290,14 @@ exports[`Dashboard.vue renders correctly 1`] = `
variant="danger"
>
<small
class="c-text-muted"
class="text-muted"
>
Recurring Clients
</small>
<br />
<strong
class="c-h4"
class="h4"
>
22,643
</strong>
@@ -306,17 +306,17 @@ exports[`Dashboard.vue renders correctly 1`] = `
</crow-stub>
<hr
class="c-mt-0"
class="mt-0"
/>
<div
class="c-progress-group c-mb-4"
class="progress-group mb-4"
>
<div
class="c-progress-group-prepend"
class="progress-group-prepend"
>
<span
class="c-progress-group-text"
class="progress-group-text"
>
Monday
@@ -325,10 +325,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group-bars"
class="progress-group-bars"
>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="34"
@@ -336,7 +336,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
/>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="78"
@@ -346,13 +346,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group c-mb-4"
class="progress-group mb-4"
>
<div
class="c-progress-group-prepend"
class="progress-group-prepend"
>
<span
class="c-progress-group-text"
class="progress-group-text"
>
Tuesday
@@ -361,10 +361,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group-bars"
class="progress-group-bars"
>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="56"
@@ -372,7 +372,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
/>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="94"
@@ -382,13 +382,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group c-mb-4"
class="progress-group mb-4"
>
<div
class="c-progress-group-prepend"
class="progress-group-prepend"
>
<span
class="c-progress-group-text"
class="progress-group-text"
>
Wednesday
@@ -397,10 +397,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group-bars"
class="progress-group-bars"
>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="12"
@@ -408,7 +408,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
/>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="67"
@@ -418,13 +418,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group c-mb-4"
class="progress-group mb-4"
>
<div
class="c-progress-group-prepend"
class="progress-group-prepend"
>
<span
class="c-progress-group-text"
class="progress-group-text"
>
Thursday
@@ -433,10 +433,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group-bars"
class="progress-group-bars"
>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="43"
@@ -444,7 +444,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
/>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="91"
@@ -454,13 +454,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group mb-4"
class="progress-group mb-4"
>
<div
class="c-progress-group-prepend"
class="progress-group-prepend"
>
<span
class="c-progress-group-text"
class="progress-group-text"
>
Friday
@@ -469,10 +469,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group-bars"
class="progress-group-bars"
>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="22"
@@ -480,7 +480,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
/>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="73"
@@ -490,13 +490,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group c-mb-4"
class="progress-group mb-4"
>
<div
class="c-progress-group-prepend"
class="progress-group-prepend"
>
<span
class="c-progress-group-text"
class="progress-group-text"
>
Saturday
@@ -505,10 +505,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group-bars"
class="progress-group-bars"
>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="53"
@@ -516,7 +516,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
/>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="82"
@@ -526,13 +526,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group c-mb-4"
class="progress-group mb-4"
>
<div
class="c-progress-group-prepend"
class="progress-group-prepend"
>
<span
class="c-progress-group-text"
class="progress-group-text"
>
Sunday
@@ -541,10 +541,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group-bars"
class="progress-group-bars"
>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="9"
@@ -552,7 +552,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
/>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="69"
@@ -562,14 +562,14 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-legend c-text-center"
class="legend text-center"
>
<small>
<sup>
<cbadge-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
pill="true"
routertag="a"
tag="span"
@@ -585,9 +585,9 @@ exports[`Dashboard.vue renders correctly 1`] = `
<sup>
<cbadge-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
pill="true"
routertag="a"
tag="span"
@@ -618,14 +618,14 @@ exports[`Dashboard.vue renders correctly 1`] = `
variant="warning"
>
<small
class="c-text-muted"
class="text-muted"
>
Pageviews
</small>
<br />
<strong
class="c-h4"
class="h4"
>
78,623
</strong>
@@ -640,14 +640,14 @@ exports[`Dashboard.vue renders correctly 1`] = `
variant="success"
>
<small
class="c-text-muted"
class="text-muted"
>
Organic
</small>
<br />
<strong
class="c-h4"
class="h4"
>
49,123
</strong>
@@ -656,40 +656,40 @@ exports[`Dashboard.vue renders correctly 1`] = `
</crow-stub>
<hr
class="c-mt-0"
class="mt-0"
/>
<ul
class="c-horizontal-bars c-type-2"
class="horizontal-bars type-2"
>
<div
class="c-progress-group"
class="progress-group"
>
<div
class="c-progress-group-header"
class="progress-group-header"
>
<i
class="cui-user c-progress-group-icon"
class="cui-user progress-group-icon"
/>
<span
class="c-title"
class="title"
>
Male
</span>
<span
class="c-ml-auto c-font-weight-bold"
class="ml-auto font-weight-bold"
>
43%
</span>
</div>
<div
class="c-progress-group-bars"
class="progress-group-bars"
>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="43"
@@ -699,33 +699,33 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group c-mb-5"
class="progress-group mb-5"
>
<div
class="c-progress-group-header"
class="progress-group-header"
>
<i
class="cui-user-female c-progress-group-icon"
class="cui-user-female progress-group-icon"
/>
<span
class="c-title"
class="title"
>
Female
</span>
<span
class="c-ml-auto c-font-weight-bold"
class="ml-auto font-weight-bold"
>
37%
</span>
</div>
<div
class="c-progress-group-bars"
class="progress-group-bars"
>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="37"
@@ -735,23 +735,23 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group"
class="progress-group"
>
<div
class="c-progress-group-header"
class="progress-group-header"
>
<i
class="cui-globe c-progress-group-icon"
class="cui-globe progress-group-icon"
/>
<span
class="c-title"
class="title"
>
Organic Search
</span>
<span
class="c-ml-auto c-font-weight-bold"
class="ml-auto font-weight-bold"
>
191,235
@@ -764,10 +764,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group-bars"
class="progress-group-bars"
>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="56"
@@ -777,30 +777,30 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group"
class="progress-group"
>
<div
class="c-progress-group-header"
class="progress-group-header"
>
<cicon-stub
class="c-progress-group-icon"
class="progress-group-icon"
height="17"
name="socialFacebook"
/>
<span
class="c-title"
class="title"
>
Facebook
</span>
<span
class="c-ml-auto c-font-weight-bold"
class="ml-auto font-weight-bold"
>
51,223
<span
class="c-text-muted small"
class="text-muted small"
>
(15%)
</span>
@@ -808,10 +808,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group-bars"
class="progress-group-bars"
>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="15"
@@ -821,30 +821,30 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group"
class="progress-group"
>
<div
class="c-progress-group-header"
class="progress-group-header"
>
<cicon-stub
class="c-progress-group-icon"
class="progress-group-icon"
height="17"
name="socialTwitter"
/>
<span
class="c-title"
class="title"
>
Twitter
</span>
<span
class="c-ml-auto c-font-weight-bold"
class="ml-auto font-weight-bold"
>
37,564
<span
class="c-text-muted c-small"
class="text-muted small"
>
(11%)
</span>
@@ -852,10 +852,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group-bars"
class="progress-group-bars"
>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="11"
@@ -865,30 +865,30 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group"
class="progress-group"
>
<div
class="c-progress-group-header"
class="progress-group-header"
>
<cicon-stub
class="c-progress-group-icon"
class="progress-group-icon"
height="17"
name="socialLinkedin"
/>
<span
class="c-title"
class="title"
>
LinkedIn
</span>
<span
class="c-ml-auto c-font-weight-bold"
class="ml-auto font-weight-bold"
>
27,319
<span
class="c-text-muted small"
class="text-muted small"
>
 (8%)
</span>
@@ -896,10 +896,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-progress-group-bars"
class="progress-group-bars"
>
<cprogress-stub
class="c-progress-xs"
class="progress-xs"
max="100"
precision="0"
value="8"
@@ -909,13 +909,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
</div>
<div
class="c-divider c-text-center"
class="divider text-center"
>
<cbutton-stub
activeclass="c-active"
class="c-text-muted"
activeclass="active"
class="text-muted"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
size="sm"
target="_self"
@@ -934,7 +934,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
<br />
<ctable-stub
class="c-mb-0 c-table-outline"
class="mb-0 table-outline"
defaultsorter="[object Object]"
fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
head-variant="light"
tests/unit/views/base/Breadcrumbs.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Breadcrumbs.vue', () => {
it('has a name', () => {
expect(Breadcrumbs.name).toMatch('breadcrumbs')
expect(Breadcrumbs.name).toBe('Breadcrumbs')
})
it('has a created hook', () => {
expect(typeof Breadcrumbs.data).toMatch('function')
tests/unit/views/base/Cards.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Cards.vue', () => {
it('has a name', () => {
expect(Cards.name).toMatch('cards')
expect(Cards.name).toBe('Cards')
})
it('has a created hook', () => {
expect(typeof Cards.data).toMatch('function')
tests/unit/views/base/Carousels.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Carousels.vue', () => {
it('has a name', () => {
expect(Carousels.name).toMatch('carousels')
expect(Carousels.name).toBe('Carousels')
})
it('is Carousels', () => {
const wrapper = shallowMount(Carousels)
tests/unit/views/base/Collapses.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Collapses.vue', () => {
it('has a name', () => {
expect(Collapses.name).toMatch('collapses')
expect(Collapses.name).toBe('Collapses')
})
it('has a created hook', () => {
expect(typeof Collapses.data).toMatch('function')
tests/unit/views/base/Forms.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Forms.vue', () => {
it('has a name', () => {
expect(Forms.name).toMatch('forms')
expect(Forms.name).toBe('Forms')
})
it('is Forms', () => {
const wrapper = shallowMount(Forms)
tests/unit/views/base/Jumbotrons.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Jumbotrons.vue', () => {
it('has a name', () => {
expect(Jumbotrons.name).toMatch('jumbotrons')
expect(Jumbotrons.name).toBe('Jumbotrons')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Jumbotrons)
tests/unit/views/base/ListGroups.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('ListGroups.vue', () => {
it('has a name', () => {
expect(ListGroups.name).toMatch('list-groups')
expect(ListGroups.name).toBe('ListGroups')
})
it('is Vue instance', () => {
const wrapper = shallowMount(ListGroups)
tests/unit/views/base/Navbars.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Navbars.vue', () => {
it('has a name', () => {
expect(Navbars.name).toMatch('navbars')
expect(Navbars.name).toBe('Navbars')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Navbars)
tests/unit/views/base/Navs.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Navs.vue', () => {
it('has a name', () => {
expect(Navs.name).toMatch('navs')
expect(Navs.name).toBe('Navs')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Navs)
tests/unit/views/base/Paginations.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Paginations.vue', () => {
it('has a name', () => {
expect(Paginations.name).toMatch('paginations')
expect(Paginations.name).toBe('Paginations')
})
it('has a created hook', () => {
expect(typeof Paginations.data).toMatch('function')
tests/unit/views/base/Popovers.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Popovers.vue', () => {
it('has a name', () => {
expect(Popovers.name).toMatch('popovers')
expect(Popovers.name).toBe('Popovers')
})
it('has a created hook', () => {
expect(typeof Popovers.data).toMatch('function')
tests/unit/views/base/ProgressBars.spec.js
+1 -1
View File
@@ -9,7 +9,7 @@ jest.useFakeTimers()
describe('ProgressBars.vue', () => {
it('has a name', () => {
expect(ProgressBars.name).toMatch('progress-bars')
expect(ProgressBars.name).toBe('ProgressBars')
})
it('has a created hook', () => {
expect(typeof ProgressBars.data).toMatch('function')
tests/unit/views/base/Switches.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Switches.vue', () => {
it('has a name', () => {
expect(Switches.name).toMatch('switches')
expect(Switches.name).toBe('Switches')
})
it('has a created hook', () => {
expect(typeof Switches.data).toMatch('function')
tests/unit/views/base/Table.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Table.vue', () => {
it('has a name', () => {
expect(Table.name).toMatch('TableWrapper')
expect(Table.name).toBe('Table')
})
it('is Vue instance', () => {
const wrapper = mount(Table)
tests/unit/views/base/Tables.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Tables.vue', () => {
it('has a name', () => {
expect(Tables.name).toMatch('tables')
expect(Tables.name).toBe('Tables')
})
it('is Vue instance', () => {
const wrapper = mount(Tables)
tests/unit/views/base/Tabs.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Tabs.vue', () => {
it('has a name', () => {
expect(Tabs.name).toMatch('tabs')
expect(Tabs.name).toBe('Tabs')
})
it('has a created hook', () => {
expect(typeof Tabs.data).toMatch('function')
tests/unit/views/base/Tooltips.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Tooltips.vue', () => {
it('has a name', () => {
expect(Tooltips.name).toMatch('tooltips')
expect(Tooltips.name).toBe('Tooltips')
})
it('has a created hook', () => {
expect(typeof Tooltips.data).toMatch('function')
tests/unit/views/base/__snapshots__/Breadcrumbs.spec.js.snap
+19 -25
View File
@@ -2,21 +2,17 @@
exports[`Breadcrumbs.vue renders correctly 1`] = `
<div
class="c-wrapper"
class="row"
>
<div>
<div
class="c-row"
class="col"
>
<div
class="c-col"
>
<div
class="c-card"
class="card"
>
<!---->
<header
class="c-card-header"
class="card-header"
>
<i
class="fa fa-align-justify"
@@ -26,7 +22,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
</strong>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -44,15 +40,15 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
<ol
class="c-breadcrumb"
class="breadcrumb"
>
<li
class="c-breadcrumb-item"
class="breadcrumb-item"
role="presentation"
>
<a
@@ -66,7 +62,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
</a>
</li>
<li
class="c-breadcrumb-item"
class="breadcrumb-item"
role="presentation"
>
<a
@@ -78,7 +74,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
</a>
</li>
<li
class="c-active c-breadcrumb-item"
class="active breadcrumb-item"
role="presentation"
>
<span>
@@ -88,10 +84,10 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
</ol>
<ol
class="c-breadcrumb"
class="breadcrumb"
>
<li
class="c-breadcrumb-item"
class="breadcrumb-item"
role="presentation"
>
<a
@@ -103,7 +99,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
</a>
</li>
<li
class="c-breadcrumb-item"
class="breadcrumb-item"
role="presentation"
>
<a
@@ -115,7 +111,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
</a>
</li>
<li
class="c-breadcrumb-item"
class="breadcrumb-item"
role="presentation"
>
<a
@@ -127,7 +123,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
</a>
</li>
<li
class="c-active c-breadcrumb-item"
class="active breadcrumb-item"
role="presentation"
>
<span>
@@ -137,10 +133,10 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
</ol>
<ol
class="c-breadcrumb"
class="breadcrumb"
>
<li
class="c-font-xl c-breadcrumb-item"
class="font-xl breadcrumb-item"
role="presentation"
>
<a
@@ -152,7 +148,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
</a>
</li>
<li
class="c-font-xl c-breadcrumb-item"
class="font-xl breadcrumb-item"
role="presentation"
>
<a
@@ -164,7 +160,7 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
</a>
</li>
<li
class="c-active c-font-xl c-text-danger c-breadcrumb-item"
class="active font-xl text-danger breadcrumb-item"
role="presentation"
>
<span>
@@ -176,7 +172,5 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
<!---->
</div>
</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
+24 -38
View File
@@ -2,21 +2,17 @@
exports[`Carousels.vue renders correctly 1`] = `
<div
class="c-wrapper"
class="row"
>
<div>
<div
class="c-row"
class="col-md-12 col-lg-7"
>
<div
class="c-col-md-12 c-col-lg-7"
>
<div
class="c-card"
class="card"
>
<!---->
<header
class="c-card-header"
class="card-header"
>
<i
class="fa fa-align-justify"
@@ -27,7 +23,7 @@ exports[`Carousels.vue renders correctly 1`] = `
</strong>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -45,19 +41,19 @@ exports[`Carousels.vue renders correctly 1`] = `
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
<div
class="c-carousel c-slide"
class="carousel slide"
style="height: 400px;"
>
<ol
class="c-carousel-indicators"
class="carousel-indicators"
>
<li
class="c-active"
class="active"
/>
<li
class=""
@@ -67,17 +63,17 @@ exports[`Carousels.vue renders correctly 1`] = `
/>
</ol>
<div
class="c-carousel-inner"
class="carousel-inner"
>
<div
class="c-carousel-item c-active"
class="carousel-item active"
>
<img
class="c-d-block c-w-100 c-h-100 c-img-fluid"
class="d-block w-100 h-100 img-fluid"
src="https://lorempixel.com/1024/480/technics/2/"
/>
<div
class="c-carousel-caption"
class="carousel-caption"
>
<h3>
First Slide
@@ -89,14 +85,14 @@ exports[`Carousels.vue renders correctly 1`] = `
</div>
<div
class="c-carousel-item"
class="carousel-item"
>
<svg
class="c-d-block c-w-100 c-h-100 c-img-fluid"
class="d-block w-100 h-100 img-fluid"
style="background-color: grey;"
/>
<div
class="c-carousel-caption"
class="carousel-caption"
>
<h3>
Blank page
@@ -108,45 +104,35 @@ exports[`Carousels.vue renders correctly 1`] = `
</div>
<div
class="c-carousel-item"
class="carousel-item"
>
<img
class="c-d-block c-w-100 c-h-100 c-img-fluid"
class="d-block w-100 h-100 img-fluid"
src="https://lorempixel.com/1024/480/technics/8/"
/>
<!---->
</div>
</div>
<a
class="c-carousel-control-prev"
class="carousel-control-prev"
>
<span
class="c-carousel-control-prev-icon"
aria-label="Previous"
class="carousel-control-prev-icon"
/>
<span
class="sr-only"
>
Previous
</span>
</a>
<a
class="c-carousel-control-next"
class="carousel-control-next"
>
<span
class="c-carousel-control-next-icon"
aria-label="Next"
class="carousel-control-next-icon"
/>
<span
class="sr-only"
>
Next
</span>
</a>
</div>
</div>
<!---->
</div>
</div>
</div>
</div>
</div>
`;
tests/unit/views/base/__snapshots__/Collapses.spec.js.snap
+23 -29
View File
@@ -2,21 +2,17 @@
exports[`Collapses.vue renders correctly 1`] = `
<div
class="c-wrapper"
class="row"
>
<div>
<div
class="c-row"
class="col-12 col-md-6"
>
<div
class="c-col-12 c-col-md-6"
>
<div
class="c-card"
class="card"
>
<!---->
<header
class="c-card-header"
class="card-header"
>
<i
class="fa fa-align-justify"
@@ -27,7 +23,7 @@ exports[`Collapses.vue renders correctly 1`] = `
</strong>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -45,12 +41,12 @@ exports[`Collapses.vue renders correctly 1`] = `
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
<button
class="c-btn c-btn-primary"
class="btn btn-primary"
id="collapse1"
type="button"
>
@@ -60,31 +56,31 @@ exports[`Collapses.vue renders correctly 1`] = `
</button>
<div
class="c-mt-2"
data-v-98918eb0=""
class="mt-2"
data-v-1b076234=""
style="display: none;"
>
<div
class="c-card"
data-v-98918eb0=""
class="card"
data-v-1b076234=""
>
<!---->
<div
class="c-card-body"
data-v-98918eb0=""
class="card-body"
data-v-1b076234=""
>
<!---->
<!---->
<p
class="c-card-text"
data-v-98918eb0=""
class="card-text"
data-v-1b076234=""
>
Collapse contents Here
</p>
<button
class="c-btn c-btn-secondary c-btn-sm"
data-v-98918eb0=""
class="btn btn-secondary btn-sm"
data-v-1b076234=""
id="collapse2"
type="button"
>
@@ -94,18 +90,18 @@ exports[`Collapses.vue renders correctly 1`] = `
</button>
<div
class="c-mt-2"
data-v-98918eb0=""
class="mt-2"
data-v-1b076234=""
style="display: none;"
>
<div
class="c-card"
data-v-98918eb0=""
class="card"
data-v-1b076234=""
>
<!---->
<div
class="c-card-body"
data-v-98918eb0=""
class="card-body"
data-v-1b076234=""
>
<!---->
<!---->
@@ -122,7 +118,5 @@ exports[`Collapses.vue renders correctly 1`] = `
<!---->
</div>
</div>
</div>
</div>
</div>
`;
tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap
+12 -16
View File
@@ -1,10 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Jumbotrons.vue renders correctly 1`] = `
<div
class="c-wrapper"
>
<div>
<div>
<crow-stub>
<ccol-stub
tag="div"
@@ -26,7 +23,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</strong>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -57,9 +54,9 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</p>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
target="_self"
@@ -107,7 +104,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
tag="div"
>
<p
class="c-lead"
class="lead"
slot="lead"
>
@@ -117,7 +114,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</p>
<hr
class="c-my-4"
class="my-4"
/>
<p>
@@ -128,9 +125,9 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</p>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
target="_self"
@@ -141,9 +138,9 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
target="_self"
@@ -195,7 +192,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
variant="info"
>
<p
class="c-lead"
class="lead"
slot="lead"
>
@@ -205,7 +202,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</p>
<hr
class="c-my-4"
class="my-4"
/>
<p>
@@ -219,6 +216,5 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</ccard-stub>
</ccol-stub>
</crow-stub>
</div>
</div>
`;
tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
+134 -138
View File
@@ -1,10 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ListGroups.vue renders correctly 1`] = `
<div
class="c-wrapper"
>
<div>
<div>
<crow-stub>
<ccol-stub
md="6"
@@ -27,7 +24,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
</strong>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -52,9 +49,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="div"
>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -63,9 +60,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -74,9 +71,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -85,9 +82,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -96,9 +93,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -141,9 +138,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="div"
>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -153,9 +150,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
<clistgroupitem-stub
active="true"
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -164,9 +161,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -175,9 +172,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -186,9 +183,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -235,10 +232,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="div"
>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
disabled="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -247,9 +244,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -258,9 +255,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -269,10 +266,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
disabled="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -281,9 +278,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -328,9 +325,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="div"
>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#some-link"
routertag="a"
tag="div"
@@ -341,9 +338,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
<clistgroupitem-stub
active="true"
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -353,9 +350,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -365,10 +362,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
disabled="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#foobar"
routertag="a"
tag="div"
@@ -416,9 +413,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="div"
>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="button"
target="_self"
@@ -427,9 +424,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="button"
target="_self"
@@ -438,10 +435,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
disabled="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="button"
target="_self"
@@ -450,9 +447,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="button"
target="_self"
@@ -497,10 +494,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="div"
>
<clistgroupitem-stub
activeclass="c-active"
class="c-d-flex c-justify-content-between c-align-items-center"
activeclass="active"
class="d-flex justify-content-between align-items-center"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -509,9 +506,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
Cras justo odio
<cbadge-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
pill="true"
routertag="a"
tag="span"
@@ -523,10 +520,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
class="c-d-flex c-justify-content-between c-align-items-center"
activeclass="active"
class="d-flex justify-content-between align-items-center"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -535,9 +532,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
Dapibus ac facilisis in
<cbadge-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
pill="true"
routertag="a"
tag="span"
@@ -549,10 +546,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
class="c-d-flex c-justify-content-between c-align-items-center"
activeclass="active"
class="d-flex justify-content-between align-items-center"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -561,9 +558,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
Morbi leo risus
<cbadge-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
pill="true"
routertag="a"
tag="span"
@@ -613,9 +610,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="div"
>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -624,9 +621,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -636,9 +633,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -648,9 +645,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -660,9 +657,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -672,9 +669,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -684,9 +681,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -696,9 +693,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -708,9 +705,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="div"
target="_self"
@@ -756,9 +753,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="div"
>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -768,9 +765,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -781,9 +778,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -794,9 +791,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -807,9 +804,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -820,9 +817,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -833,9 +830,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -846,9 +843,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -859,9 +856,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -918,9 +915,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="div"
>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -930,9 +927,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -942,9 +939,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -955,7 +952,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroup-stub>
<p
class="c-card-text c-mt-2"
class="card-text mt-2"
>
Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex
@@ -976,9 +973,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
tag="div"
>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -988,9 +985,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -1000,9 +997,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
@@ -1063,20 +1060,20 @@ exports[`ListGroups.vue renders correctly 1`] = `
>
<clistgroupitem-stub
active="true"
activeclass="c-active"
class="c-flex-column c-align-items-start"
activeclass="active"
class="flex-column align-items-start"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
target="_self"
>
<div
class="c-d-flex c-w-100 c-justify-content-between"
class="d-flex w-100 justify-content-between"
>
<h5
class="c-mb-1"
class="mb-1"
>
List group item heading
</h5>
@@ -1087,7 +1084,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
</div>
<p
class="c-mb-1"
class="mb-1"
>
Donec id elit non mi porta gravida at eget metus. Maecenas
@@ -1101,33 +1098,33 @@ exports[`ListGroups.vue renders correctly 1`] = `
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
class="c-flex-column c-align-items-start"
activeclass="active"
class="flex-column align-items-start"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
target="_self"
>
<div
class="c-d-flex c-w-100 c-justify-content-between"
class="d-flex w-100 justify-content-between"
>
<h5
class="c-mb-1"
class="mb-1"
>
List group item heading
</h5>
<small
class="c-text-muted"
class="text-muted"
>
3 days ago
</small>
</div>
<p
class="c-mb-1"
class="mb-1"
>
Donec id elit non mi porta gravida at eget metus. Maecenas
@@ -1136,41 +1133,41 @@ exports[`ListGroups.vue renders correctly 1`] = `
</p>
<small
class="c-text-muted"
class="text-muted"
>
Donec id elit non mi porta.
</small>
</clistgroupitem-stub>
<clistgroupitem-stub
activeclass="c-active"
class="c-flex-column c-align-items-start"
activeclass="active"
class="flex-column align-items-start"
disabled="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="div"
target="_self"
>
<div
class="c-d-flex c-w-100 c-justify-content-between"
class="d-flex w-100 justify-content-between"
>
<h5
class="c-mb-1"
class="mb-1"
>
Disabled List group item
</h5>
<small
class="c-text-muted"
class="text-muted"
>
3 days ago
</small>
</div>
<p
class="c-mb-1"
class="mb-1"
>
Donec id elit non mi porta gravida at eget metus. Maecenas
@@ -1179,7 +1176,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
</p>
<small
class="c-text-muted"
class="text-muted"
>
Donec id elit non mi porta.
</small>
@@ -1189,6 +1186,5 @@ exports[`ListGroups.vue renders correctly 1`] = `
</ccard-stub>
</ccol-stub>
</crow-stub>
</div>
</div>
`;
tests/unit/views/base/__snapshots__/Navbars.spec.js.snap
+52 -56
View File
@@ -1,10 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Navbars.vue renders correctly 1`] = `
<div
class="c-wrapper"
>
<div>
<div>
<ccard-stub
subtitletag="h6"
titletag="h4"
@@ -22,7 +19,7 @@ exports[`Navbars.vue renders correctly 1`] = `
</strong>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -51,9 +48,9 @@ exports[`Navbars.vue renders correctly 1`] = `
<cnavbartoggle-stub />
<cnavbarbrand-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
target="_self"
@@ -70,9 +67,9 @@ exports[`Navbars.vue renders correctly 1`] = `
tag="ul"
>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="span"
@@ -82,10 +79,10 @@ exports[`Navbars.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
disabled="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="span"
@@ -96,14 +93,14 @@ exports[`Navbars.vue renders correctly 1`] = `
</cnavbarnav-stub>
<cnavbarnav-stub
class="c-ml-auto"
class="ml-auto"
tag="ul"
>
<cform-stub
inline="true"
>
<cforminput-stub
class="c-mr-sm-2"
class="mr-sm-2"
lazy="400"
placeholder="Search"
size="sm"
@@ -111,10 +108,10 @@ exports[`Navbars.vue renders correctly 1`] = `
/>
<cbutton-stub
activeclass="c-active"
class="c-my-2 c-my-sm-0"
activeclass="active"
class="my-2 my-sm-0"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
size="sm"
target="_self"
@@ -134,9 +131,9 @@ exports[`Navbars.vue renders correctly 1`] = `
togglertext="Dropdown"
>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -144,9 +141,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -154,9 +151,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -164,9 +161,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -181,9 +178,9 @@ exports[`Navbars.vue renders correctly 1`] = `
togglertext="Dropdown"
>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -191,9 +188,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -237,16 +234,16 @@ exports[`Navbars.vue renders correctly 1`] = `
variant="faded"
>
<cnavbarbrand-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
target="_self"
>
<img
alt="CoreuiVue"
class="c-d-inline-block c-align-top"
class="d-inline-block align-top"
src="https://placekitten.com/g/30/30"
/>
@@ -291,9 +288,9 @@ exports[`Navbars.vue renders correctly 1`] = `
<cnavbartoggle-stub />
<cnavbarbrand-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -309,7 +306,7 @@ exports[`Navbars.vue renders correctly 1`] = `
tag="ul"
>
<span
class="c-navbar-text"
class="navbar-text"
>
Navbar text
</span>
@@ -360,9 +357,9 @@ exports[`Navbars.vue renders correctly 1`] = `
tag="ul"
>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="span"
@@ -372,9 +369,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="span"
@@ -391,9 +388,9 @@ exports[`Navbars.vue renders correctly 1`] = `
togglertext="Dropdown"
>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -401,9 +398,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -411,9 +408,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -421,9 +418,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -439,9 +436,9 @@ exports[`Navbars.vue renders correctly 1`] = `
togglertext="Dropdown"
>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -449,9 +446,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -498,7 +495,7 @@ exports[`Navbars.vue renders correctly 1`] = `
inline="true"
>
<cforminput-stub
class="c-mr-sm-2"
class="mr-sm-2"
lazy="400"
placeholder="Search"
size="sm"
@@ -506,10 +503,10 @@ exports[`Navbars.vue renders correctly 1`] = `
/>
<cbutton-stub
activeclass="c-active"
class="c-my-2 c-my-sm-0"
activeclass="active"
class="my-2 my-sm-0"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="submit"
@@ -556,7 +553,7 @@ exports[`Navbars.vue renders correctly 1`] = `
inline="true"
>
<cforminput-stub
class="c-mr-sm-2"
class="mr-sm-2"
lazy="400"
placeholder="Username"
type="text"
@@ -565,6 +562,5 @@ exports[`Navbars.vue renders correctly 1`] = `
</cnavbar-stub>
</ccardbody-stub>
</ccard-stub>
</div>
</div>
`;
tests/unit/views/base/__snapshots__/Navs.spec.js.snap
+69 -73
View File
@@ -1,10 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Navs.vue renders correctly 1`] = `
<div
class="c-wrapper"
>
<div>
<div>
<ccard-stub
subtitletag="h6"
titletag="h4"
@@ -21,7 +18,7 @@ exports[`Navs.vue renders correctly 1`] = `
</strong>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -45,9 +42,9 @@ exports[`Navs.vue renders correctly 1`] = `
<cnav-stub>
<cnavitem-stub
active="true"
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -56,9 +53,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -66,9 +63,9 @@ exports[`Navs.vue renders correctly 1`] = `
/>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -77,10 +74,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
disabled="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -119,9 +116,9 @@ exports[`Navs.vue renders correctly 1`] = `
<cnav-stub>
<cnavitem-stub
active="true"
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -132,9 +129,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -145,9 +142,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -158,10 +155,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
disabled="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -202,9 +199,9 @@ exports[`Navs.vue renders correctly 1`] = `
>
<cnavitem-stub
active="true"
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -215,9 +212,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -228,9 +225,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -241,10 +238,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
disabled="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -285,9 +282,9 @@ exports[`Navs.vue renders correctly 1`] = `
>
<cnavitem-stub
active="true"
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -296,9 +293,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -307,9 +304,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -318,10 +315,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
disabled="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -363,9 +360,9 @@ exports[`Navs.vue renders correctly 1`] = `
>
<cnavitem-stub
active="true"
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -374,9 +371,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -385,9 +382,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -396,10 +393,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
disabled="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -441,9 +438,9 @@ exports[`Navs.vue renders correctly 1`] = `
>
<cnavitem-stub
active="true"
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -452,9 +449,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -463,9 +460,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -474,10 +471,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
disabled="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -518,9 +515,9 @@ exports[`Navs.vue renders correctly 1`] = `
>
<cnavitem-stub
active="true"
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -529,9 +526,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -547,9 +544,9 @@ exports[`Navs.vue renders correctly 1`] = `
togglertext="Dropdown"
>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -557,9 +554,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -571,9 +568,9 @@ exports[`Navs.vue renders correctly 1`] = `
/>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -611,7 +608,7 @@ exports[`Navs.vue renders correctly 1`] = `
>
<crow-stub>
<ccol-stub
class="c-m-0"
class="m-0"
col="3"
tag="div"
>
@@ -621,9 +618,9 @@ exports[`Navs.vue renders correctly 1`] = `
>
<cnavitem-stub
active="true"
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -632,9 +629,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -643,9 +640,9 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -654,10 +651,10 @@ exports[`Navs.vue renders correctly 1`] = `
</cnavitem-stub>
<cnavitem-stub
activeclass="c-active"
activeclass="active"
disabled="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -669,6 +666,5 @@ exports[`Navs.vue renders correctly 1`] = `
</crow-stub>
</ccardbody-stub>
</ccard-stub>
</div>
</div>
`;
tests/unit/views/base/__snapshots__/Paginations.spec.js.snap
+2 -6
View File
@@ -1,10 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Paginations.vue renders correctly 1`] = `
<div
class="c-wrapper"
>
<div>
<div>
<ccard-stub
subtitletag="h6"
titletag="h4"
@@ -22,7 +19,7 @@ exports[`Paginations.vue renders correctly 1`] = `
</strong>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -191,6 +188,5 @@ exports[`Paginations.vue renders correctly 1`] = `
</div>
</ccardbody-stub>
</ccard-stub>
</div>
</div>
`;
tests/unit/views/base/__snapshots__/ProgressBars.spec.js.snap
+60 -59
View File
@@ -1,10 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ProgressBars.vue renders correctly 1`] = `
<div
class="c-wrapper"
>
<div>
<div>
<ccard-stub
subtitletag="h6"
titletag="h4"
@@ -22,7 +19,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</strong>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -52,10 +49,11 @@ exports[`ProgressBars.vue renders correctly 1`] = `
/>
<cprogress-stub
class="c-mt-1"
class="mt-1"
max="100"
precision="0"
showvalue="true"
value="0"
>
<cprogressbar-stub
max="100"
@@ -80,10 +78,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</cprogress-stub>
<cbutton-stub
activeclass="c-active"
class="c-mt-4"
activeclass="active"
class="mt-4"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -125,7 +123,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</h6>
<cprogress-stub
class="c-mb-3"
class="mb-3"
max="50"
precision="0"
value="33.333333333"
@@ -136,7 +134,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</h6>
<cprogress-stub
class="c-mb-3"
class="mb-3"
max="50"
precision="0"
showvalue="true"
@@ -148,7 +146,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</h6>
<cprogress-stub
class="c-mb-3"
class="mb-3"
max="50"
precision="0"
showprogress="true"
@@ -160,7 +158,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</h6>
<cprogress-stub
class="c-mb-3"
class="mb-3"
max="50"
precision="2"
showvalue="true"
@@ -172,7 +170,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</h6>
<cprogress-stub
class="c-mb-3"
class="mb-3"
max="50"
precision="2"
showprogress="true"
@@ -211,7 +209,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</h6>
<cprogress-stub
class="c-mb-3"
class="mb-3"
max="100"
precision="0"
value="75"
@@ -222,21 +220,21 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</h6>
<cprogress-stub
class="c-w-75 c-mb-2"
class="w-75 mb-2"
max="100"
precision="0"
value="75"
/>
<cprogress-stub
class="c-w-50 c-mb-2"
class="w-50 mb-2"
max="100"
precision="0"
value="75"
/>
<cprogress-stub
class="c-w-25"
class="w-25"
max="100"
precision="0"
value="75"
@@ -274,7 +272,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</h6>
<cprogress-stub
class="c-mb-3"
class="mb-3"
max="100"
precision="0"
showprogress="true"
@@ -286,7 +284,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</h6>
<cprogress-stub
class="c-mb-2"
class="mb-2"
height="2rem"
max="100"
precision="0"
@@ -295,7 +293,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
/>
<cprogress-stub
class="c-mb-2"
class="mb-2"
height="20px"
max="100"
precision="0"
@@ -338,16 +336,16 @@ exports[`ProgressBars.vue renders correctly 1`] = `
titletag="h4"
>
<div
class="c-row c-mb-1"
class="row mb-1"
>
<div
class="c-col-sm-2"
class="col-sm-2"
>
success:
</div>
<div
class="c-col-sm-10 c-pt-1"
class="col-sm-10 pt-1"
>
<cprogress-stub
max="100"
@@ -358,16 +356,16 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</div>
</div>
<div
class="c-row c-mb-1"
class="row mb-1"
>
<div
class="c-col-sm-2"
class="col-sm-2"
>
info:
</div>
<div
class="c-col-sm-10 c-pt-1"
class="col-sm-10 pt-1"
>
<cprogress-stub
max="100"
@@ -378,16 +376,16 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</div>
</div>
<div
class="c-row c-mb-1"
class="row mb-1"
>
<div
class="c-col-sm-2"
class="col-sm-2"
>
warning:
</div>
<div
class="c-col-sm-10 c-pt-1"
class="col-sm-10 pt-1"
>
<cprogress-stub
max="100"
@@ -398,16 +396,16 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</div>
</div>
<div
class="c-row c-mb-1"
class="row mb-1"
>
<div
class="c-col-sm-2"
class="col-sm-2"
>
danger:
</div>
<div
class="c-col-sm-10 c-pt-1"
class="col-sm-10 pt-1"
>
<cprogress-stub
max="100"
@@ -418,16 +416,16 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</div>
</div>
<div
class="c-row c-mb-1"
class="row mb-1"
>
<div
class="c-col-sm-2"
class="col-sm-2"
>
primary:
</div>
<div
class="c-col-sm-10 c-pt-1"
class="col-sm-10 pt-1"
>
<cprogress-stub
max="100"
@@ -438,16 +436,16 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</div>
</div>
<div
class="c-row c-mb-1"
class="row mb-1"
>
<div
class="c-col-sm-2"
class="col-sm-2"
>
secondary:
</div>
<div
class="c-col-sm-10 c-pt-1"
class="col-sm-10 pt-1"
>
<cprogress-stub
max="100"
@@ -458,16 +456,16 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</div>
</div>
<div
class="c-row c-mb-1"
class="row mb-1"
>
<div
class="c-col-sm-2"
class="col-sm-2"
>
dark:
</div>
<div
class="c-col-sm-10 c-pt-1"
class="col-sm-10 pt-1"
>
<cprogress-stub
max="100"
@@ -506,7 +504,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
titletag="h4"
>
<cprogress-stub
class="c-mb-2"
class="mb-2"
max="100"
precision="0"
striped="true"
@@ -515,7 +513,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
/>
<cprogress-stub
class="c-mb-2"
class="mb-2"
max="100"
precision="0"
striped="true"
@@ -524,7 +522,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
/>
<cprogress-stub
class="c-mb-2"
class="mb-2"
max="100"
precision="0"
striped="true"
@@ -533,7 +531,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
/>
<cprogress-stub
class="c-mb-2"
class="mb-2"
max="100"
precision="0"
striped="true"
@@ -542,9 +540,9 @@ exports[`ProgressBars.vue renders correctly 1`] = `
/>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -584,7 +582,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
>
<cprogress-stub
animated="true"
class="c-mb-2"
class="mb-2"
max="100"
precision="0"
striped="true"
@@ -594,7 +592,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
<cprogress-stub
animated="true"
class="c-mb-2"
class="mb-2"
max="100"
precision="0"
striped="true"
@@ -604,7 +602,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
<cprogress-stub
animated="true"
class="c-mb-2"
class="mb-2"
max="100"
precision="0"
striped="true"
@@ -614,7 +612,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
<cprogress-stub
animated="true"
class="c-mb-3"
class="mb-3"
max="100"
precision="0"
value="100"
@@ -622,9 +620,9 @@ exports[`ProgressBars.vue renders correctly 1`] = `
/>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -663,9 +661,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
titletag="h4"
>
<cprogress-stub
class="c-mb-3"
class="mb-3"
max="100"
precision="0"
value="0"
>
<cprogressbar-stub
max="100"
@@ -690,10 +689,11 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</cprogress-stub>
<cprogress-stub
class="c-mb-3"
class="mb-3"
max="100"
precision="0"
showprogress="true"
value="0"
>
<cprogressbar-stub
max="100"
@@ -718,11 +718,12 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</cprogress-stub>
<cprogress-stub
class="c-mb-3"
class="mb-3"
max="100"
precision="0"
showvalue="true"
striped="true"
value="0"
>
<cprogressbar-stub
max="100"
@@ -747,9 +748,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</cprogress-stub>
<cprogress-stub
class="c-mb-3"
class="mb-3"
max="100"
precision="0"
value="0"
>
<cprogressbar-stub
max="100"
@@ -779,6 +781,5 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</cprogress-stub>
</ccardbody-stub>
</ccard-stub>
</div>
</div>
`;
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
+48 -52
View File
@@ -1,10 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Tooltips.vue renders correctly 1`] = `
<div
class="c-wrapper"
>
<div>
<div>
<ccard-stub
subtitletag="h6"
titletag="h4"
@@ -29,7 +26,7 @@ exports[`Tooltips.vue renders correctly 1`] = `
</small>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -56,12 +53,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<div
class="c-text-center c-my-3"
class="text-center my-3"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -79,12 +76,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<div
class="c-text-center c-my-3"
class="text-center my-3"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -102,12 +99,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
tag="div"
>
<div
class="c-text-center c-my-3"
class="text-center my-3"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -149,18 +146,18 @@ exports[`Tooltips.vue renders correctly 1`] = `
titletag="h4"
>
<div
class="c-my-3"
class="my-3"
>
<crow-stub>
<ccol-stub
class="c-py-4 c-text-center"
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -172,14 +169,14 @@ exports[`Tooltips.vue renders correctly 1`] = `
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -191,14 +188,14 @@ exports[`Tooltips.vue renders correctly 1`] = `
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -210,14 +207,14 @@ exports[`Tooltips.vue renders correctly 1`] = `
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -229,14 +226,14 @@ exports[`Tooltips.vue renders correctly 1`] = `
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -248,14 +245,14 @@ exports[`Tooltips.vue renders correctly 1`] = `
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -267,14 +264,14 @@ exports[`Tooltips.vue renders correctly 1`] = `
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -286,14 +283,14 @@ exports[`Tooltips.vue renders correctly 1`] = `
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -305,14 +302,14 @@ exports[`Tooltips.vue renders correctly 1`] = `
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -324,14 +321,14 @@ exports[`Tooltips.vue renders correctly 1`] = `
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -343,14 +340,14 @@ exports[`Tooltips.vue renders correctly 1`] = `
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -362,14 +359,14 @@ exports[`Tooltips.vue renders correctly 1`] = `
</cbutton-stub>
</ccol-stub>
<ccol-stub
class="c-py-4 c-text-center"
class="py-4 text-center"
md="4"
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -384,6 +381,5 @@ exports[`Tooltips.vue renders correctly 1`] = `
</div>
</ccardbody-stub>
</ccard-stub>
</div>
</div>
`;
tests/unit/views/buttons/BrandButtons.spec.js
+1 -1
View File
@@ -11,7 +11,7 @@ Vue.use(CoreuiVue)
describe('BrandButtons.vue', () => {
it('has a name', () => {
expect(BrandButtons.name).toMatch('brand-buttons')
expect(BrandButtons.name).toBe('BrandButtons')
})
it('is Vue instance', () => {
const wrapper = shallowMount(BrandButtons)
tests/unit/views/buttons/ButtonDropdowns.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Dropdowns.vue', () => {
it('has a name', () => {
expect(Dropdowns.name).toMatch('Dropdowns')
expect(Dropdowns.name).toBe('Dropdowns')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Dropdowns)
tests/unit/views/buttons/ButtonGroups.spec.js
+1 -1
View File
@@ -8,7 +8,7 @@ Vue.use(CoreuiVue)
describe('ButtonGroups.vue', () => {
const wrapper = shallowMount(ButtonGroups)
it('has a name', () => {
expect(ButtonGroups.name).toMatch('button-groups')
expect(ButtonGroups.name).toBe('ButtonGroups')
})
it('is Vue instance', () => {
expect(wrapper.isVueInstance()).toBe(true)
tests/unit/views/buttons/StandardButtons.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('StandardButtons.vue', () => {
it('has a name', () => {
expect(StandardButtons.name).toMatch('standard-buttons')
expect(StandardButtons.name).toBe('StandardButtons')
})
it('has a created hook', () => {
expect(typeof StandardButtons.data).toMatch('function')
tests/unit/views/buttons/__snapshots__/BrandButtons.spec.js.snap
+173 -192
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/buttons/__snapshots__/ButtonDropdowns.spec.js.snap
+179 -183
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap
+126 -132
View File
@@ -1,11 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ButtonGroups.vue renders correctly 1`] = `
<div
class="c-wrapper"
>
<div>
<crow-stub>
<crow-stub>
<ccol-stub
col="12"
tag="div"
@@ -27,7 +23,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</strong>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -51,9 +47,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<div>
<cbuttongroup-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -63,9 +59,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -75,9 +71,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -87,9 +83,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -99,10 +95,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
class="c-d-sm-down-none"
activeclass="active"
class="d-sm-down-none"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -117,10 +113,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cbuttongroup-stub>
<cbutton-stub
activeclass="c-active"
class="c-d-sm-down-none"
activeclass="active"
class="d-sm-down-none"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -130,9 +126,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -142,9 +138,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -154,10 +150,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
class="c-d-sm-down-none"
activeclass="active"
class="d-sm-down-none"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -167,9 +163,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -179,9 +175,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -225,9 +221,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<div>
<cbuttongroup-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -237,9 +233,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -249,9 +245,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -268,9 +264,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
size="sm"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -280,9 +276,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -292,9 +288,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -311,9 +307,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
size="lg"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -323,9 +319,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -335,9 +331,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -380,10 +376,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<div>
<cbuttongroup-stub>
<cbutton-stub
activeclass="c-active"
class="c-d-sm-down-none"
activeclass="active"
class="d-sm-down-none"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -393,10 +389,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
class="c-d-sm-down-none"
activeclass="active"
class="d-sm-down-none"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -413,9 +409,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
variant="success"
>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -423,9 +419,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -437,9 +433,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
/>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -448,10 +444,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdown-stub>
<cbutton-stub
activeclass="c-active"
class="c-d-sm-down-none"
activeclass="active"
class="d-sm-down-none"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -469,9 +465,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
variant="info"
>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -479,9 +475,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -493,9 +489,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
/>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -540,9 +536,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
vertical="true"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -552,9 +548,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -564,9 +560,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -614,13 +610,13 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
aria-label="Toolbar with button groups"
>
<cbuttongroup-stub
class="c-mx-1"
class="mx-1"
>
<cbutton-stub
activeclass="c-active"
class="c-d-sm-down-none"
activeclass="active"
class="d-sm-down-none"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -630,9 +626,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -643,13 +639,13 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbuttongroup-stub>
<cbuttongroup-stub
class="c-mx-1"
class="mx-1"
>
<cbutton-stub
activeclass="c-active"
class="c-d-sm-down-none"
activeclass="active"
class="d-sm-down-none"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -659,9 +655,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -671,9 +667,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -684,12 +680,12 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbuttongroup-stub>
<cbuttongroup-stub
class="c-mx-1"
class="mx-1"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -699,10 +695,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
class="c-d-sm-down-none"
activeclass="active"
class="d-sm-down-none"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -715,22 +711,22 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</div>
<hr
class="c-d-sm-down-none"
class="d-sm-down-none"
/>
<div>
<cbuttontoolbar-stub
aria-label="Toolbar with button groups and input groups"
class="c-d-sm-down-none"
class="d-sm-down-none"
>
<cbuttongroup-stub
class="c-mx-1"
class="mx-1"
size="sm"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -740,9 +736,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -754,7 +750,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cforminput-stub
appendhtml=".00"
class="c-mb-0 c-w-25 c-mx-1"
class="mb-0 w-25 mx-1"
lazy="400"
prependhtml="$"
size="sm"
@@ -763,7 +759,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
/>
<cformselect-stub
class="c-mb-0 c-w-25 c-mx-1"
class="mb-0 w-25 mx-1"
custom="true"
options="Large,Medium,Small"
prependhtml="Size"
@@ -772,13 +768,13 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
/>
<cbuttongroup-stub
class="c-mx-1"
class="mx-1"
size="sm"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -788,9 +784,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -809,12 +805,12 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
aria-label="Toolbar with button groups and dropdown menu"
>
<cbuttongroup-stub
class="c-mx-1 c-d-sm-down-none"
class="mx-1 d-sm-down-none"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -824,9 +820,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -836,9 +832,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -850,15 +846,15 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cdropdown-stub
button-content="Menu"
class="c-mx-1"
class="mx-1"
placement="bottom-end"
togglertext="Dropdown"
variant="secondary"
>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -866,9 +862,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -876,9 +872,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
>
@@ -887,12 +883,12 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cdropdown-stub>
<cbuttongroup-stub
class="c-mx-1"
class="mx-1"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -902,9 +898,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -918,7 +914,5 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
</crow-stub>
</div>
</div>
</crow-stub>
`;
tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap
+537 -537
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/icons/Brands.spec.js
+1 -1
View File
@@ -9,7 +9,7 @@ Vue.use(CoreuiVue)
describe('Brands.vue', () => {
it('has a name', () => {
expect(Brands.name).toMatch('Brands')
expect(Brands.name).toBe('Brands')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Brands)
tests/unit/views/icons/CoreUIIcons.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('CoreUIIcons.vue', () => {
it('has a name', () => {
expect(CoreUIIcons.name).toMatch('CoreUIIcons')
expect(CoreUIIcons.name).toBe('CoreUIIcons')
})
it('is Vue instance', () => {
const wrapper = shallowMount(CoreUIIcons)
tests/unit/views/icons/Flags.spec.js
+1 -1
View File
@@ -9,7 +9,7 @@ Vue.use(CIconPlugin)
describe('Flags.vue', () => {
it('has a name', () => {
expect(Flags.name).toMatch('flags')
expect(Flags.name).toBe('Flags')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Flags)
tests/unit/views/icons/__snapshots__/Brands.spec.js.snap
+432 -432
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/icons/__snapshots__/CoreUIIcons.spec.js.snap
+106 -106
View File
@@ -16,9 +16,9 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
CoreUI Icons
<cbadge-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
@@ -28,16 +28,16 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
</cbadge-stub>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="c-card-header-action"
class="card-header-action"
href="https://github.com/coreui/coreui-icons"
rel="noreferrer noopener"
target="_blank"
>
<small
class="c-text-muted"
class="text-muted"
>
Github
</small>
@@ -50,7 +50,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
titletag="h4"
>
<crow-stub
class="c-text-center "
class="text-center "
>
<ccol-stub
col="6"
@@ -60,7 +60,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-account-logout c-icons c-font-2xl c-d-block c-mt-4"
class="cui-account-logout icons font-2xl d-block mt-4"
/>
<div>
@@ -76,7 +76,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-action-redo c-icons c-font-2xl c-d-block c-mt-4"
class="cui-action-redo icons font-2xl d-block mt-4"
/>
<div>
@@ -92,7 +92,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-action-undo c-icons c-font-2xl c-d-block c-mt-4"
class="cui-action-undo icons font-2xl d-block mt-4"
/>
<div>
@@ -108,7 +108,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-align-center c-icons c-font-2xl c-d-block c-mt-4"
class="cui-align-center icons font-2xl d-block mt-4"
/>
<div>
@@ -124,7 +124,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-align-left c-icons c-font-2xl c-d-block c-mt-4"
class="cui-align-left icons font-2xl d-block mt-4"
/>
<div>
@@ -140,7 +140,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-align-right c-icons c-font-2xl c-d-block c-mt-4"
class="cui-align-right icons font-2xl d-block mt-4"
/>
<div>
@@ -156,7 +156,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-arrow-bottom c-icons c-font-2xl c-d-block c-mt-4"
class="cui-arrow-bottom icons font-2xl d-block mt-4"
/>
<div>
@@ -172,7 +172,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-arrow-left c-icons c-font-2xl c-d-block c-mt-4"
class="cui-arrow-left icons font-2xl d-block mt-4"
/>
<div>
@@ -188,7 +188,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-arrow-right c-icons c-font-2xl c-d-block c-mt-4"
class="cui-arrow-right icons font-2xl d-block mt-4"
/>
<div>
@@ -204,7 +204,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-arrow-top c-icons c-font-2xl c-d-block c-mt-4"
class="cui-arrow-top icons font-2xl d-block mt-4"
/>
<div>
@@ -220,7 +220,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-ban c-icons c-font-2xl c-d-block c-mt-4"
class="cui-ban icons font-2xl d-block mt-4"
/>
<div>
@@ -236,7 +236,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-basket-loaded c-icons c-font-2xl c-d-block c-mt-4"
class="cui-basket-loaded icons font-2xl d-block mt-4"
/>
<div>
@@ -252,7 +252,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-bell c-icons c-font-2xl c-d-block c-mt-4"
class="cui-bell icons font-2xl d-block mt-4"
/>
<div>
@@ -268,7 +268,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-bold c-icons c-font-2xl c-d-block c-mt-4"
class="cui-bold icons font-2xl d-block mt-4"
/>
<div>
@@ -284,7 +284,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-bookmark c-icons c-font-2xl c-d-block c-mt-4"
class="cui-bookmark icons font-2xl d-block mt-4"
/>
<div>
@@ -300,7 +300,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-briefcase c-icons c-font-2xl c-d-block c-mt-4"
class="cui-briefcase icons font-2xl d-block mt-4"
/>
<div>
@@ -316,7 +316,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-british-pound c-icons c-font-2xl c-d-block c-mt-4"
class="cui-british-pound icons font-2xl d-block mt-4"
/>
<div>
@@ -332,7 +332,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-brush c-icons c-font-2xl c-d-block c-mt-4"
class="cui-brush icons font-2xl d-block mt-4"
/>
<div>
@@ -348,7 +348,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-calculator c-icons c-font-2xl c-d-block c-mt-4"
class="cui-calculator icons font-2xl d-block mt-4"
/>
<div>
@@ -364,7 +364,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-calendar c-icons c-font-2xl c-d-block c-mt-4"
class="cui-calendar icons font-2xl d-block mt-4"
/>
<div>
@@ -380,7 +380,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-cart c-icons c-font-2xl c-d-block c-mt-4"
class="cui-cart icons font-2xl d-block mt-4"
/>
<div>
@@ -396,7 +396,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-chart c-icons c-font-2xl c-d-block c-mt-4"
class="cui-chart icons font-2xl d-block mt-4"
/>
<div>
@@ -412,7 +412,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-check c-icons c-font-2xl c-d-block c-mt-4"
class="cui-check icons font-2xl d-block mt-4"
/>
<div>
@@ -428,7 +428,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-chevron-bottom c-icons c-font-2xl c-d-block c-mt-4"
class="cui-chevron-bottom icons font-2xl d-block mt-4"
/>
<div>
@@ -444,7 +444,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-chevron-left c-icons c-font-2xl c-d-block c-mt-4"
class="cui-chevron-left icons font-2xl d-block mt-4"
/>
<div>
@@ -460,7 +460,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-chevron-right c-icons c-font-2xl c-d-block c-mt-4"
class="cui-chevron-right icons font-2xl d-block mt-4"
/>
<div>
@@ -476,7 +476,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-chevron-top c-icons c-font-2xl c-d-block c-mt-4"
class="cui-chevron-top icons font-2xl d-block mt-4"
/>
<div>
@@ -492,7 +492,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-circle-check c-icons c-font-2xl c-d-block c-mt-4"
class="cui-circle-check icons font-2xl d-block mt-4"
/>
<div>
@@ -508,7 +508,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-circle-x c-icons c-font-2xl c-d-block c-mt-4"
class="cui-circle-x icons font-2xl d-block mt-4"
/>
<div>
@@ -524,7 +524,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-cloud c-icons c-font-2xl c-d-block c-mt-4"
class="cui-cloud icons font-2xl d-block mt-4"
/>
<div>
@@ -540,7 +540,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-cloud-download c-icons c-font-2xl c-d-block c-mt-4"
class="cui-cloud-download icons font-2xl d-block mt-4"
/>
<div>
@@ -556,7 +556,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-cloud-upload c-icons c-font-2xl c-d-block c-mt-4"
class="cui-cloud-upload icons font-2xl d-block mt-4"
/>
<div>
@@ -572,7 +572,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-code c-icons c-font-2xl c-d-block c-mt-4"
class="cui-code icons font-2xl d-block mt-4"
/>
<div>
@@ -588,7 +588,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-cog c-icons c-font-2xl c-d-block c-mt-4"
class="cui-cog icons font-2xl d-block mt-4"
/>
<div>
@@ -604,7 +604,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-comment-square c-icons c-font-2xl c-d-block c-mt-4"
class="cui-comment-square icons font-2xl d-block mt-4"
/>
<div>
@@ -620,7 +620,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-credit-card c-icons c-font-2xl c-d-block c-mt-4"
class="cui-credit-card icons font-2xl d-block mt-4"
/>
<div>
@@ -636,7 +636,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-cursor c-icons c-font-2xl c-d-block c-mt-4"
class="cui-cursor icons font-2xl d-block mt-4"
/>
<div>
@@ -652,7 +652,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-dashboard c-icons c-font-2xl c-d-block c-mt-4"
class="cui-dashboard icons font-2xl d-block mt-4"
/>
<div>
@@ -668,7 +668,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-delete c-icons c-font-2xl c-d-block c-mt-4"
class="cui-delete icons font-2xl d-block mt-4"
/>
<div>
@@ -684,7 +684,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-dollar c-icons c-font-2xl c-d-block c-mt-4"
class="cui-dollar icons font-2xl d-block mt-4"
/>
<div>
@@ -700,7 +700,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-drop c-icons c-font-2xl c-d-block c-mt-4"
class="cui-drop icons font-2xl d-block mt-4"
/>
<div>
@@ -716,7 +716,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-envelope-closed c-icons c-font-2xl c-d-block c-mt-4"
class="cui-envelope-closed icons font-2xl d-block mt-4"
/>
<div>
@@ -732,7 +732,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-envelope-letter c-icons c-font-2xl c-d-block c-mt-4"
class="cui-envelope-letter icons font-2xl d-block mt-4"
/>
<div>
@@ -748,7 +748,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-envelope-open c-icons c-font-2xl c-d-block c-mt-4"
class="cui-envelope-open icons font-2xl d-block mt-4"
/>
<div>
@@ -764,7 +764,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-euro c-icons c-font-2xl c-d-block c-mt-4"
class="cui-euro icons font-2xl d-block mt-4"
/>
<div>
@@ -780,7 +780,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-file c-icons c-font-2xl c-d-block c-mt-4"
class="cui-file icons font-2xl d-block mt-4"
/>
<div>
@@ -796,7 +796,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-globe c-icons c-font-2xl c-d-block c-mt-4"
class="cui-globe icons font-2xl d-block mt-4"
/>
<div>
@@ -812,7 +812,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-graph c-icons c-font-2xl c-d-block c-mt-4"
class="cui-graph icons font-2xl d-block mt-4"
/>
<div>
@@ -828,7 +828,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-home c-icons c-font-2xl c-d-block c-mt-4"
class="cui-home icons font-2xl d-block mt-4"
/>
<div>
@@ -844,7 +844,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-inbox c-icons c-font-2xl c-d-block c-mt-4"
class="cui-inbox icons font-2xl d-block mt-4"
/>
<div>
@@ -860,7 +860,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-info c-icons c-font-2xl c-d-block c-mt-4"
class="cui-info icons font-2xl d-block mt-4"
/>
<div>
@@ -876,7 +876,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-italic c-icons c-font-2xl c-d-block c-mt-4"
class="cui-italic icons font-2xl d-block mt-4"
/>
<div>
@@ -892,7 +892,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-justify-center c-icons c-font-2xl c-d-block c-mt-4"
class="cui-justify-center icons font-2xl d-block mt-4"
/>
<div>
@@ -908,7 +908,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-justify-left c-icons c-font-2xl c-d-block c-mt-4"
class="cui-justify-left icons font-2xl d-block mt-4"
/>
<div>
@@ -924,7 +924,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-justify-right c-icons c-font-2xl c-d-block c-mt-4"
class="cui-justify-right icons font-2xl d-block mt-4"
/>
<div>
@@ -940,7 +940,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-laptop c-icons c-font-2xl c-d-block c-mt-4"
class="cui-laptop icons font-2xl d-block mt-4"
/>
<div>
@@ -956,7 +956,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-layers c-icons c-font-2xl c-d-block c-mt-4"
class="cui-layers icons font-2xl d-block mt-4"
/>
<div>
@@ -972,7 +972,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-lightbulb c-icons c-font-2xl c-d-block c-mt-4"
class="cui-lightbulb icons font-2xl d-block mt-4"
/>
<div>
@@ -988,7 +988,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-list c-icons c-font-2xl c-d-block c-mt-4"
class="cui-list icons font-2xl d-block mt-4"
/>
<div>
@@ -1004,7 +1004,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-location-pin c-icons c-font-2xl c-d-block c-mt-4"
class="cui-location-pin icons font-2xl d-block mt-4"
/>
<div>
@@ -1020,7 +1020,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-lock-locked c-icons c-font-2xl c-d-block c-mt-4"
class="cui-lock-locked icons font-2xl d-block mt-4"
/>
<div>
@@ -1036,7 +1036,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-lock-unlocked c-icons c-font-2xl c-d-block c-mt-4"
class="cui-lock-unlocked icons font-2xl d-block mt-4"
/>
<div>
@@ -1052,7 +1052,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-magnifying-glass c-icons c-font-2xl c-d-block c-mt-4"
class="cui-magnifying-glass icons font-2xl d-block mt-4"
/>
<div>
@@ -1068,7 +1068,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-map c-icons c-font-2xl c-d-block c-mt-4"
class="cui-map icons font-2xl d-block mt-4"
/>
<div>
@@ -1084,7 +1084,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-monitor c-icons c-font-2xl c-d-block c-mt-4"
class="cui-monitor icons font-2xl d-block mt-4"
/>
<div>
@@ -1100,7 +1100,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-moon c-icons c-font-2xl c-d-block c-mt-4"
class="cui-moon icons font-2xl d-block mt-4"
/>
<div>
@@ -1116,7 +1116,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-note c-icons c-font-2xl c-d-block c-mt-4"
class="cui-note icons font-2xl d-block mt-4"
/>
<div>
@@ -1132,7 +1132,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-options c-icons c-font-2xl c-d-block c-mt-4"
class="cui-options icons font-2xl d-block mt-4"
/>
<div>
@@ -1148,7 +1148,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-paperclip c-icons c-font-2xl c-d-block c-mt-4"
class="cui-paperclip icons font-2xl d-block mt-4"
/>
<div>
@@ -1164,7 +1164,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-pencil c-icons c-font-2xl c-d-block c-mt-4"
class="cui-pencil icons font-2xl d-block mt-4"
/>
<div>
@@ -1180,7 +1180,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-people c-icons c-font-2xl c-d-block c-mt-4"
class="cui-people icons font-2xl d-block mt-4"
/>
<div>
@@ -1196,7 +1196,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-phone c-icons c-font-2xl c-d-block c-mt-4"
class="cui-phone icons font-2xl d-block mt-4"
/>
<div>
@@ -1212,7 +1212,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-pie-chart c-icons c-font-2xl c-d-block c-mt-4"
class="cui-pie-chart icons font-2xl d-block mt-4"
/>
<div>
@@ -1228,7 +1228,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-print c-icons c-font-2xl c-d-block c-mt-4"
class="cui-print icons font-2xl d-block mt-4"
/>
<div>
@@ -1244,7 +1244,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-puzzle c-icons c-font-2xl c-d-block c-mt-4"
class="cui-puzzle icons font-2xl d-block mt-4"
/>
<div>
@@ -1260,7 +1260,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-rss c-icons c-font-2xl c-d-block c-mt-4"
class="cui-rss icons font-2xl d-block mt-4"
/>
<div>
@@ -1276,7 +1276,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-screen-desktop c-icons c-font-2xl c-d-block c-mt-4"
class="cui-screen-desktop icons font-2xl d-block mt-4"
/>
<div>
@@ -1292,7 +1292,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-screen-smartphone c-icons c-font-2xl c-d-block c-mt-4"
class="cui-screen-smartphone icons font-2xl d-block mt-4"
/>
<div>
@@ -1308,7 +1308,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-settings c-icons c-font-2xl c-d-block c-mt-4"
class="cui-settings icons font-2xl d-block mt-4"
/>
<div>
@@ -1324,7 +1324,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-share c-icons c-font-2xl c-d-block c-mt-4"
class="cui-share icons font-2xl d-block mt-4"
/>
<div>
@@ -1340,7 +1340,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-shield c-icons c-font-2xl c-d-block c-mt-4"
class="cui-shield icons font-2xl d-block mt-4"
/>
<div>
@@ -1356,7 +1356,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-sort-ascending c-icons c-font-2xl c-d-block c-mt-4"
class="cui-sort-ascending icons font-2xl d-block mt-4"
/>
<div>
@@ -1372,7 +1372,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-sort-descending c-icons c-font-2xl c-d-block c-mt-4"
class="cui-sort-descending icons font-2xl d-block mt-4"
/>
<div>
@@ -1388,7 +1388,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-speech c-icons c-font-2xl c-d-block c-mt-4"
class="cui-speech icons font-2xl d-block mt-4"
/>
<div>
@@ -1404,7 +1404,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-speedometer c-icons c-font-2xl c-d-block c-mt-4"
class="cui-speedometer icons font-2xl d-block mt-4"
/>
<div>
@@ -1420,7 +1420,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-star c-icons c-font-2xl c-d-block c-mt-4"
class="cui-star icons font-2xl d-block mt-4"
/>
<div>
@@ -1436,7 +1436,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-sun c-icons c-font-2xl c-d-block c-mt-4"
class="cui-sun icons font-2xl d-block mt-4"
/>
<div>
@@ -1452,7 +1452,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-tablet c-icons c-font-2xl c-d-block c-mt-4"
class="cui-tablet icons font-2xl d-block mt-4"
/>
<div>
@@ -1468,7 +1468,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-tags c-icons c-font-2xl c-d-block c-mt-4"
class="cui-tags icons font-2xl d-block mt-4"
/>
<div>
@@ -1484,7 +1484,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-task c-icons c-font-2xl c-d-block c-mt-4"
class="cui-task icons font-2xl d-block mt-4"
/>
<div>
@@ -1500,7 +1500,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-thumb-down c-icons c-font-2xl c-d-block c-mt-4"
class="cui-thumb-down icons font-2xl d-block mt-4"
/>
<div>
@@ -1516,7 +1516,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-thumb-up c-icons c-font-2xl c-d-block c-mt-4"
class="cui-thumb-up icons font-2xl d-block mt-4"
/>
<div>
@@ -1532,7 +1532,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-trash c-icons c-font-2xl c-d-block c-mt-4"
class="cui-trash icons font-2xl d-block mt-4"
/>
<div>
@@ -1548,7 +1548,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-underline c-icons c-font-2xl c-d-block c-mt-4"
class="cui-underline icons font-2xl d-block mt-4"
/>
<div>
@@ -1564,7 +1564,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-user c-icons c-font-2xl c-d-block c-mt-4"
class="cui-user icons font-2xl d-block mt-4"
/>
<div>
@@ -1580,7 +1580,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-user-female c-icons c-font-2xl c-d-block c-mt-4"
class="cui-user-female icons font-2xl d-block mt-4"
/>
<div>
@@ -1596,7 +1596,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-user-follow c-icons c-font-2xl c-d-block c-mt-4"
class="cui-user-follow icons font-2xl d-block mt-4"
/>
<div>
@@ -1612,7 +1612,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-user-unfollow c-icons c-font-2xl c-d-block c-mt-4"
class="cui-user-unfollow icons font-2xl d-block mt-4"
/>
<div>
@@ -1628,7 +1628,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-wrench c-icons c-font-2xl c-d-block c-mt-4"
class="cui-wrench icons font-2xl d-block mt-4"
/>
<div>
@@ -1644,7 +1644,7 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
xl="2"
>
<i
class="cui-yen c-icons c-font-2xl c-d-block c-mt-4"
class="cui-yen icons font-2xl d-block mt-4"
/>
<div>
tests/unit/views/icons/__snapshots__/Flags.spec.js.snap
+253 -253
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/notifications/Alerts.spec.js
+1 -1
View File
@@ -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')
tests/unit/views/notifications/Badges.spec.js
+1 -1
View File
@@ -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)
tests/unit/views/notifications/Modals.spec.js
+1 -1
View File
@@ -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')
tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap
+23 -29
View File
@@ -1,11 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Alerts.vue renders correctly 1`] = `
<div
class="c-wrapper"
>
<div>
<crow-stub>
<crow-stub>
<ccol-stub
col="12"
md="6"
@@ -28,7 +24,7 @@ exports[`Alerts.vue renders correctly 1`] = `
</strong>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -133,7 +129,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<small>
use
<code>
.c-alert-link
.alert-link
</code>
to provide links
</small>
@@ -151,7 +147,7 @@ exports[`Alerts.vue renders correctly 1`] = `
Primary Alert with
<a
class="c-alert-link"
class="alert-link"
href="#"
>
an example link
@@ -167,7 +163,7 @@ exports[`Alerts.vue renders correctly 1`] = `
Secondary Alert with
<a
class="c-alert-link"
class="alert-link"
href="#"
>
an example link
@@ -183,7 +179,7 @@ exports[`Alerts.vue renders correctly 1`] = `
Success Alert with
<a
class="c-alert-link"
class="alert-link"
href="#"
>
an example link
@@ -199,7 +195,7 @@ exports[`Alerts.vue renders correctly 1`] = `
Danger Alert with
<a
class="c-alert-link"
class="alert-link"
href="#"
>
an example link
@@ -215,7 +211,7 @@ exports[`Alerts.vue renders correctly 1`] = `
Warning Alert with
<a
class="c-alert-link"
class="alert-link"
href="#"
>
an example link
@@ -231,7 +227,7 @@ exports[`Alerts.vue renders correctly 1`] = `
Info Alert with
<a
class="c-alert-link"
class="alert-link"
href="#"
>
an example link
@@ -247,7 +243,7 @@ exports[`Alerts.vue renders correctly 1`] = `
Light Alert with
<a
class="c-alert-link"
class="alert-link"
href="#"
>
an example link
@@ -264,10 +260,10 @@ exports[`Alerts.vue renders correctly 1`] = `
Dark Alert with
<clink-stub
activeclass="c-active"
class="c-alert-link"
activeclass="active"
class="alert-link"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
href="#"
routertag="a"
tag="span"
@@ -315,7 +311,7 @@ exports[`Alerts.vue renders correctly 1`] = `
variant="success"
>
<h4
class="c-alert-heading"
class="alert-heading"
>
Well done!
</h4>
@@ -331,7 +327,7 @@ exports[`Alerts.vue renders correctly 1`] = `
<hr />
<p
class="c-mb-0"
class="mb-0"
>
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
@@ -391,16 +387,16 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub>
<calert-stub
class="c-alert-dismissible"
class="alert-dismissible"
show="true"
variant="secondary"
/>
<cbutton-stub
activeclass="c-active"
class="c-m-1"
activeclass="active"
class="m-1"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -470,10 +466,10 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub>
<cbutton-stub
activeclass="c-active"
class="c-m-1"
activeclass="active"
class="m-1"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -487,7 +483,5 @@ exports[`Alerts.vue renders correctly 1`] = `
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
</crow-stub>
</div>
</div>
</crow-stub>
`;
tests/unit/views/notifications/__snapshots__/Badges.spec.js.snap
+48 -54
View File
@@ -2,21 +2,17 @@
exports[`Badges.vue renders correctly 1`] = `
<div
class="c-wrapper"
class="row"
>
<div>
<div
class="c-row"
class="col-12 col-md-6"
>
<div
class="c-col-12 c-col-md-6"
>
<div
class="c-card"
class="card"
>
<!---->
<header
class="c-card-header"
class="card-header"
>
<i
class="fa fa-align-justify"
@@ -27,7 +23,7 @@ exports[`Badges.vue renders correctly 1`] = `
</strong>
<div
class="c-card-header-actions"
class="card-header-actions"
>
<a
class="card-header-action"
@@ -45,14 +41,14 @@ exports[`Badges.vue renders correctly 1`] = `
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
<h2>
Example heading
<span
class="c-badge c-badge-primary"
class="badge badge-primary"
>
New
</span>
@@ -61,7 +57,7 @@ exports[`Badges.vue renders correctly 1`] = `
<h3>
Example heading
<span
class="c-badge c-badge-primary"
class="badge badge-primary"
>
New
</span>
@@ -70,7 +66,7 @@ exports[`Badges.vue renders correctly 1`] = `
<h4>
Example heading
<span
class="c-badge c-badge-primary"
class="badge badge-primary"
>
New
</span>
@@ -79,7 +75,7 @@ exports[`Badges.vue renders correctly 1`] = `
<h5>
Example heading
<span
class="c-badge c-badge-primary"
class="badge badge-primary"
>
New
</span>
@@ -88,7 +84,7 @@ exports[`Badges.vue renders correctly 1`] = `
<h6>
Example heading
<span
class="c-badge c-badge-primary"
class="badge badge-primary"
>
New
</span>
@@ -96,17 +92,17 @@ exports[`Badges.vue renders correctly 1`] = `
</div>
<footer
class="c-card-footer"
class="card-footer"
>
<button
class="c-btn c-btn-primary"
class="btn btn-primary"
type="button"
>
Notifications
<span
class="c-badge c-badge-light"
class="badge badge-light"
style="position: static;"
>
4
@@ -118,14 +114,14 @@ exports[`Badges.vue renders correctly 1`] = `
</div>
<div
class="c-col-12 c-col-md-6"
class="col-12 col-md-6"
>
<div
class="c-card"
class="card"
>
<!---->
<header
class="c-card-header"
class="card-header"
>
<i
class="fa fa-align-justify"
@@ -138,54 +134,54 @@ exports[`Badges.vue renders correctly 1`] = `
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
<span
class="c-badge c-badge-primary"
class="badge badge-primary"
>
Primary
</span>
<span
class="c-badge c-badge-secondary"
class="badge badge-secondary"
>
Secondary
</span>
<span
class="c-badge c-badge-success"
class="badge badge-success"
>
Success
</span>
<span
class="c-badge c-badge-danger"
class="badge badge-danger"
>
Danger
</span>
<span
class="c-badge c-badge-warning"
class="badge badge-warning"
>
Warning
</span>
<span
class="c-badge c-badge-info"
class="badge badge-info"
>
Info
</span>
<span
class="c-badge c-badge-light"
class="badge badge-light"
>
Light
</span>
<span
class="c-badge c-badge-dark"
class="badge badge-dark"
>
Dark
</span>
@@ -194,11 +190,11 @@ exports[`Badges.vue renders correctly 1`] = `
</div>
<div
class="c-card"
class="card"
>
<!---->
<header
class="c-card-header"
class="card-header"
>
<i
class="fa fa-align-justify"
@@ -211,54 +207,54 @@ exports[`Badges.vue renders correctly 1`] = `
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
<span
class="c-badge c-badge-primary c-badge-pill"
class="badge badge-primary badge-pill"
>
Primary
</span>
<span
class="c-badge c-badge-secondary c-badge-pill"
class="badge badge-secondary badge-pill"
>
Secondary
</span>
<span
class="c-badge c-badge-success c-badge-pill"
class="badge badge-success badge-pill"
>
Success
</span>
<span
class="c-badge c-badge-danger c-badge-pill"
class="badge badge-danger badge-pill"
>
Danger
</span>
<span
class="c-badge c-badge-warning c-badge-pill"
class="badge badge-warning badge-pill"
>
Warning
</span>
<span
class="c-badge c-badge-info c-badge-pill"
class="badge badge-info badge-pill"
>
Info
</span>
<span
class="c-badge c-badge-light c-badge-pill"
class="badge badge-light badge-pill"
>
Light
</span>
<span
class="c-badge c-badge-dark c-badge-pill"
class="badge badge-dark badge-pill"
>
Dark
</span>
@@ -267,11 +263,11 @@ exports[`Badges.vue renders correctly 1`] = `
</div>
<div
class="c-card"
class="card"
>
<!---->
<header
class="c-card-header"
class="card-header"
>
<i
class="fa fa-align-justify"
@@ -284,12 +280,12 @@ exports[`Badges.vue renders correctly 1`] = `
</header>
<div
class="c-card-body"
class="card-body"
>
<!---->
<!---->
<a
class="c-badge c-badge-primary"
class="badge badge-primary"
href="#"
target="_self"
>
@@ -297,7 +293,7 @@ exports[`Badges.vue renders correctly 1`] = `
</a>
<a
class="c-badge c-badge-secondary"
class="badge badge-secondary"
href="#"
target="_self"
>
@@ -305,7 +301,7 @@ exports[`Badges.vue renders correctly 1`] = `
</a>
<a
class="c-badge c-badge-success"
class="badge badge-success"
href="#"
target="_self"
>
@@ -313,7 +309,7 @@ exports[`Badges.vue renders correctly 1`] = `
</a>
<a
class="c-badge c-badge-danger"
class="badge badge-danger"
href="#"
target="_self"
>
@@ -321,7 +317,7 @@ exports[`Badges.vue renders correctly 1`] = `
</a>
<a
class="c-badge c-badge-warning"
class="badge badge-warning"
href="#"
target="_self"
>
@@ -329,7 +325,7 @@ exports[`Badges.vue renders correctly 1`] = `
</a>
<a
class="c-badge c-badge-info"
class="badge badge-info"
href="#"
target="_self"
>
@@ -337,7 +333,7 @@ exports[`Badges.vue renders correctly 1`] = `
</a>
<a
class="c-badge c-badge-light"
class="badge badge-light"
href="#"
target="_self"
>
@@ -345,7 +341,7 @@ exports[`Badges.vue renders correctly 1`] = `
</a>
<a
class="c-badge c-badge-dark"
class="badge badge-dark"
href="#"
target="_self"
>
@@ -355,7 +351,5 @@ exports[`Badges.vue renders correctly 1`] = `
<!---->
</div>
</div>
</div>
</div>
</div>
`;
tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap
+29 -29
View File
@@ -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"
tests/unit/views/pages/Login.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Login.vue', () => {
it('has a name', () => {
expect(Login.name).toMatch('Login')
expect(Login.name).toBe('Login')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Login)
tests/unit/views/pages/Page404.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Page404.vue', () => {
it('has a name', () => {
expect(Page404.name).toMatch('Page404')
expect(Page404.name).toBe('Page404')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Page404)
tests/unit/views/pages/Page500.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Page500.vue', () => {
it('has a name', () => {
expect(Page500.name).toMatch('Page500')
expect(Page500.name).toBe('Page500')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Page500)
tests/unit/views/pages/Register.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Register.vue', () => {
it('has a name', () => {
expect(Register.name).toMatch('Register')
expect(Register.name).toBe('Register')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Register)
tests/unit/views/pages/__snapshots__/Login.spec.js.snap
+15 -15
View File
@@ -2,10 +2,10 @@
exports[`Login.vue renders correctly 1`] = `
<ccontainer-stub
class="c-d-flex c-align-items-center c-min-vh-100"
class="d-flex align-items-center min-vh-100"
>
<crow-stub
class="c-justify-content-center"
class="justify-content-center"
>
<ccol-stub
md="8"
@@ -13,7 +13,7 @@ exports[`Login.vue renders correctly 1`] = `
>
<ccardgroup-stub>
<ccard-stub
class="c-p-4"
class="p-4"
subtitletag="h6"
titletag="h4"
>
@@ -27,7 +27,7 @@ exports[`Login.vue renders correctly 1`] = `
</h1>
<p
class="c-text-muted"
class="text-muted"
>
Sign In to your account
</p>
@@ -54,10 +54,10 @@ exports[`Login.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="c-active"
class="c-px-4"
activeclass="active"
class="px-4"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -68,15 +68,15 @@ exports[`Login.vue renders correctly 1`] = `
</ccol-stub>
<ccol-stub
class="c-text-right"
class="text-right"
col="6"
tag="div"
>
<cbutton-stub
activeclass="c-active"
class="c-px-0"
activeclass="active"
class="px-0"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -92,7 +92,7 @@ exports[`Login.vue renders correctly 1`] = `
<ccard-stub
bodywrapper="true"
class="c-text-white c-text-center c-bg-primary c-py-5 c-d-md-down-none"
class="text-white text-center bg-primary py-5 d-md-down-none"
subtitletag="h6"
titletag="h4"
>
@@ -105,10 +105,10 @@ exports[`Login.vue renders correctly 1`] = `
</p>
<cbutton-stub
activeclass="c-active"
class="c-active c-mt-3"
activeclass="active"
class="active mt-3"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
tests/unit/views/pages/__snapshots__/Page404.spec.js.snap
+8 -8
View File
@@ -2,42 +2,42 @@
exports[`Page404.vue renders correctly 1`] = `
<ccontainer-stub
class="c-d-flex c-align-items-center c-min-vh-100"
class="d-flex align-items-center min-vh-100"
>
<crow-stub
class="c-w-100 c-justify-content-center"
class="w-100 justify-content-center"
>
<ccol-stub
md="6"
tag="div"
>
<div
class="c-w-100"
class="w-100"
>
<div
class="c-clearfix"
class="clearfix"
>
<h1
class="c-float-left c-display-3 c-mr-4"
class="float-left display-3 mr-4"
>
404
</h1>
<h4
class="c-pt-3"
class="pt-3"
>
Oops! You're lost.
</h4>
<p
class="c-text-muted"
class="text-muted"
>
The page you are looking for was not found.
</p>
</div>
<cforminput-stub
class="c-mb-0"
class="mb-0"
lazy="400"
placeholder="What are you looking for?"
prependhtml=<i class='cui-magnifying-glass'></i>
tests/unit/views/pages/__snapshots__/Page500.spec.js.snap
+7 -7
View File
@@ -2,39 +2,39 @@
exports[`Page500.vue renders correctly 1`] = `
<ccontainer-stub
class="c-d-flex c-align-items-center c-min-vh-100"
class="d-flex align-items-center min-vh-100"
>
<crow-stub
class="c-w-100 c-justify-content-center"
class="w-100 justify-content-center"
>
<ccol-stub
md="6"
tag="div"
>
<div
class="c-clearfix"
class="clearfix"
>
<h1
class="c-float-left c-display-3 c-mr-4"
class="float-left display-3 mr-4"
>
500
</h1>
<h4
class="c-pt-3"
class="pt-3"
>
Houston, we have a problem!
</h4>
<p
class="c-text-muted"
class="text-muted"
>
The page you are looking for is temporarily unavailable.
</p>
</div>
<cforminput-stub
class="c-mb-0"
class="mb-0"
lazy="400"
placeholder="What are you looking for?"
prependhtml=<i class='cui-magnifying-glass'></i>
tests/unit/views/pages/__snapshots__/Register.spec.js.snap
+13 -13
View File
@@ -2,10 +2,10 @@
exports[`Register.vue renders correctly 1`] = `
<ccontainer-stub
class="c-min-vh-100 c-d-flex c-align-items-center"
class="min-vh-100 d-flex align-items-center"
>
<crow-stub
class="c-w-100 c-justify-content-center"
class="w-100 justify-content-center"
>
<ccol-stub
md="6"
@@ -13,12 +13,12 @@ exports[`Register.vue renders correctly 1`] = `
tag="div"
>
<ccard-stub
class="c-mx-4"
class="mx-4"
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub
class="c-p-4"
class="p-4"
subtitletag="h6"
titletag="h4"
>
@@ -28,7 +28,7 @@ exports[`Register.vue renders correctly 1`] = `
</h1>
<p
class="c-text-muted"
class="text-muted"
>
Create your account
</p>
@@ -59,7 +59,7 @@ exports[`Register.vue renders correctly 1`] = `
<cforminput-stub
autocomplete="new-password"
class="c-mb-4"
class="mb-4"
lazy="400"
placeholder="Repeat password"
prependhtml=<i class='cui-lock-locked'></i>
@@ -67,10 +67,10 @@ exports[`Register.vue renders correctly 1`] = `
/>
<cbutton-stub
activeclass="c-active"
activeclass="active"
block="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
@@ -82,7 +82,7 @@ exports[`Register.vue renders correctly 1`] = `
</ccardbody-stub>
<ccardfooter-stub
class="c-p-4"
class="p-4"
subtitletag="h6"
titletag="h4"
>
@@ -92,10 +92,10 @@ exports[`Register.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
block="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
texthtml="Facebook"
@@ -109,10 +109,10 @@ exports[`Register.vue renders correctly 1`] = `
tag="div"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
block="true"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
texthtml="Twitter"
tests/unit/views/theme/Colors.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Colors.vue', () => {
it('has a name', () => {
expect(Colors.name).toMatch('colors')
expect(Colors.name).toBe('Colors')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Colors)
tests/unit/views/theme/Typography.spec.js
+1 -1
View File
@@ -7,7 +7,7 @@ Vue.use(CoreuiVue)
describe('Typography.vue', () => {
it('has a name', () => {
expect(Typography.name).toMatch('typography')
expect(Typography.name).toBe('Typography')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Typography)
tests/unit/views/theme/__snapshots__/Colors.spec.js.snap
+151 -647
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/theme/__snapshots__/Typography.spec.js.snap
+59 -59
View File
@@ -3,10 +3,10 @@
exports[`Typography.vue renders correctly 1`] = `
<div>
<div
class="c-card"
class="card"
>
<div
class="c-card-header"
class="card-header"
>
Headings
@@ -14,7 +14,7 @@ exports[`Typography.vue renders correctly 1`] = `
</div>
<div
class="c-card-body"
class="card-body"
>
<p>
Documentation and examples for Bootstrap typography,
@@ -22,7 +22,7 @@ exports[`Typography.vue renders correctly 1`] = `
</p>
<table
class="c-table"
class="table"
>
<thead>
<tr>
@@ -41,7 +41,7 @@ exports[`Typography.vue renders correctly 1`] = `
<td>
<p>
<code
class="c-highlighter-rouge"
class="highlighter-rouge"
>
&lt;h1&gt;&lt;/h1&gt;
@@ -52,7 +52,7 @@ exports[`Typography.vue renders correctly 1`] = `
<td>
<span
class="c-h1"
class="h1"
>
h1. Bootstrap heading
</span>
@@ -63,7 +63,7 @@ exports[`Typography.vue renders correctly 1`] = `
<td>
<p>
<code
class="c-highlighter-rouge"
class="highlighter-rouge"
>
&lt;h2&gt;&lt;/h2&gt;
@@ -74,7 +74,7 @@ exports[`Typography.vue renders correctly 1`] = `
<td>
<span
class="c-h2"
class="h2"
>
h2. Bootstrap heading
</span>
@@ -85,7 +85,7 @@ exports[`Typography.vue renders correctly 1`] = `
<td>
<p>
<code
class="c-highlighter-rouge"
class="highlighter-rouge"
>
&lt;h3&gt;&lt;/h3&gt;
@@ -96,7 +96,7 @@ exports[`Typography.vue renders correctly 1`] = `
<td>
<span
class="c-h3"
class="h3"
>
h3. Bootstrap heading
</span>
@@ -107,7 +107,7 @@ exports[`Typography.vue renders correctly 1`] = `
<td>
<p>
<code
class="c-highlighter-rouge"
class="highlighter-rouge"
>
&lt;h4&gt;&lt;/h4&gt;
@@ -118,7 +118,7 @@ exports[`Typography.vue renders correctly 1`] = `
<td>
<span
class="c-h4"
class="h4"
>
h4. Bootstrap heading
</span>
@@ -129,7 +129,7 @@ exports[`Typography.vue renders correctly 1`] = `
<td>
<p>
<code
class="c-highlighter-rouge"
class="highlighter-rouge"
>
&lt;h5&gt;&lt;/h5&gt;
@@ -140,7 +140,7 @@ exports[`Typography.vue renders correctly 1`] = `
<td>
<span
class="c-h5"
class="h5"
>
h5. Bootstrap heading
</span>
@@ -151,7 +151,7 @@ exports[`Typography.vue renders correctly 1`] = `
<td>
<p>
<code
class="c-highlighter-rouge"
class="highlighter-rouge"
>
&lt;h6&gt;&lt;/h6&gt;
@@ -162,7 +162,7 @@ exports[`Typography.vue renders correctly 1`] = `
<td>
<span
class="c-h6"
class="h6"
>
h6. Bootstrap heading
</span>
@@ -174,10 +174,10 @@ exports[`Typography.vue renders correctly 1`] = `
</div>
<div
class="c-card"
class="card"
>
<div
class="c-card-header"
class="card-header"
>
Headings
@@ -185,18 +185,18 @@ exports[`Typography.vue renders correctly 1`] = `
</div>
<div
class="c-card-body"
class="card-body"
>
<p>
<code
class="c-highlighter-rouge"
class="highlighter-rouge"
>
.h1
</code>
through
<code
class="c-highlighter-rouge"
class="highlighter-rouge"
>
.h6
</code>
@@ -207,40 +207,40 @@ exports[`Typography.vue renders correctly 1`] = `
</p>
<div
class="c-bd-example"
class="bd-example"
>
<p
class="c-h1"
class="h1"
>
h1. Bootstrap heading
</p>
<p
class="c-h2"
class="h2"
>
h2. Bootstrap heading
</p>
<p
class="c-h3"
class="h3"
>
h3. Bootstrap heading
</p>
<p
class="c-h4"
class="h4"
>
h4. Bootstrap heading
</p>
<p
class="c-h5"
class="h5"
>
h5. Bootstrap heading
</p>
<p
class="c-h6"
class="h6"
>
h6. Bootstrap heading
</p>
@@ -249,10 +249,10 @@ exports[`Typography.vue renders correctly 1`] = `
</div>
<div
class="c-card"
class="card"
>
<div
class="c-card-header"
class="card-header"
>
Display headings
@@ -260,7 +260,7 @@ exports[`Typography.vue renders correctly 1`] = `
</div>
<div
class="c-card-body"
class="card-body"
>
<p>
@@ -276,16 +276,16 @@ exports[`Typography.vue renders correctly 1`] = `
</p>
<div
class="c-bd-example c-bd-example-type"
class="bd-example bd-example-type"
>
<table
class="c-table"
class="table"
>
<tbody>
<tr>
<td>
<span
class="c-display-1"
class="display-1"
>
Display 1
</span>
@@ -295,7 +295,7 @@ exports[`Typography.vue renders correctly 1`] = `
<tr>
<td>
<span
class="c-display-2"
class="display-2"
>
Display 2
</span>
@@ -305,7 +305,7 @@ exports[`Typography.vue renders correctly 1`] = `
<tr>
<td>
<span
class="c-display-3"
class="display-3"
>
Display 3
</span>
@@ -315,7 +315,7 @@ exports[`Typography.vue renders correctly 1`] = `
<tr>
<td>
<span
class="c-display-4"
class="display-4"
>
Display 4
</span>
@@ -328,10 +328,10 @@ exports[`Typography.vue renders correctly 1`] = `
</div>
<div
class="c-card"
class="card"
>
<div
class="c-card-header"
class="card-header"
>
Inline text elements
@@ -339,7 +339,7 @@ exports[`Typography.vue renders correctly 1`] = `
</div>
<div
class="c-card-body"
class="card-body"
>
<p>
@@ -355,7 +355,7 @@ exports[`Typography.vue renders correctly 1`] = `
</p>
<div
class="c-bd-example"
class="bd-example"
>
<p>
You can use the mark tag to
@@ -419,10 +419,10 @@ exports[`Typography.vue renders correctly 1`] = `
</div>
<div
class="c-card"
class="card"
>
<div
class="c-card-header"
class="card-header"
>
Description list alignment
@@ -430,7 +430,7 @@ exports[`Typography.vue renders correctly 1`] = `
</div>
<div
class="c-card-body"
class="card-body"
>
<p>
@@ -448,19 +448,19 @@ exports[`Typography.vue renders correctly 1`] = `
</p>
<div
class="c-bd-example"
class="bd-example"
>
<dl
class="c-row"
class="row"
>
<dt
class="c-col-sm-3"
class="col-sm-3"
>
Description lists
</dt>
<dd
class="c-col-sm-9"
class="col-sm-9"
>
A description list is perfect for defining terms.
@@ -468,13 +468,13 @@ exports[`Typography.vue renders correctly 1`] = `
</dd>
<dt
class="c-col-sm-3"
class="col-sm-3"
>
Euismod
</dt>
<dd
class="c-col-sm-9"
class="col-sm-9"
>
<p>
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
@@ -486,13 +486,13 @@ exports[`Typography.vue renders correctly 1`] = `
</dd>
<dt
class="c-col-sm-3"
class="col-sm-3"
>
Malesuada porta
</dt>
<dd
class="c-col-sm-9"
class="col-sm-9"
>
Etiam porta sem malesuada magna mollis euismod.
@@ -500,13 +500,13 @@ exports[`Typography.vue renders correctly 1`] = `
</dd>
<dt
class="c-col-sm-3 text-truncate"
class="col-sm-3 text-truncate"
>
Truncated term is truncated
</dt>
<dd
class="c-col-sm-9"
class="col-sm-9"
>
Fusce dapibus, tellus ac cursus commodo, tortor mauris
@@ -515,25 +515,25 @@ exports[`Typography.vue renders correctly 1`] = `
</dd>
<dt
class="c-col-sm-3"
class="col-sm-3"
>
Nesting
</dt>
<dd
class="c-col-sm-9"
class="col-sm-9"
>
<dl
class="c-row"
class="row"
>
<dt
class="c-col-sm-4"
class="col-sm-4"
>
Nested definition list
</dt>
<dd
class="c-col-sm-8"
class="col-sm-8"
>
Aenean posuere, tortor sed cursus feugiat, nunc augue nunc.
tests/unit/views/users/User.spec.js
+1 -1
View File
@@ -11,7 +11,7 @@ localVue.use(CoreuiVue)
describe('User.vue', () => {
it('has a name', () => {
expect(User.name).toMatch('User')
expect(User.name).toBe('User')
})
it('is Vue instance', () => {
const wrapper = shallowMount(User, {
tests/unit/views/users/Users.spec.js
+1 -1
View File
@@ -11,7 +11,7 @@ localVue.use(CoreuiVue)
describe('Users.vue', () => {
it('has a name', () => {
expect(Users.name).toMatch('Users')
expect(Users.name).toBe('Users')
})
it('has a created hook', () => {
expect(typeof Users.data).toMatch('function')
tests/unit/views/users/__snapshots__/User.spec.js.snap
+2 -2
View File
@@ -40,9 +40,9 @@ exports[`User.vue renders correctly 1`] = `
titletag="h4"
>
<cbutton-stub
activeclass="c-active"
activeclass="active"
event="click"
exactactiveclass="c-active"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
tests/unit/views/widgets/Widgets.spec.js
+1 -1
View File
@@ -9,7 +9,7 @@ Vue.use(CoreuiVue)
describe('Widgets.vue', () => {
it('has a name', () => {
expect(Widgets.name).toMatch('Widgets')
expect(Widgets.name).toBe('Widgets')
})
it('is Vue instance', () => {
const wrapper = shallowMount(Widgets)
tests/unit/views/widgets/__snapshots__/Widgets.spec.js.snap
+6 -6
View File
@@ -15,7 +15,7 @@ exports[`Widgets.vue renders correctly 1`] = `
value="25"
>
<cprogress-stub
class="c-progress-xs c-my-3 c-mb-0"
class="progress-xs my-3 mb-0"
max="100"
precision="0"
value="25"
@@ -295,7 +295,7 @@ exports[`Widgets.vue renders correctly 1`] = `
variant="primary"
>
<cicon-stub
class="c-mx-5 "
class="mx-5 "
name="settings"
width="24"
/>
@@ -315,7 +315,7 @@ exports[`Widgets.vue renders correctly 1`] = `
variant="info"
>
<cicon-stub
class="c-mx-5 "
class="mx-5 "
name="laptop"
width="24"
/>
@@ -335,7 +335,7 @@ exports[`Widgets.vue renders correctly 1`] = `
variant="warning"
>
<cicon-stub
class="c-mx-5 "
class="mx-5 "
name="moon"
width="24"
/>
@@ -350,7 +350,7 @@ exports[`Widgets.vue renders correctly 1`] = `
<widgetsbrand-stub />
<ccardgroup-stub
class="c-mb-4"
class="mb-4"
>
<cwidgetprogressicon-stub
header="87.500"
@@ -413,7 +413,7 @@ exports[`Widgets.vue renders correctly 1`] = `
</ccardgroup-stub>
<ccardgroup-stub
class="c-mb-4"
class="mb-4"
>
<cwidgetprogressicon-stub
header="87.500"