v4 initial commit
This commit is contained in:
Łukasz Holeczek
@@ -1,8 +0,0 @@
|
||||
module.exports = {
|
||||
env: {
|
||||
jest: true
|
||||
},
|
||||
rules: {
|
||||
'import/no-extraneous-dependencies': 'off'
|
||||
}
|
||||
}
|
||||
@@ -1,31 +0,0 @@
|
||||
import { shallowMount, createLocalVue } from '@vue/test-utils'
|
||||
import VueRouter from 'vue-router'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import App from '@/App'
|
||||
|
||||
const localVue = createLocalVue()
|
||||
localVue.use(VueRouter)
|
||||
const router = new VueRouter()
|
||||
|
||||
|
||||
localVue.use(CoreuiVue)
|
||||
|
||||
describe('App.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(App.name).toBe('App')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(App, {
|
||||
localVue,
|
||||
router
|
||||
})
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is App', () => {
|
||||
const wrapper = shallowMount(App, {
|
||||
localVue,
|
||||
router
|
||||
})
|
||||
expect(wrapper.findComponent(App)).toBeTruthy()
|
||||
})
|
||||
})
|
||||
@@ -1,42 +0,0 @@
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import { shallowMount, createLocalVue } from '@vue/test-utils';
|
||||
import VueRouter from 'vue-router'
|
||||
import Vuex from 'vuex'
|
||||
import TheContainer from '@/containers/TheContainer'
|
||||
|
||||
const localVue = createLocalVue()
|
||||
localVue.use(Vuex)
|
||||
localVue.use(VueRouter)
|
||||
localVue.use(CoreuiVue)
|
||||
const store = new Vuex.Store({
|
||||
state: {
|
||||
darkMode: false,
|
||||
sidebarShow: 'responsive',
|
||||
sidebarMinimize: false,
|
||||
asideShow: false
|
||||
}
|
||||
})
|
||||
|
||||
const router = new VueRouter()
|
||||
|
||||
describe('TheContainer.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(TheContainer.name).toBe('TheContainer')
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(TheContainer, {
|
||||
store,
|
||||
localVue,
|
||||
router
|
||||
})
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(TheContainer, {
|
||||
store,
|
||||
localVue,
|
||||
router
|
||||
})
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
})
|
||||
@@ -1,14 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import TheFooter from '@/containers/TheFooter'
|
||||
import { shallowMount } from '@vue/test-utils';
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('TheFooter.vue', () => {
|
||||
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(TheFooter)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,13 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import TheHeader from '@/containers/TheHeader'
|
||||
import { shallowMount } from '@vue/test-utils';
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('TheHeader.vue', () => {
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(TheHeader)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,24 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import TheHeaderDropdownAccnt from '@/containers/TheHeaderDropdownAccnt'
|
||||
import { shallowMount } from '@vue/test-utils';
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('TheHeaderDropdownAccnt.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(TheHeaderDropdownAccnt.name).toBe('TheHeaderDropdownAccnt')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof TheHeaderDropdownAccnt.data).toMatch('function')
|
||||
})
|
||||
it('sets the correct default data', () => {
|
||||
expect(typeof TheHeaderDropdownAccnt.data).toMatch('function')
|
||||
const defaultData = TheHeaderDropdownAccnt.data()
|
||||
expect(defaultData.itemsCount).toBe(42)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(TheHeaderDropdownAccnt)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,25 +0,0 @@
|
||||
import { shallowMount, createLocalVue } from '@vue/test-utils';
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Vuex from 'vuex'
|
||||
import TheSidebar from '@/containers/TheSidebar'
|
||||
|
||||
const localVue = createLocalVue()
|
||||
localVue.use(CoreuiVue)
|
||||
localVue.use(Vuex)
|
||||
|
||||
const store = new Vuex.Store({
|
||||
state: {
|
||||
sidebarShow: 'responsive',
|
||||
sidebarMinimize: false
|
||||
}
|
||||
})
|
||||
|
||||
describe('TheSidebar.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(TheSidebar.name).toBe('TheSidebar')
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(TheSidebar, { store, localVue })
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,39 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`TheContainer.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-app"
|
||||
>
|
||||
<thesidebar-stub />
|
||||
|
||||
<cwrapper-stub
|
||||
tag="div"
|
||||
>
|
||||
<theheader-stub />
|
||||
|
||||
<div
|
||||
class="c-body"
|
||||
>
|
||||
<main
|
||||
class="c-main"
|
||||
>
|
||||
<ccontainer-stub
|
||||
fluid="true"
|
||||
tag="div"
|
||||
>
|
||||
<transition-stub
|
||||
mode="out-in"
|
||||
name="fade"
|
||||
>
|
||||
<router-view-stub
|
||||
name="default"
|
||||
/>
|
||||
</transition-stub>
|
||||
</ccontainer-stub>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<thefooter-stub />
|
||||
</cwrapper-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,39 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`TheFooter.vue renders correctly 1`] = `
|
||||
<cfooter-stub
|
||||
tag="footer"
|
||||
>
|
||||
<div>
|
||||
<a
|
||||
href="https://coreui.io"
|
||||
target="_blank"
|
||||
>
|
||||
CoreUI
|
||||
</a>
|
||||
|
||||
<span
|
||||
class="ml-1"
|
||||
>
|
||||
© 2021 creativeLabs.
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mfs-auto"
|
||||
>
|
||||
<span
|
||||
class="mr-1"
|
||||
target="_blank"
|
||||
>
|
||||
Powered by
|
||||
</span>
|
||||
|
||||
<a
|
||||
href="https://coreui.io/vue"
|
||||
>
|
||||
CoreUI for Vue
|
||||
</a>
|
||||
</div>
|
||||
</cfooter-stub>
|
||||
`;
|
||||
@@ -1,158 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`TheHeader.vue renders correctly 1`] = `
|
||||
<cheader-stub
|
||||
colorscheme="light"
|
||||
fixed="true"
|
||||
light=""
|
||||
tag="header"
|
||||
withsubheader="true"
|
||||
>
|
||||
<ctoggler-stub
|
||||
class="ml-3 d-lg-none"
|
||||
inheader="true"
|
||||
tag="button"
|
||||
/>
|
||||
|
||||
<ctoggler-stub
|
||||
class="ml-3 d-md-down-none"
|
||||
inheader="true"
|
||||
tag="button"
|
||||
/>
|
||||
|
||||
<cheaderbrand-stub
|
||||
activeclass="router-link-active"
|
||||
class="mx-auto d-lg-none"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="div"
|
||||
target="_self"
|
||||
to="/"
|
||||
>
|
||||
<cicon-stub
|
||||
alt="Logo"
|
||||
height="48"
|
||||
name="logo"
|
||||
/>
|
||||
</cheaderbrand-stub>
|
||||
|
||||
<cheadernav-stub
|
||||
class="d-md-down-none mr-auto"
|
||||
>
|
||||
<cheadernavitem-stub
|
||||
class="px-3"
|
||||
>
|
||||
<cheadernavlink-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
to="/dashboard"
|
||||
>
|
||||
|
||||
Dashboard
|
||||
|
||||
</cheadernavlink-stub>
|
||||
</cheadernavitem-stub>
|
||||
|
||||
<cheadernavitem-stub
|
||||
class="px-3"
|
||||
>
|
||||
<cheadernavlink-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exact="true"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
to="/users"
|
||||
>
|
||||
|
||||
Users
|
||||
|
||||
</cheadernavlink-stub>
|
||||
</cheadernavitem-stub>
|
||||
|
||||
<cheadernavitem-stub
|
||||
class="px-3"
|
||||
>
|
||||
<cheadernavlink-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Settings
|
||||
|
||||
</cheadernavlink-stub>
|
||||
</cheadernavitem-stub>
|
||||
</cheadernav-stub>
|
||||
|
||||
<cheadernav-stub
|
||||
class="mr-4"
|
||||
>
|
||||
<cheadernavitem-stub
|
||||
class="d-md-down-none mx-2"
|
||||
>
|
||||
<cheadernavlink-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-bell"
|
||||
/>
|
||||
</cheadernavlink-stub>
|
||||
</cheadernavitem-stub>
|
||||
|
||||
<cheadernavitem-stub
|
||||
class="d-md-down-none mx-2"
|
||||
>
|
||||
<cheadernavlink-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-list"
|
||||
/>
|
||||
</cheadernavlink-stub>
|
||||
</cheadernavitem-stub>
|
||||
|
||||
<cheadernavitem-stub
|
||||
class="d-md-down-none mx-2"
|
||||
>
|
||||
<cheadernavlink-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-envelope-open"
|
||||
/>
|
||||
</cheadernavlink-stub>
|
||||
</cheadernavitem-stub>
|
||||
|
||||
<theheaderdropdownaccnt-stub />
|
||||
</cheadernav-stub>
|
||||
|
||||
<csubheader-stub
|
||||
class="px-3"
|
||||
tag="div"
|
||||
>
|
||||
<cbreadcrumbrouter-stub
|
||||
class="border-0 mb-0"
|
||||
/>
|
||||
</csubheader-stub>
|
||||
</cheader-stub>
|
||||
`;
|
||||
@@ -1,251 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
|
||||
<cdropdown-stub
|
||||
addmenuclasses="pt-0"
|
||||
caret="true"
|
||||
class="c-header-nav-items"
|
||||
flip="true"
|
||||
innav="true"
|
||||
offset="0,0"
|
||||
placement="bottom-end"
|
||||
togglertext="Dropdown"
|
||||
>
|
||||
|
||||
<cdropdownheader-stub
|
||||
class="text-center"
|
||||
color="light"
|
||||
tag="div"
|
||||
>
|
||||
<strong>
|
||||
Account
|
||||
</strong>
|
||||
</cdropdownheader-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-bell"
|
||||
/>
|
||||
Updates
|
||||
|
||||
<cbadge-stub
|
||||
activeclass="router-link-active"
|
||||
class="mfs-auto"
|
||||
color="info"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
42
|
||||
</cbadge-stub>
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-envelope-open"
|
||||
/>
|
||||
Messages
|
||||
|
||||
<cbadge-stub
|
||||
activeclass="router-link-active"
|
||||
class="mfs-auto"
|
||||
color="success"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
42
|
||||
</cbadge-stub>
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-task"
|
||||
/>
|
||||
Tasks
|
||||
|
||||
<cbadge-stub
|
||||
activeclass="router-link-active"
|
||||
class="mfs-auto"
|
||||
color="danger"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
42
|
||||
</cbadge-stub>
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-comment-square"
|
||||
/>
|
||||
Comments
|
||||
|
||||
<cbadge-stub
|
||||
activeclass="router-link-active"
|
||||
class="mfs-auto"
|
||||
color="warning"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
42
|
||||
</cbadge-stub>
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownheader-stub
|
||||
class="text-center"
|
||||
color="light"
|
||||
tag="div"
|
||||
>
|
||||
<strong>
|
||||
Settings
|
||||
</strong>
|
||||
</cdropdownheader-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-user"
|
||||
/>
|
||||
Profile
|
||||
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-settings"
|
||||
/>
|
||||
Settings
|
||||
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-dollar"
|
||||
/>
|
||||
Payments
|
||||
|
||||
<cbadge-stub
|
||||
activeclass="router-link-active"
|
||||
class="mfs-auto"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
42
|
||||
</cbadge-stub>
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-file"
|
||||
/>
|
||||
Projects
|
||||
|
||||
<cbadge-stub
|
||||
activeclass="router-link-active"
|
||||
class="mfs-auto"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
42
|
||||
</cbadge-stub>
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdowndivider-stub
|
||||
tag="div"
|
||||
/>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-shield-alt"
|
||||
/>
|
||||
Lock Account
|
||||
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-lock-locked"
|
||||
/>
|
||||
Logout
|
||||
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
`;
|
||||
@@ -1,48 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`TheSidebar.vue renders correctly 1`] = `
|
||||
<csidebar-stub
|
||||
breakpoint="lg"
|
||||
colorscheme="dark"
|
||||
dropdownmode="openActive"
|
||||
fixed="true"
|
||||
hideonmobileclick="true"
|
||||
show="responsive"
|
||||
>
|
||||
<csidebarbrand-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-md-down-none"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="div"
|
||||
target="_self"
|
||||
to="/"
|
||||
>
|
||||
<cicon-stub
|
||||
class="c-sidebar-brand-full"
|
||||
height="35"
|
||||
name="logo"
|
||||
size="custom-size"
|
||||
viewbox="0 0 556 134"
|
||||
/>
|
||||
|
||||
<cicon-stub
|
||||
class="c-sidebar-brand-minimized"
|
||||
height="35"
|
||||
name="logo"
|
||||
size="custom-size"
|
||||
viewbox="0 0 110 134"
|
||||
/>
|
||||
</csidebarbrand-stub>
|
||||
|
||||
<crenderfunction-stub
|
||||
contenttorender="[object Object]"
|
||||
flat="true"
|
||||
/>
|
||||
|
||||
<csidebarminimizer-stub
|
||||
class="d-md-down-none"
|
||||
/>
|
||||
</csidebar-stub>
|
||||
`;
|
||||
@@ -0,0 +1,12 @@
|
||||
import { shallowMount } from "@vue/test-utils";
|
||||
import HelloWorld from "@/components/HelloWorld.vue";
|
||||
|
||||
describe("HelloWorld.vue", () => {
|
||||
it("renders props.msg when passed", () => {
|
||||
const msg = "new message";
|
||||
const wrapper = shallowMount(HelloWorld, {
|
||||
props: { msg },
|
||||
});
|
||||
expect(wrapper.text()).toMatch(msg);
|
||||
});
|
||||
});
|
||||
@@ -1,37 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Dashboard from '@/views/Dashboard'
|
||||
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Dashboard.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Dashboard.name).toBe('Dashboard')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Dashboard.data).toMatch('function')
|
||||
})
|
||||
it('sets the correct default data', () => {
|
||||
expect(typeof Dashboard.data).toMatch('function')
|
||||
const defaultData = Dashboard.data()
|
||||
expect(defaultData.selected).toMatch('Month')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Dashboard)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Dashboard', () => {
|
||||
const wrapper = shallowMount(Dashboard)
|
||||
expect(wrapper.findComponent(Dashboard)).toBeTruthy()
|
||||
})
|
||||
it('should render correct content', () => {
|
||||
const wrapper = shallowMount(Dashboard)
|
||||
expect(wrapper.find('#traffic').text()).toMatch('Traffic')
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Dashboard)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,966 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Dashboard.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<widgetsdropdown-stub />
|
||||
|
||||
<ccard-stub>
|
||||
<ccardbody-stub>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
sm="5"
|
||||
tag="div"
|
||||
>
|
||||
<h4
|
||||
class="card-title mb-0"
|
||||
id="traffic"
|
||||
>
|
||||
Traffic
|
||||
</h4>
|
||||
|
||||
<div
|
||||
class="small text-muted"
|
||||
>
|
||||
November 2017
|
||||
</div>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
class="d-none d-md-block"
|
||||
sm="7"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="float-right"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-cloud-download"
|
||||
/>
|
||||
</cbutton-stub>
|
||||
|
||||
<cbuttongroup-stub
|
||||
class="float-right mr-3"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="mx-0"
|
||||
color="outline-secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Day
|
||||
|
||||
</cbutton-stub>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="mx-0"
|
||||
color="outline-secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
pressed="true"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Month
|
||||
|
||||
</cbutton-stub>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="mx-0"
|
||||
color="outline-secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Year
|
||||
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<mainchartexample-stub
|
||||
style="height: 300px; margin-top: 40px;"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
|
||||
<ccardfooter-stub>
|
||||
<crow-stub
|
||||
class="text-center"
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
class="mb-sm-2 mb-0"
|
||||
md="true"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="text-muted"
|
||||
>
|
||||
Visits
|
||||
</div>
|
||||
|
||||
<strong>
|
||||
29.703 Users (40%)
|
||||
</strong>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs mt-2"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="1"
|
||||
value="40"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
class="mb-sm-2 mb-0 d-md-down-none"
|
||||
md="true"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="text-muted"
|
||||
>
|
||||
Unique
|
||||
</div>
|
||||
|
||||
<strong>
|
||||
24.093 Users (20%)
|
||||
</strong>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs mt-2"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="1"
|
||||
value="20"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
class="mb-sm-2 mb-0"
|
||||
md="true"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="text-muted"
|
||||
>
|
||||
Pageviews
|
||||
</div>
|
||||
|
||||
<strong>
|
||||
78.706 Views (60%)
|
||||
</strong>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs mt-2"
|
||||
color="warning"
|
||||
max="100"
|
||||
precision="1"
|
||||
value="60"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
class="mb-sm-2 mb-0"
|
||||
md="true"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="text-muted"
|
||||
>
|
||||
New Users
|
||||
</div>
|
||||
|
||||
<strong>
|
||||
22.123 Users (80%)
|
||||
</strong>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs mt-2"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="1"
|
||||
value="80"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
class="mb-sm-2 mb-0 d-md-down-none"
|
||||
md="true"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="text-muted"
|
||||
>
|
||||
Bounce Rate
|
||||
</div>
|
||||
|
||||
<strong>
|
||||
Average Rate (40.15%)
|
||||
</strong>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs mt-2"
|
||||
max="100"
|
||||
precision="1"
|
||||
value="40"
|
||||
/>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</ccardfooter-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<widgetsbrand-stub />
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
md="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Traffic & Sales
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccallout-stub
|
||||
color="info"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
New Clients
|
||||
</small>
|
||||
<br />
|
||||
|
||||
<strong
|
||||
class="h4"
|
||||
>
|
||||
9,123
|
||||
</strong>
|
||||
</ccallout-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccallout-stub
|
||||
color="danger"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
Recurring Clients
|
||||
</small>
|
||||
<br />
|
||||
|
||||
<strong
|
||||
class="h4"
|
||||
>
|
||||
22,643
|
||||
</strong>
|
||||
</ccallout-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<hr
|
||||
class="mt-0"
|
||||
/>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Monday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="34"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="78"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Tuesday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="56"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="94"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Wednesday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="12"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="67"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Thursday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="43"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="91"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Friday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="22"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="73"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Saturday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="53"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="82"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Sunday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="9"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="69"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="legend text-center"
|
||||
>
|
||||
<small>
|
||||
<sup>
|
||||
<cbadge-stub
|
||||
activeclass="router-link-active"
|
||||
color="info"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
shape="pill"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
</cbadge-stub>
|
||||
</sup>
|
||||
|
||||
New clients
|
||||
|
||||
|
||||
<sup>
|
||||
<cbadge-stub
|
||||
activeclass="router-link-active"
|
||||
color="danger"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
shape="pill"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
</cbadge-stub>
|
||||
</sup>
|
||||
|
||||
Recurring clients
|
||||
|
||||
</small>
|
||||
</div>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccallout-stub
|
||||
color="warning"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
Pageviews
|
||||
</small>
|
||||
<br />
|
||||
|
||||
<strong
|
||||
class="h4"
|
||||
>
|
||||
78,623
|
||||
</strong>
|
||||
</ccallout-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccallout-stub
|
||||
color="success"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
Organic
|
||||
</small>
|
||||
<br />
|
||||
|
||||
<strong
|
||||
class="h4"
|
||||
>
|
||||
49,123
|
||||
</strong>
|
||||
</ccallout-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<hr
|
||||
class="mt-0"
|
||||
/>
|
||||
|
||||
<ul
|
||||
class="horizontal-bars type-2"
|
||||
>
|
||||
<div
|
||||
class="progress-group"
|
||||
>
|
||||
<div
|
||||
class="progress-group-header"
|
||||
>
|
||||
<cicon-stub
|
||||
class="progress-group-icon"
|
||||
name="cil-user"
|
||||
/>
|
||||
|
||||
<span
|
||||
class="title"
|
||||
>
|
||||
Male
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ml-auto font-weight-bold"
|
||||
>
|
||||
43%
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="warning"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="43"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-5"
|
||||
>
|
||||
<div
|
||||
class="progress-group-header"
|
||||
>
|
||||
<cicon-stub
|
||||
class="progress-group-icon"
|
||||
name="cil-user-female"
|
||||
/>
|
||||
|
||||
<span
|
||||
class="title"
|
||||
>
|
||||
Female
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ml-auto font-weight-bold"
|
||||
>
|
||||
37%
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="warning"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="37"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group"
|
||||
>
|
||||
<div
|
||||
class="progress-group-header"
|
||||
>
|
||||
<cicon-stub
|
||||
class="progress-group-icon"
|
||||
name="cil-globe-alt"
|
||||
/>
|
||||
|
||||
<span
|
||||
class="title"
|
||||
>
|
||||
Organic Search
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ml-auto font-weight-bold"
|
||||
>
|
||||
|
||||
191,235
|
||||
<span
|
||||
class="text-muted small"
|
||||
>
|
||||
(56%)
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="56"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group"
|
||||
>
|
||||
<div
|
||||
class="progress-group-header"
|
||||
>
|
||||
<cicon-stub
|
||||
class="progress-group-icon"
|
||||
height="17"
|
||||
name="cib-facebook"
|
||||
/>
|
||||
|
||||
<span
|
||||
class="title"
|
||||
>
|
||||
Facebook
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ml-auto font-weight-bold"
|
||||
>
|
||||
|
||||
51,223
|
||||
<span
|
||||
class="text-muted small"
|
||||
>
|
||||
(15%)
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="15"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group"
|
||||
>
|
||||
<div
|
||||
class="progress-group-header"
|
||||
>
|
||||
<cicon-stub
|
||||
class="progress-group-icon"
|
||||
height="17"
|
||||
name="cib-twitter"
|
||||
/>
|
||||
|
||||
<span
|
||||
class="title"
|
||||
>
|
||||
Twitter
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ml-auto font-weight-bold"
|
||||
>
|
||||
|
||||
37,564
|
||||
<span
|
||||
class="text-muted small"
|
||||
>
|
||||
(11%)
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="11"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group"
|
||||
>
|
||||
<div
|
||||
class="progress-group-header"
|
||||
>
|
||||
<cicon-stub
|
||||
class="progress-group-icon"
|
||||
height="17"
|
||||
name="cib-linkedin"
|
||||
/>
|
||||
|
||||
<span
|
||||
class="title"
|
||||
>
|
||||
LinkedIn
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ml-auto font-weight-bold"
|
||||
>
|
||||
|
||||
27,319
|
||||
<span
|
||||
class="text-muted small"
|
||||
>
|
||||
(8%)
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="8"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="divider text-center"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="text-muted"
|
||||
color="link"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
size="sm"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-options"
|
||||
/>
|
||||
</cbutton-stub>
|
||||
</div>
|
||||
</ul>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<br />
|
||||
|
||||
<cdatatable-stub
|
||||
class="mb-0 table-outline"
|
||||
fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
head-color="light"
|
||||
header="true"
|
||||
hover="true"
|
||||
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
itemsperpage="10"
|
||||
no-sorting=""
|
||||
responsive="true"
|
||||
sortervalue="[object Object]"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,32 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Breadcrumbs from '@/views/base/Breadcrumbs'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Breadcrumbs.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Breadcrumbs.name).toBe('Breadcrumbs')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Breadcrumbs.data).toMatch('function')
|
||||
})
|
||||
it('sets the correct default data', () => {
|
||||
expect(typeof Breadcrumbs.data).toMatch('function')
|
||||
const defaultData = Breadcrumbs.data()
|
||||
expect(typeof defaultData.items).toMatch('object')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Breadcrumbs)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Breadcrumbs', () => {
|
||||
const wrapper = shallowMount(Breadcrumbs)
|
||||
expect(wrapper.findComponent(Breadcrumbs)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(Breadcrumbs)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,32 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Cards from '@/views/base/Cards'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Cards.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Cards.name).toBe('Cards')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Cards.data).toMatch('function')
|
||||
})
|
||||
it('sets the correct default data', () => {
|
||||
expect(typeof Cards.data).toMatch('function')
|
||||
const defaultData = Cards.data()
|
||||
expect(defaultData.show).toBe(true)
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Cards)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Cards', () => {
|
||||
const wrapper = shallowMount(Cards)
|
||||
expect(wrapper.findComponent(Cards)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(Cards)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,20 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Carousels from '@/views/base/Carousels'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Carousels.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Carousels.name).toBe('Carousels')
|
||||
})
|
||||
it('is Carousels', () => {
|
||||
const wrapper = shallowMount(Carousels)
|
||||
expect(wrapper.findComponent(Carousels)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(Carousels)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,20 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Collapses from '@/views/base/Collapses'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Collapses.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Collapses.name).toBe('Collapses')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Collapses)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(Collapses)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,53 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { mount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Forms from '@/views/base/Forms'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Forms.vue', () => {
|
||||
// use mount. So the method applied to child components can be tested
|
||||
const wrapper = mount(Forms)
|
||||
|
||||
it('has a name', () => {
|
||||
expect(Forms.name).toBe('Forms')
|
||||
})
|
||||
it('is Forms', () => {
|
||||
expect(wrapper.findComponent(Forms)).toBeTruthy()
|
||||
})
|
||||
// render random chackboxes
|
||||
// test('renders correctly', () => {
|
||||
// const wrapper = shallowMount(Forms)
|
||||
// expect(wrapper.element).toMatchSnapshot()
|
||||
// })
|
||||
|
||||
// the test action is in Forms.vue, with valid & invalid input
|
||||
// so just render it, it will executed
|
||||
it('should execute validator() on mount', (done) => {
|
||||
expect(wrapper).toBeDefined()
|
||||
done()
|
||||
})
|
||||
|
||||
// simulate input to make it invalid. This will test <CInput :is-valid="validator" />
|
||||
it('should not pass validator()', (done) => {
|
||||
// need to find best selector for the input, this one from rendered HTML
|
||||
const input = wrapper.findAll('input').at(71)
|
||||
input.setValue('Hai')
|
||||
|
||||
wrapper.vm.$nextTick(() => {
|
||||
expect(input.classes()).toContain('is-invalid')
|
||||
// use callback, because its error when using async await
|
||||
done()
|
||||
})
|
||||
})
|
||||
|
||||
it('should pass validator()', (done) => {
|
||||
const input = wrapper.find('div > div:nth-child(3) > div:nth-child(2) > div > div > form > div:nth-child(2) > input')
|
||||
input.setValue('Hello World')
|
||||
|
||||
wrapper.vm.$nextTick(() => {
|
||||
expect(input.classes()).toContain('is-valid')
|
||||
done()
|
||||
})
|
||||
})
|
||||
})
|
||||
@@ -1,24 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Jumbotrons from '@/views/base/Jumbotrons'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Jumbotrons.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Jumbotrons.name).toBe('Jumbotrons')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Jumbotrons)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Jumbotrons', () => {
|
||||
const wrapper = shallowMount(Jumbotrons)
|
||||
expect(wrapper.findComponent(Jumbotrons)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Jumbotrons)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,24 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import ListGroups from '@/views/base/ListGroups'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('ListGroups.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(ListGroups.name).toBe('ListGroups')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(ListGroups)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is ListGroups', () => {
|
||||
const wrapper = shallowMount(ListGroups)
|
||||
expect(wrapper.findComponent(ListGroups)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(ListGroups)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,24 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Navbars from '@/views/base/Navbars'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Navbars.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Navbars.name).toBe('Navbars')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Navbars)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Navbars', () => {
|
||||
const wrapper = shallowMount(Navbars)
|
||||
expect(wrapper.findComponent(Navbars)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Navbars)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,24 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Navs from '@/views/base/Navs'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Navs.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Navs.name).toBe('Navs')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Navs)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Navbars', () => {
|
||||
const wrapper = shallowMount(Navs)
|
||||
expect(wrapper.findComponent(Navs)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Navs)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,32 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Paginations from '@/views/base/Paginations'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Paginations.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Paginations.name).toBe('Paginations')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Paginations.data).toMatch('function')
|
||||
})
|
||||
it('sets the correct default data', () => {
|
||||
expect(typeof Paginations.data).toMatch('function')
|
||||
const defaultData = Paginations.data()
|
||||
expect(defaultData.currentPage).toBe(3)
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Paginations)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Paginations', () => {
|
||||
const wrapper = shallowMount(Paginations)
|
||||
expect(wrapper.findComponent(Paginations)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Paginations)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,34 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Popovers from '@/views/base/Popovers'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Popovers.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Popovers.name).toBe('Popovers')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Popovers.data).toMatch('function')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Popovers)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Popovers', () => {
|
||||
const wrapper = shallowMount(Popovers)
|
||||
expect(wrapper.findComponent(Popovers)).toBeTruthy()
|
||||
})
|
||||
})
|
||||
|
||||
if (global.document) {
|
||||
document.createRange = () => ({
|
||||
setStart: () => {},
|
||||
setEnd: () => {},
|
||||
commonAncestorContainer: {
|
||||
nodeName: 'BODY',
|
||||
ownerDocument: document,
|
||||
},
|
||||
});
|
||||
}
|
||||
@@ -1,54 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils';
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import ProgressBars from '@/views/base/ProgressBars'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
jest.useFakeTimers()
|
||||
|
||||
describe('ProgressBars.vue', () => {
|
||||
// mount it once, to make test efficient & faster
|
||||
const wrapper = shallowMount(ProgressBars)
|
||||
|
||||
it('has a name', () => {
|
||||
expect(ProgressBars.name).toBe('ProgressBars')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof ProgressBars.data).toMatch('function')
|
||||
})
|
||||
it('sets the correct default data', () => {
|
||||
expect(typeof ProgressBars.data).toMatch('function')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is ProgressBars', () => {
|
||||
expect(wrapper.findComponent(ProgressBars)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
// mock Math.random() to always return 1
|
||||
jest.spyOn(global.Math, 'random').mockReturnValue(1)
|
||||
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
|
||||
// restore Math.random()
|
||||
jest.spyOn(global.Math, 'random').mockRestore()
|
||||
})
|
||||
it('should have methods', () => {
|
||||
expect(typeof ProgressBars.methods.clicked ).toEqual('function')
|
||||
expect(ProgressBars.methods.clicked()).toBeUndefined()
|
||||
})
|
||||
it('should execute mounted', () => {
|
||||
// mock interval 2000 ms
|
||||
jest.advanceTimersByTime(2000);
|
||||
|
||||
expect(setInterval).toHaveBeenCalled();
|
||||
expect(setInterval).toHaveBeenLastCalledWith(expect.any(Function), 2000)
|
||||
})
|
||||
|
||||
// this test should be the last
|
||||
it('should be destroyed', () => {
|
||||
wrapper.destroy()
|
||||
})
|
||||
})
|
||||
@@ -1,27 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { mount, shallowMount } from '@vue/test-utils';
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Switches from '@/views/base/Switches'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Switches.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Switches.name).toBe('Switches')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Switches.data).toMatch('function')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = mount(Switches)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Switches', () => {
|
||||
const wrapper = mount(Switches)
|
||||
expect(wrapper.findComponent(Switches)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Switches)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,24 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { mount, shallowMount } from '@vue/test-utils';
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Table from '@/views/base/Table'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Table.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Table.name).toBe('Table')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = mount(Table)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Table', () => {
|
||||
const wrapper = mount(Table)
|
||||
expect(wrapper.findComponent(Table)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Table)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,24 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { mount, shallowMount } from '@vue/test-utils';
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Tables from '@/views/base/Tables'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Tables.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Tables.name).toBe('Tables')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = mount(Tables)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Tables', () => {
|
||||
const wrapper = mount(Tables)
|
||||
expect(wrapper.findComponent(Tables)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Tables)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,30 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { mount, shallowMount } from '@vue/test-utils';
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Tabs from '@/views/base/Tabs'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Tabs.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Tabs.name).toBe('Tabs')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Tabs.data).toMatch('function')
|
||||
})
|
||||
it('sets the correct default data', () => {
|
||||
expect(typeof Tabs.data).toMatch('function')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = mount(Tabs)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Tabs', () => {
|
||||
const wrapper = mount(Tabs)
|
||||
expect(wrapper.findComponent(Tabs)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Tabs)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,38 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils';
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Tooltips from '@/views/base/Tooltips'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Tooltips.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Tooltips.name).toBe('Tooltips')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Tooltips.data).toMatch('function')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Tooltips)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Tooltips', () => {
|
||||
const wrapper = shallowMount(Tooltips)
|
||||
expect(wrapper.findComponent(Tooltips)).toBeTruthy()
|
||||
})
|
||||
// test('renders correctly', () => {
|
||||
// const wrapper = shallowMount(Tooltips)
|
||||
// expect(wrapper.element).toMatchSnapshot()
|
||||
// })
|
||||
})
|
||||
|
||||
if (global.document) {
|
||||
document.createRange = () => ({
|
||||
setStart: () => {},
|
||||
setEnd: () => {},
|
||||
commonAncestorContainer: {
|
||||
nodeName: 'BODY',
|
||||
ownerDocument: document,
|
||||
},
|
||||
});
|
||||
}
|
||||
@@ -1,175 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Breadcrumbs.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
role="img"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
undefined
|
||||
</svg>
|
||||
<strong>
|
||||
Bootstrap Breadcrumb
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/breadcrumb"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<ol
|
||||
class="breadcrumb"
|
||||
>
|
||||
<li
|
||||
class="breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Admin
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Manage
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="active breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<span>
|
||||
Library
|
||||
</span>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<ol
|
||||
class="breadcrumb"
|
||||
>
|
||||
<li
|
||||
class="breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Go to dashboard
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Go to widgets
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="http://google.com"
|
||||
target="_self"
|
||||
>
|
||||
Go to Google
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="active breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<span>
|
||||
Current page
|
||||
</span>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<ol
|
||||
class="breadcrumb"
|
||||
>
|
||||
<li
|
||||
class="font-xl breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Added
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="font-xl breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Custom
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="active font-xl text-danger breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<span>
|
||||
Classes
|
||||
</span>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,788 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Cards.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Card title
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/card-components"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<div
|
||||
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="card-footer"
|
||||
>
|
||||
Card Footer
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
role="img"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
undefined
|
||||
</svg>
|
||||
Card with icon
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Card with switch
|
||||
|
||||
<label
|
||||
class="float-right c-switch form-check-label c-switch-sm c-switch-pill c-switch-info"
|
||||
>
|
||||
<input
|
||||
class="c-switch-input form-check-input"
|
||||
data-off="Off"
|
||||
data-on="On"
|
||||
type="checkbox"
|
||||
/>
|
||||
<span
|
||||
class="c-switch-slider"
|
||||
/>
|
||||
</label>
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Card with label
|
||||
|
||||
<span
|
||||
class="badge float-right badge-success"
|
||||
>
|
||||
Success
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Card with label
|
||||
|
||||
<span
|
||||
class="badge float-right badge-danger badge-pill"
|
||||
>
|
||||
42
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card border-primary"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card outline primary
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card border-secondary"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card outline secondary
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card border-success"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card outline success
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card border-info"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card outline info
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card border-warning"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card outline warning
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card border-danger"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card outline danger
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card card-accent-primary"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card with primary accent
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card card-accent-secondary"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card with secondary accent
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card card-accent-success"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card with success accent
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card card-accent-info"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card with info accent
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card card-accent-info"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card with info accent
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card card-accent-danger"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
Card with danger accent
|
||||
</header>
|
||||
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card text-center bg-primary text-white"
|
||||
>
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<blockquote
|
||||
class="card-blockquote"
|
||||
>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
Someone famous in
|
||||
|
||||
<cite
|
||||
title="Source Title"
|
||||
>
|
||||
Source Title
|
||||
</cite>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card text-center bg-success text-white"
|
||||
>
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<blockquote
|
||||
class="card-blockquote"
|
||||
>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
Someone famous in
|
||||
|
||||
<cite
|
||||
title="Source Title"
|
||||
>
|
||||
Source Title
|
||||
</cite>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card text-center bg-info text-white"
|
||||
>
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<blockquote
|
||||
class="card-blockquote"
|
||||
>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
Someone famous in
|
||||
|
||||
<cite
|
||||
title="Source Title"
|
||||
>
|
||||
Source Title
|
||||
</cite>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card text-center bg-warning text-white"
|
||||
>
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<blockquote
|
||||
class="card-blockquote"
|
||||
>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
Someone famous in
|
||||
|
||||
<cite
|
||||
title="Source Title"
|
||||
>
|
||||
Source Title
|
||||
</cite>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card text-center bg-danger text-white"
|
||||
>
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<blockquote
|
||||
class="card-blockquote"
|
||||
>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
Someone famous in
|
||||
|
||||
<cite
|
||||
title="Source Title"
|
||||
>
|
||||
Source Title
|
||||
</cite>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card text-center bg-secondary"
|
||||
>
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<blockquote
|
||||
class="card-blockquote"
|
||||
>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
Someone famous in
|
||||
|
||||
<cite
|
||||
title="Source Title"
|
||||
>
|
||||
Source Title
|
||||
</cite>
|
||||
</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card bg-primary text-white"
|
||||
>
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card bg-success text-white"
|
||||
>
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card bg-info text-white"
|
||||
>
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card bg-warning text-white"
|
||||
>
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<div
|
||||
class="card bg-danger text-white"
|
||||
>
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-6 col-md-4"
|
||||
>
|
||||
<transition-stub
|
||||
name="fade"
|
||||
>
|
||||
<div
|
||||
class="card bg-secondary"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Card with header actions
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action btn-setting"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
role="img"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
undefined
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="card-header-action btn-minimize"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
role="img"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
undefined
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="card-header-action btn-close"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
role="img"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
undefined
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class=""
|
||||
>
|
||||
<div
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
</transition-stub>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,139 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Carousels.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-md-12 col-lg-7"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
role="img"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
undefined
|
||||
</svg>
|
||||
|
||||
<strong>
|
||||
Bootstrap Carousel
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/carousel"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<div
|
||||
class="carousel slide"
|
||||
data-v-10009e0d=""
|
||||
style="height: 400px;"
|
||||
>
|
||||
<ol
|
||||
class="carousel-indicators"
|
||||
data-v-10009e0d=""
|
||||
/>
|
||||
<div
|
||||
class="carousel-inner"
|
||||
data-v-10009e0d=""
|
||||
>
|
||||
<div
|
||||
class="carousel-item"
|
||||
data-v-10009e0d=""
|
||||
>
|
||||
<img
|
||||
class="d-block w-100 h-100 img-fluid"
|
||||
src="https://picsum.photos/1024/480/?image=52"
|
||||
/>
|
||||
<div
|
||||
class="carousel-caption"
|
||||
>
|
||||
<h3>
|
||||
First Slide
|
||||
</h3>
|
||||
<p>
|
||||
Nulla vitae elit libero, a pharetra augue mollis interdum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="carousel-item"
|
||||
data-v-10009e0d=""
|
||||
>
|
||||
<svg
|
||||
class="d-block w-100 h-100 img-fluid"
|
||||
style="background-color: grey;"
|
||||
/>
|
||||
<div
|
||||
class="carousel-caption"
|
||||
>
|
||||
<h3>
|
||||
Blank page
|
||||
</h3>
|
||||
<p>
|
||||
Nulla vitae elit libero, a pharetra augue mollis interdum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="carousel-item"
|
||||
data-v-10009e0d=""
|
||||
>
|
||||
<img
|
||||
class="d-block w-100 h-100 img-fluid"
|
||||
src="https://picsum.photos/1024/480/?image=54"
|
||||
/>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
<a
|
||||
class="carousel-control-prev"
|
||||
data-v-10009e0d=""
|
||||
>
|
||||
<span
|
||||
aria-label="Previous"
|
||||
class="carousel-control-prev-icon"
|
||||
data-v-10009e0d=""
|
||||
/>
|
||||
</a>
|
||||
<a
|
||||
class="carousel-control-next"
|
||||
data-v-10009e0d=""
|
||||
>
|
||||
<span
|
||||
aria-label="Next"
|
||||
class="carousel-control-next-icon"
|
||||
data-v-10009e0d=""
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,266 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Collapses.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-12 col-md-6"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
role="img"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
undefined
|
||||
</svg>
|
||||
|
||||
<strong>
|
||||
Bootstrap Collapse
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/collapse"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<button
|
||||
class="btn mb-2 btn-primary"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Toggle Collapse
|
||||
|
||||
</button>
|
||||
|
||||
<div
|
||||
class=""
|
||||
style="display: none;"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<p
|
||||
class="card-text"
|
||||
>
|
||||
Collapse contents Here
|
||||
</p>
|
||||
|
||||
<button
|
||||
class="btn btn-secondary btn-sm"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Toggle Inner Collapse
|
||||
|
||||
</button>
|
||||
|
||||
<div
|
||||
class="mt-2"
|
||||
style="display: none;"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
Hello!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-12 col-md-6"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<button
|
||||
class="btn text-left shadow-none card-header btn-link btn-block"
|
||||
tag="button"
|
||||
type="button"
|
||||
>
|
||||
<h5
|
||||
class="m-0"
|
||||
>
|
||||
Collapsible card
|
||||
</h5>
|
||||
</button>
|
||||
|
||||
<div
|
||||
class=""
|
||||
>
|
||||
<div
|
||||
class="card-body m-1"
|
||||
>
|
||||
|
||||
|
||||
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
|
||||
richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor
|
||||
brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
|
||||
tempor, sunt aliqua put a bird on it squid single-origin coffee nulla
|
||||
assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore
|
||||
wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
|
||||
vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic
|
||||
synth nesciunt you probably haven't heard of them accusamus labore VHS.
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-xl-6"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Collapse
|
||||
|
||||
<small>
|
||||
accordion
|
||||
</small>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<div>
|
||||
<div
|
||||
class="card mb-0"
|
||||
>
|
||||
<button
|
||||
class="btn text-left shadow-none card-header btn-link btn-block"
|
||||
type="button"
|
||||
>
|
||||
<h5
|
||||
class="m-0"
|
||||
>
|
||||
Collapsible Group Item #1
|
||||
</h5>
|
||||
</button>
|
||||
|
||||
<div
|
||||
class=""
|
||||
>
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
|
||||
1. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non
|
||||
cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
|
||||
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
|
||||
nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
|
||||
beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven''t heard of them accusamus labore sustainable VHS.
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card mb-0"
|
||||
>
|
||||
<button
|
||||
class="btn text-left shadow-none card-header btn-link btn-block"
|
||||
type="button"
|
||||
>
|
||||
<h5
|
||||
class="m-0"
|
||||
>
|
||||
Collapsible Group Item #2
|
||||
</h5>
|
||||
</button>
|
||||
|
||||
<div
|
||||
class=""
|
||||
style="display: none;"
|
||||
>
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
|
||||
2. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non
|
||||
cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
|
||||
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
|
||||
nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
|
||||
beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven''t heard of them accusamus labore sustainable VHS.
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card mb-0"
|
||||
>
|
||||
<button
|
||||
class="btn text-left shadow-none card-header btn-link btn-block"
|
||||
type="button"
|
||||
>
|
||||
<h5
|
||||
class="m-0"
|
||||
>
|
||||
Collapsible Group Item #3
|
||||
</h5>
|
||||
</button>
|
||||
|
||||
<div
|
||||
class=""
|
||||
style="display: none;"
|
||||
>
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
|
||||
3. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non
|
||||
cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
|
||||
on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
|
||||
nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
|
||||
beer farm-to-table, raw denim aesthetic synth nesciunt you probably havent heard of them accusamus labore sustainable VHS.
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,218 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Jumbotrons.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Jumbotron
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/jumbotron"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cjumbotron-stub
|
||||
tag="div"
|
||||
>
|
||||
<h1
|
||||
class="display-3"
|
||||
>
|
||||
Bootstrap 4
|
||||
</h1>
|
||||
|
||||
<p
|
||||
class="lead"
|
||||
>
|
||||
Bootstrap 4 Components for Vue.js 2.6+
|
||||
</p>
|
||||
|
||||
<p>
|
||||
For more information visit website
|
||||
</p>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
More Info
|
||||
</cbutton-stub>
|
||||
</cjumbotron-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Jumbotron
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
with slots
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cjumbotron-stub
|
||||
header="Bootstrap 4"
|
||||
lead=""
|
||||
tag="div"
|
||||
>
|
||||
<h1
|
||||
class="display-3"
|
||||
>
|
||||
Bootstrap 4
|
||||
</h1>
|
||||
|
||||
<p
|
||||
class="lead"
|
||||
>
|
||||
|
||||
This is a simple hero unit, a simple jumbotron-style component for
|
||||
calling extra attention to featured content or information.
|
||||
|
||||
</p>
|
||||
|
||||
<hr
|
||||
class="my-4"
|
||||
/>
|
||||
|
||||
<p>
|
||||
|
||||
It uses utility classes for typography and spacing to space content
|
||||
out within the larger container.
|
||||
|
||||
</p>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Do Something
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="success"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Do Something Else
|
||||
</cbutton-stub>
|
||||
</cjumbotron-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Jumbotron
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
colors
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cjumbotron-stub
|
||||
bordercolor="dark"
|
||||
color="info"
|
||||
tag="div"
|
||||
textcolor="white"
|
||||
>
|
||||
<h1
|
||||
class="display-3"
|
||||
>
|
||||
Bootstrap 4
|
||||
</h1>
|
||||
|
||||
<p
|
||||
class="lead"
|
||||
>
|
||||
|
||||
This is a simple hero unit, a simple jumbotron-style component for
|
||||
calling extra attention to featured content or information.
|
||||
|
||||
</p>
|
||||
|
||||
<hr
|
||||
class="my-4"
|
||||
/>
|
||||
|
||||
<p>
|
||||
|
||||
It uses utility classes for typography and spacing to space content
|
||||
out within the larger container.
|
||||
|
||||
</p>
|
||||
</cjumbotron-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,954 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`ListGroups.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
List group
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
disabled items
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<clistgroup-stub
|
||||
tag="ul"
|
||||
>
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Cras justo odio
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Dapibus ac facilisis in
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Morbi leo risus
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitemdivider-stub />
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Porta ac consectetur ac
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Vestibulum at eros
|
||||
</clistgroupitem-stub>
|
||||
</clistgroup-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
List group
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
actionable items
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<clistgroup-stub
|
||||
tag="ul"
|
||||
>
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#some-link"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Awesome link
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Link with active state
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Action links are easy
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#foobar"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Disabled link
|
||||
</clistgroupitem-stub>
|
||||
</clistgroup-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
List group
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
buttons
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<clistgroup-stub
|
||||
tag="ul"
|
||||
>
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="button"
|
||||
target="_self"
|
||||
>
|
||||
Button item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="button"
|
||||
target="_self"
|
||||
>
|
||||
I am a button
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="button"
|
||||
target="_self"
|
||||
>
|
||||
Disabled button
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="button"
|
||||
target="_self"
|
||||
>
|
||||
This is a button too
|
||||
</clistgroupitem-stub>
|
||||
</clistgroup-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
List group
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
with badges
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<clistgroup-stub
|
||||
tag="ul"
|
||||
>
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-flex justify-content-between align-items-center"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Cras justo odio
|
||||
|
||||
<cbadge-stub
|
||||
activeclass="router-link-active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
shape="pill"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
14
|
||||
</cbadge-stub>
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-flex justify-content-between align-items-center"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Dapibus ac facilisis in
|
||||
|
||||
<cbadge-stub
|
||||
activeclass="router-link-active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
shape="pill"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
2
|
||||
</cbadge-stub>
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-flex justify-content-between align-items-center"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Morbi leo risus
|
||||
|
||||
<cbadge-stub
|
||||
activeclass="router-link-active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
shape="pill"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
1
|
||||
</cbadge-stub>
|
||||
</clistgroupitem-stub>
|
||||
</clistgroup-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
List group
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
colors
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<clistgroup-stub
|
||||
tag="ul"
|
||||
>
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a default list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a primary list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a secondary list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
color="success"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a success list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
color="danger"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a danger list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
color="warning"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a warning list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
color="info"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a info list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
color="light"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a light list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
color="dark"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a dark list group item
|
||||
</clistgroupitem-stub>
|
||||
</clistgroup-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
List group
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
colors active accent
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<clistgroup-stub
|
||||
accent="true"
|
||||
tag="ul"
|
||||
>
|
||||
<clistgroupitem-stub
|
||||
accent="light"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a default list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
accent="primary"
|
||||
activeclass="router-link-active"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a primary list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
accent="secondary"
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a secondary list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
accent="success"
|
||||
activeclass="router-link-active"
|
||||
color="success"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a success list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
accent="danger"
|
||||
activeclass="router-link-active"
|
||||
color="danger"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a danger list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
accent="warning"
|
||||
activeclass="router-link-active"
|
||||
color="warning"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a warning list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
accent="info"
|
||||
activeclass="router-link-active"
|
||||
color="info"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a info list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
accent="light"
|
||||
activeclass="router-link-active"
|
||||
color="light"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a light list group item
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
accent="dark"
|
||||
activeclass="router-link-active"
|
||||
color="dark"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
This is a dark list group item
|
||||
</clistgroupitem-stub>
|
||||
</clistgroup-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
List group
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
inside cards
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<ccardgroup-stub
|
||||
deck="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<b>
|
||||
Card with list group
|
||||
</b>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<clistgroup-stub
|
||||
tag="ul"
|
||||
>
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Cras justo odio
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Dapibus ac facilisis in
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Vestibulum at eros
|
||||
</clistgroupitem-stub>
|
||||
</clistgroup-stub>
|
||||
|
||||
<ccardtext-stub
|
||||
class="mt-2"
|
||||
tag="p"
|
||||
>
|
||||
|
||||
Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex
|
||||
nulla tempor. Laborum consequat non elit enim exercitation cillum aliqua
|
||||
consequat id aliqua. Esse ex consectetur mollit voluptate est in duis laboris
|
||||
ad sit ipsum anim Lorem.
|
||||
|
||||
</ccardtext-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<b>
|
||||
Card with flush list group
|
||||
</b>
|
||||
</ccardheader-stub>
|
||||
|
||||
<clistgroup-stub
|
||||
flush="true"
|
||||
tag="ul"
|
||||
>
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Cras justo odio
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Dapibus ac facilisis in
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
Vestibulum at eros
|
||||
</clistgroupitem-stub>
|
||||
</clistgroup-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
|
||||
Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex
|
||||
nulla tempor. Laborum consequat non elit enim exercitation cillum aliqua
|
||||
consequat id aliqua. Esse ex consectetur mollit voluptate est in duis laboris
|
||||
ad sit ipsum anim Lorem.
|
||||
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccardgroup-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
<strong>
|
||||
List group
|
||||
</strong>
|
||||
<small>
|
||||
custom content
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<clistgroup-stub
|
||||
tag="ul"
|
||||
>
|
||||
<clistgroupitem-stub
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
class="flex-column align-items-start"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
<div
|
||||
class="d-flex w-100 justify-content-between"
|
||||
>
|
||||
<h5
|
||||
class="mb-1"
|
||||
>
|
||||
List group item heading
|
||||
</h5>
|
||||
|
||||
<small>
|
||||
3 days ago
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<p
|
||||
class="mb-1"
|
||||
>
|
||||
|
||||
Donec id elit non mi porta gravida at eget metus. Maecenas
|
||||
sed diam eget risus varius blandit.
|
||||
|
||||
</p>
|
||||
|
||||
<small>
|
||||
Donec id elit non mi porta.
|
||||
</small>
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
class="flex-column align-items-start"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
<div
|
||||
class="d-flex w-100 justify-content-between"
|
||||
>
|
||||
<h5
|
||||
class="mb-1"
|
||||
>
|
||||
List group item heading
|
||||
</h5>
|
||||
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
3 days ago
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<p
|
||||
class="mb-1"
|
||||
>
|
||||
|
||||
Donec id elit non mi porta gravida at eget metus. Maecenas
|
||||
sed diam eget risus varius blandit.
|
||||
|
||||
</p>
|
||||
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
Donec id elit non mi porta.
|
||||
</small>
|
||||
</clistgroupitem-stub>
|
||||
|
||||
<clistgroupitem-stub
|
||||
activeclass="router-link-active"
|
||||
class="flex-column align-items-start"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="li"
|
||||
target="_self"
|
||||
>
|
||||
<div
|
||||
class="d-flex w-100 justify-content-between"
|
||||
>
|
||||
<h5
|
||||
class="mb-1"
|
||||
>
|
||||
Disabled List group item
|
||||
</h5>
|
||||
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
3 days ago
|
||||
</small>
|
||||
</div>
|
||||
|
||||
<p
|
||||
class="mb-1"
|
||||
>
|
||||
|
||||
Donec id elit non mi porta gravida at eget metus. Maecenas
|
||||
sed diam eget risus varius blandit.
|
||||
|
||||
</p>
|
||||
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
Donec id elit non mi porta.
|
||||
</small>
|
||||
</clistgroupitem-stub>
|
||||
</clistgroup-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,526 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Navbars.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navbar
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/navbar"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnavbar-stub
|
||||
color="info"
|
||||
expandable="md"
|
||||
tag="nav"
|
||||
>
|
||||
<ctoggler-stub
|
||||
innavbar="true"
|
||||
tag="button"
|
||||
/>
|
||||
|
||||
<cnavbarbrand-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="div"
|
||||
target="_self"
|
||||
>
|
||||
NavBar
|
||||
</cnavbarbrand-stub>
|
||||
|
||||
<ccollapse-stub
|
||||
duration="400"
|
||||
navbar="true"
|
||||
transition="ease-in-out"
|
||||
>
|
||||
<cnavbarnav-stub
|
||||
tag="ul"
|
||||
>
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnavbarnav-stub>
|
||||
|
||||
<cnavbarnav-stub
|
||||
class="ml-auto"
|
||||
tag="ul"
|
||||
>
|
||||
<cform-stub
|
||||
class="align-middle"
|
||||
inline="true"
|
||||
>
|
||||
<cinput-stub
|
||||
class="mr-2 my-0"
|
||||
lazy="400"
|
||||
placeholder="Search"
|
||||
size="sm"
|
||||
type="text"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="light"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
size="sm"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Search
|
||||
|
||||
</cbutton-stub>
|
||||
</cform-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
caret="true"
|
||||
flip="true"
|
||||
innav="true"
|
||||
offset="0,0"
|
||||
placement="bottom-start"
|
||||
togglertext="Lang"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
EN
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
ES
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
RU
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
FA
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
caret="true"
|
||||
flip="true"
|
||||
innav="true"
|
||||
offset="0,0"
|
||||
placement="bottom-start"
|
||||
togglertext="User"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Profile
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Signout
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
</cnavbarnav-stub>
|
||||
</ccollapse-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
brand
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnavbar-stub
|
||||
color="faded"
|
||||
light="true"
|
||||
tag="nav"
|
||||
>
|
||||
<cnavbarbrand-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="div"
|
||||
target="_self"
|
||||
>
|
||||
<img
|
||||
alt="CoreuiVue"
|
||||
class="d-inline-block align-top"
|
||||
src="https://placekitten.com/g/30/30"
|
||||
/>
|
||||
|
||||
CoreuiVue
|
||||
|
||||
</cnavbarbrand-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
text
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnavbar-stub
|
||||
color="light"
|
||||
light="true"
|
||||
tag="nav"
|
||||
toggleable="sm"
|
||||
>
|
||||
<ctoggler-stub
|
||||
innavbar="true"
|
||||
tag="button"
|
||||
/>
|
||||
|
||||
<cnavbarbrand-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
tag="div"
|
||||
target="_self"
|
||||
>
|
||||
CoreuiVue
|
||||
</cnavbarbrand-stub>
|
||||
|
||||
<ccollapse-stub
|
||||
duration="400"
|
||||
navbar="true"
|
||||
transition="ease-in-out"
|
||||
>
|
||||
<cnavbarnav-stub
|
||||
tag="ul"
|
||||
>
|
||||
<cnavbartext-stub
|
||||
tag="div"
|
||||
>
|
||||
Navbar text
|
||||
</cnavbartext-stub>
|
||||
</cnavbarnav-stub>
|
||||
</ccollapse-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
dropdown
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnavbar-stub
|
||||
color="primary"
|
||||
expandable="sm"
|
||||
tag="nav"
|
||||
>
|
||||
<ctoggler-stub
|
||||
innavbar="true"
|
||||
tag="button"
|
||||
/>
|
||||
|
||||
<ccollapse-stub
|
||||
duration="400"
|
||||
navbar="true"
|
||||
transition="ease-in-out"
|
||||
>
|
||||
<cnavbarnav-stub
|
||||
tag="ul"
|
||||
>
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Home
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
caret="true"
|
||||
flip="true"
|
||||
innav="true"
|
||||
offset="0,0"
|
||||
placement="bottom-start"
|
||||
togglertext="Lang"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
EN
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
ES
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
RU
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
FA
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
caret="true"
|
||||
flip="true"
|
||||
innav="true"
|
||||
offset="0,0"
|
||||
placement="bottom-start"
|
||||
togglertext="User"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Account
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Settings
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
</cnavbarnav-stub>
|
||||
</ccollapse-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
form
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnavbar-stub
|
||||
color="light"
|
||||
light="true"
|
||||
tag="nav"
|
||||
>
|
||||
<cform-stub
|
||||
inline="true"
|
||||
>
|
||||
<cinput-stub
|
||||
class="mr-sm-2"
|
||||
lazy="400"
|
||||
placeholder="Search"
|
||||
size="sm"
|
||||
type="text"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="my-2 my-sm-0"
|
||||
color="outline-success"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="submit"
|
||||
>
|
||||
Search
|
||||
</cbutton-stub>
|
||||
</cform-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
input group
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnavbar-stub
|
||||
color="light"
|
||||
light="true"
|
||||
tag="nav"
|
||||
>
|
||||
<cform-stub
|
||||
inline="true"
|
||||
>
|
||||
<cinput-stub
|
||||
class="mr-sm-2"
|
||||
lazy="400"
|
||||
placeholder="Username"
|
||||
type="text"
|
||||
/>
|
||||
</cform-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,576 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Navs.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/nav"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
title="Link"
|
||||
/>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Another Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
icons
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub
|
||||
variant="pills"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-basket"
|
||||
/>
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-settings"
|
||||
/>
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-bell"
|
||||
/>
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-envelope-closed"
|
||||
/>
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
tab style
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub
|
||||
variant="tabs"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Active
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
Another Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
pill style
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub
|
||||
variant="pills"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Another Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
fill tabs
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub
|
||||
fill="true"
|
||||
variant="tabs"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Link with a long name
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
justified tabs
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub
|
||||
justified="true"
|
||||
variant="tabs"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Link with a long name
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
dropdown support
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cnav-stub
|
||||
variant="pills"
|
||||
>
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
button-content="Dropdown"
|
||||
caret="true"
|
||||
flip="true"
|
||||
innav="true"
|
||||
offset="0,0"
|
||||
placement="bottom-end"
|
||||
togglertext="Dropdown"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
one
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
two
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdowndivider-stub
|
||||
tag="div"
|
||||
/>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
three
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
vertical variation
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
class="m-0"
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<cnav-stub
|
||||
pills=""
|
||||
vertical="lg"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Another Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,168 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Paginations.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Pagination
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
size
|
||||
</small>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/pagination"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<h6>
|
||||
Default
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="start"
|
||||
arrows="true"
|
||||
dots="true"
|
||||
doublearrows="true"
|
||||
limit="5"
|
||||
pages="10"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<h6>
|
||||
Small
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="start"
|
||||
arrows="true"
|
||||
dots="true"
|
||||
doublearrows="true"
|
||||
limit="5"
|
||||
pages="10"
|
||||
size="sm"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<div
|
||||
class="d-md-down-none"
|
||||
>
|
||||
<h6>
|
||||
Large
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="start"
|
||||
arrows="true"
|
||||
dots="true"
|
||||
doublearrows="true"
|
||||
limit="5"
|
||||
pages="10"
|
||||
size="lg"
|
||||
/>
|
||||
|
||||
<br />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
currentPage: 3
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Pagination
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
alignment
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<h6>
|
||||
Left alignment (default)
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="start"
|
||||
arrows="true"
|
||||
dots="true"
|
||||
doublearrows="true"
|
||||
limit="5"
|
||||
pages="10"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<h6>
|
||||
Center alignment
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="center"
|
||||
arrows="true"
|
||||
dots="true"
|
||||
doublearrows="true"
|
||||
limit="5"
|
||||
pages="10"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<h6>
|
||||
Right (end) alignment
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="end"
|
||||
arrows="true"
|
||||
dots="true"
|
||||
doublearrows="true"
|
||||
limit="5"
|
||||
pages="10"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<div>
|
||||
currentPage: 3
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,731 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`ProgressBars.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Progress
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/progress"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="73"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="mt-1"
|
||||
max="100"
|
||||
precision="0"
|
||||
showvalue="true"
|
||||
value="0"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
color="gradient-success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="43.8"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="gradient-warning"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="18.25"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="gradient-danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="10.95"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="mt-4"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Click me to animate progress bars
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
<small>
|
||||
labels
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<h6>
|
||||
No label
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="50"
|
||||
precision="0"
|
||||
value="33.333333333"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Value label
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="50"
|
||||
precision="0"
|
||||
showvalue="true"
|
||||
value="33.333333333"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Progress label
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="50"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="33.333333333"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Value label with precision
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="50"
|
||||
precision="2"
|
||||
showvalue="true"
|
||||
value="33.333333333"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Progress label with precision
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="50"
|
||||
precision="2"
|
||||
showpercentage="true"
|
||||
value="33.333333333"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
width
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<h6>
|
||||
Default width
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Custom widths
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="w-75 mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="w-50 mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="w-25"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
height
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<h6>
|
||||
Default height
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Custom heights
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
size="xs"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
size="sm"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
style="height: 2rem;"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
style="height: 20px;"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
style="height: 2px;"
|
||||
value="75"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
colors
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
gradient-success:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="gradient-success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
gradient-info:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="gradient-info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
gradient-warning:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="gradient-warning"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
gradient-danger:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="gradient-danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
gradient-primary:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="gradient-primary"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
gradient-secondary:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="gradient-secondary"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="row mb-1"
|
||||
>
|
||||
<div
|
||||
class="col-sm-2"
|
||||
>
|
||||
gradient-dark:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-sm-10 pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
color="gradient-dark"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
striped
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="25"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="50"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
color="warning"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-2"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="100"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Remove Striped
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
animated
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
class="mb-2"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="25"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
class="mb-2"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="50"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
class="mb-2"
|
||||
color="warning"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="75"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
class="mb-3"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="100"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Stop Animation
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
multiple bars
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="0"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
color="gradient-primary"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="15"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="gradient-success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="30"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="gradient-info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="20"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="0"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
color="gradient-primary"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="15"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="gradient-success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="30"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="gradient-info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="20"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
showvalue="true"
|
||||
striped="true"
|
||||
value="0"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
color="gradient-primary"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="15"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="gradient-success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="30"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="gradient-info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="20"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
|
||||
<cprogress-stub
|
||||
class="mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="0"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
color="gradient-primary"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="15"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
animated="true"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
value="30"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
color="gradient-info"
|
||||
max="100"
|
||||
precision="0"
|
||||
showpercentage="true"
|
||||
striped="true"
|
||||
value="20"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
`;
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,24 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Table.vue renders correctly 1`] = `
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-grid"
|
||||
/>
|
||||
Table
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cdatatable-stub
|
||||
fields="username,registered,role,status"
|
||||
header="true"
|
||||
itemsperpage="5"
|
||||
pagination="true"
|
||||
responsive="true"
|
||||
sortervalue="[object Object]"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
`;
|
||||
@@ -1,106 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Tables.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
caption="Table"
|
||||
fields="username,registered,role,status"
|
||||
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],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
caption="Striped Table"
|
||||
fields="username,registered,role,status"
|
||||
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],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
striped="true"
|
||||
/>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
caption="Condensed Table"
|
||||
fields="username,registered,role,status"
|
||||
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],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
small="true"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
border="true"
|
||||
caption="Bordered Table"
|
||||
fields="username,registered,role,status"
|
||||
fixed="true"
|
||||
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],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
/>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
border="true"
|
||||
caption="Combined All Table"
|
||||
fields="username,registered,role,status"
|
||||
fixed="true"
|
||||
hover="true"
|
||||
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],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
small="true"
|
||||
striped="true"
|
||||
/>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
border="true"
|
||||
caption="Combined All dark Table"
|
||||
dark="true"
|
||||
fields="username,registered,role,status"
|
||||
fixed="true"
|
||||
hover="true"
|
||||
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],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
small="true"
|
||||
striped="true"
|
||||
/>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,445 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Tabs.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
xs="12"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Tabs
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/tabs"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<ctabs-stub
|
||||
fade="true"
|
||||
variant="tabs"
|
||||
>
|
||||
<ctab-stub
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
title="Home"
|
||||
>
|
||||
|
||||
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
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
title="Profile"
|
||||
>
|
||||
|
||||
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
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
title="Disabled"
|
||||
>
|
||||
|
||||
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"
|
||||
xs="12"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Tabs
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<ctabs-stub
|
||||
fade="true"
|
||||
variant="pills"
|
||||
>
|
||||
<ctab-stub
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
title="Home"
|
||||
>
|
||||
|
||||
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
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
title="Profile"
|
||||
>
|
||||
|
||||
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
|
||||
activeclass="router-link-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
title="Disabled"
|
||||
>
|
||||
|
||||
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"
|
||||
xs="12"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Tabs with icons
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<ctabs-stub
|
||||
activetab="1"
|
||||
fade="true"
|
||||
variant="tabs"
|
||||
>
|
||||
<ctab-stub
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="cil-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
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="cil-basket"
|
||||
/>
|
||||
</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
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="cil-chart-pie"
|
||||
/>
|
||||
</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"
|
||||
xs="12"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Tabs with icons
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<ctabs-stub
|
||||
addtabclasses="mt-1"
|
||||
fade="true"
|
||||
variant="tabs"
|
||||
>
|
||||
<ctab-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="cil-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
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="cil-basket"
|
||||
/>
|
||||
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
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="cil-chart-pie"
|
||||
/>
|
||||
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"
|
||||
xs="12"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Tabs vertical
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<ctabs-stub
|
||||
fade="true"
|
||||
variant="pills"
|
||||
vertical="true"
|
||||
>
|
||||
<ctab-stub
|
||||
active="true"
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="cil-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
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="cil-basket"
|
||||
/>
|
||||
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
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<template>
|
||||
<cicon-stub
|
||||
name="cil-chart-pie"
|
||||
/>
|
||||
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>
|
||||
</crow-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,24 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import BrandButtons from '@/views/buttons/BrandButtons'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('BrandButtons.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(BrandButtons.name).toBe('BrandButtons')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(BrandButtons)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is BrandButtons', () => {
|
||||
const wrapper = shallowMount(BrandButtons)
|
||||
expect(wrapper.findComponent(BrandButtons)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(BrandButtons)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,24 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Dropdowns from '@/views/buttons/Dropdowns'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Dropdowns.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Dropdowns.name).toBe('Dropdowns')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Dropdowns)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Dropdowns', () => {
|
||||
const wrapper = shallowMount(Dropdowns)
|
||||
expect(wrapper.findComponent(Dropdowns)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(Dropdowns)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,22 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import ButtonGroups from '@/views/buttons/ButtonGroups'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('ButtonGroups.vue', () => {
|
||||
const wrapper = shallowMount(ButtonGroups)
|
||||
it('has a name', () => {
|
||||
expect(ButtonGroups.name).toBe('ButtonGroups')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is ButtonGroups', () => {
|
||||
expect(wrapper.findComponent(ButtonGroups)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,32 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import StandardButtons from '@/views/buttons/StandardButtons'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('StandardButtons.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(StandardButtons.name).toBe('StandardButtons')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof StandardButtons.data).toMatch('function')
|
||||
})
|
||||
it('sets the correct default data', () => {
|
||||
expect(typeof StandardButtons.data).toMatch('function')
|
||||
const defaultData = StandardButtons.data()
|
||||
expect(defaultData.togglePress).toBe(false)
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(StandardButtons)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is StandardButtons', () => {
|
||||
const wrapper = shallowMount(StandardButtons)
|
||||
expect(wrapper.findComponent(StandardButtons)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(StandardButtons)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,879 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`ButtonGroups.vue renders correctly 1`] = `
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap button group
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/button-components"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<div>
|
||||
<cbuttongroup-stub>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
One
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Two
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Three
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Four
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-sm-down-none"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Five
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<cbuttongroup-stub>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-sm-down-none"
|
||||
color="success"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Success
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="info"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Info
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="warning"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Warn
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-sm-down-none"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Primary
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="danger"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Danger
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="link"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Link
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Button group
|
||||
</strong>
|
||||
sizing
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<div>
|
||||
<cbuttongroup-stub>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Left
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Middle
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Right
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<cbuttongroup-stub
|
||||
size="sm"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Left
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Middle
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Right
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<cbuttongroup-stub
|
||||
size="lg"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Left
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Middle
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Right
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
<strong>
|
||||
Button group
|
||||
</strong>
|
||||
dropdown support
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<div>
|
||||
<cbuttongroup-stub>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-sm-down-none"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Button 1
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-sm-down-none"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Button 2
|
||||
</cbutton-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
caret="true"
|
||||
color="success"
|
||||
flip="true"
|
||||
offset="0,0"
|
||||
placement="bottom-start"
|
||||
right=""
|
||||
text="Menu"
|
||||
togglertext="Dropdown"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 1
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 2
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdowndivider-stub
|
||||
tag="div"
|
||||
/>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 3
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-sm-down-none"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Button 3
|
||||
</cbutton-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
caret="true"
|
||||
color="info"
|
||||
flip="true"
|
||||
offset="0,0"
|
||||
placement="bottom-start"
|
||||
right=""
|
||||
split="true"
|
||||
text="Split Menu"
|
||||
togglertext="Dropdown"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 1
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 2
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdowndivider-stub
|
||||
tag="div"
|
||||
/>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 3
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
</cbuttongroup-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Button group
|
||||
</strong>
|
||||
vertical variation
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<div>
|
||||
<cbuttongroup-stub
|
||||
vertical="true"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Top
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Middle
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Bottom
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Button toolbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
with button groups
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cbuttontoolbar-stub
|
||||
aria-label="Toolbar with button groups"
|
||||
>
|
||||
<cbuttongroup-stub
|
||||
class="mx-1"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-sm-down-none"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
«
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
‹
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<cbuttongroup-stub
|
||||
class="mx-1"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-sm-down-none"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Edit
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Undo
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Redo
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<cbuttongroup-stub
|
||||
class="mx-1"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
›
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-sm-down-none"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
»
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</cbuttontoolbar-stub>
|
||||
|
||||
<hr
|
||||
class="d-sm-down-none"
|
||||
/>
|
||||
|
||||
<cbuttontoolbar-stub
|
||||
aria-label="Toolbar with button groups and input groups"
|
||||
class="d-sm-down-none"
|
||||
>
|
||||
<cbuttongroup-stub
|
||||
class="mx-1"
|
||||
size="sm"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
New
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Edit
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<cinput-stub
|
||||
append=".00"
|
||||
class="mb-0 w-25 mx-1"
|
||||
lazy="400"
|
||||
prepend="$"
|
||||
size="sm"
|
||||
type="text"
|
||||
value="100"
|
||||
/>
|
||||
|
||||
<cselect-stub
|
||||
class="mb-0 w-25 mx-1"
|
||||
custom="true"
|
||||
options="Large,Medium,Small"
|
||||
prepend="Size"
|
||||
size="sm"
|
||||
value="Medium"
|
||||
/>
|
||||
|
||||
<cbuttongroup-stub
|
||||
class="mx-1"
|
||||
size="sm"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Save
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Cancel
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</cbuttontoolbar-stub>
|
||||
|
||||
<hr />
|
||||
|
||||
<cbuttontoolbar-stub
|
||||
aria-label="Toolbar with button groups and dropdown menu"
|
||||
>
|
||||
<cbuttongroup-stub
|
||||
class="mx-1 d-sm-down-none"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
New
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Edit
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Undo
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
button-content="Menu"
|
||||
caret="true"
|
||||
class="mx-1"
|
||||
color="secondary"
|
||||
flip="true"
|
||||
offset="0,0"
|
||||
placement="bottom-end"
|
||||
togglertext="Dropdown"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 1
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 2
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="router-link-active"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 3
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
|
||||
<cbuttongroup-stub
|
||||
class="mx-1"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Save
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Cancel
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</cbuttontoolbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
`;
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,29 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils';
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import CChartBarExample from '@/views/charts/CChartBarExample'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('CChartBarExample', () => {
|
||||
it('has a name', () => {
|
||||
expect(CChartBarExample.name).toBe('CChartBarExample')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(CChartBarExample)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is CChartBarExample', () => {
|
||||
const wrapper = shallowMount(CChartBarExample)
|
||||
expect(wrapper.findComponent(CChartBarExample)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(CChartBarExample)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
it('should have computed', () => {
|
||||
const wrapper = shallowMount(CChartBarExample)
|
||||
|
||||
expect(wrapper.vm.defaultDatasets).toBeDefined()
|
||||
})
|
||||
})
|
||||
@@ -1,24 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils';
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Charts from '@/views/charts/Charts'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Charts.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Charts.name).toBe('Charts')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Charts)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Charts', () => {
|
||||
const wrapper = shallowMount(Charts)
|
||||
expect(wrapper.findComponent(Charts)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Charts)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,8 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`CChartBarExample renders correctly 1`] = `
|
||||
<cchartbar-stub
|
||||
datasets="[object Object]"
|
||||
labels="months"
|
||||
/>
|
||||
`;
|
||||
@@ -1,135 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Charts.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<ccardgroup-stub
|
||||
class="card-columns cols-2"
|
||||
columns="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Line Chart
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/charts"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cchartlineexample-stub />
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
Bar Chart
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cchartbarexample-stub />
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
Doughnut Chart
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cchartdoughnutexample-stub />
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
Radar Chart
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cchartradarexample-stub />
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
Pie Chart
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cchartpieexample-stub />
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
Polar Area Chart
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cchartpolarareaexample-stub />
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
Simple line chart
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cchartlinesimple-stub
|
||||
backgroundcolor="transparent"
|
||||
bordercolor="success"
|
||||
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
|
||||
label="Sales"
|
||||
labels="months"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
Simple pointed chart
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cchartlinesimple-stub
|
||||
backgroundcolor="transparent"
|
||||
bordercolor="warning"
|
||||
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
|
||||
label="Sales"
|
||||
pointed="true"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
Simple bar chart
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cchartbarsimple-stub
|
||||
backgroundcolor="danger"
|
||||
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
|
||||
label="Sales"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccardgroup-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,20 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Brands from '@/views/icons/Brands'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Brands.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Brands.name).toBe('Brands')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Brands)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Brands', () => {
|
||||
const wrapper = shallowMount(Brands)
|
||||
expect(wrapper.findComponent(Brands)).toBeTruthy()
|
||||
})
|
||||
})
|
||||
@@ -1,20 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import CoreUIIcons from '@/views/icons/CoreUIIcons'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('CoreUIIcons.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(CoreUIIcons.name).toBe('CoreUIIcons')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(CoreUIIcons)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is CoreUIIcons', () => {
|
||||
const wrapper = shallowMount(CoreUIIcons)
|
||||
expect(wrapper.findComponent(CoreUIIcons)).toBeTruthy()
|
||||
})
|
||||
})
|
||||
@@ -1,20 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Flags from '@/views/icons/Flags'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Flags.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Flags.name).toBe('Flags')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Flags)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Flags', () => {
|
||||
const wrapper = shallowMount(Flags)
|
||||
expect(wrapper.findComponent(Flags)).toBeTruthy()
|
||||
})
|
||||
})
|
||||
@@ -1,38 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Alerts from '@/views/notifications/Alerts'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Alerts.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Alerts.name).toBe('Alerts')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Alerts.data).toMatch('function')
|
||||
})
|
||||
it('sets the correct default data', () => {
|
||||
expect(typeof Alerts.data).toMatch('function')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Alerts)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Alerts', () => {
|
||||
const wrapper = shallowMount(Alerts)
|
||||
expect(wrapper.findComponent(Alerts)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Alerts)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
it('should have methods', () => {
|
||||
expect(typeof Alerts.methods.showAlert ).toEqual('function')
|
||||
expect(Alerts.methods.showAlert()).toBeUndefined()
|
||||
expect(typeof Alerts.methods.countDownChanged ).toEqual('function')
|
||||
expect(Alerts.methods.countDownChanged(10)).toBeUndefined()
|
||||
expect(typeof Alerts.methods.showDismissibleAlerts ).toEqual('function')
|
||||
expect(Alerts.methods.showDismissibleAlerts()).toBeUndefined()
|
||||
})
|
||||
})
|
||||
@@ -1,16 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { mount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Badges from '@/views/notifications/Badges'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Badges.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Badges.name).toBe('Badges')
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(Badges)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,32 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Modals from '@/views/notifications/Modals'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Modals.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Modals.name).toBe('Modals')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Modals.data).toMatch('function')
|
||||
})
|
||||
it('sets the correct default data', () => {
|
||||
expect(typeof Modals.data).toMatch('function')
|
||||
const defaultData = Modals.data()
|
||||
expect(defaultData.largeModal).toBe(false)
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Modals)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Modals', () => {
|
||||
const wrapper = shallowMount(Modals)
|
||||
expect(wrapper.findComponent(Modals)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Modals)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,472 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Alerts.vue renders correctly 1`] = `
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Alert
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/alert"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<div>
|
||||
<p />
|
||||
|
||||
<calert-stub
|
||||
color="primary"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Primary Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="secondary"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Secondary Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="success"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Success Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="danger"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Danger Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="warning"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Warning Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="info"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Info Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="light"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Light Alert
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="dark"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
Dark Alert
|
||||
</calert-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
Alert
|
||||
|
||||
<small>
|
||||
use
|
||||
<code>
|
||||
.alert-link
|
||||
</code>
|
||||
to provide links
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<div>
|
||||
<calert-stub
|
||||
color="primary"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Primary Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="secondary"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Secondary Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="success"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Success Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="danger"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Danger Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="warning"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Warning Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="info"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Info Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="light"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Light Alert with
|
||||
<a
|
||||
class="alert-link"
|
||||
href="#"
|
||||
>
|
||||
an example link
|
||||
</a>
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
color="dark"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Dark Alert with
|
||||
|
||||
<clink-stub
|
||||
activeclass="router-link-active"
|
||||
class="alert-link"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
an example link
|
||||
</clink-stub>
|
||||
|
||||
.
|
||||
|
||||
</calert-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
Alerts
|
||||
<small>
|
||||
with additional content
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<calert-stub
|
||||
color="success"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
<h4
|
||||
class="alert-heading"
|
||||
>
|
||||
Well done!
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
|
||||
Aww yeah, you successfully read this important alert message.
|
||||
This example text is going to run a bit longer so that you can see
|
||||
how spacing within an alert works with this kind of content.
|
||||
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p
|
||||
class="mb-0"
|
||||
>
|
||||
|
||||
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
|
||||
|
||||
</p>
|
||||
</calert-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
Alerts
|
||||
|
||||
<small>
|
||||
dismissible
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
color="secondary"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Dismissible Alert!
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
class="alert-dismissible"
|
||||
color="secondary"
|
||||
fade="true"
|
||||
show="true"
|
||||
>
|
||||
|
||||
Dismissible Alert with custom button!
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="position-absolute"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
style="right: 10px; top: 50%; transform: translateY(-50%);"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Close
|
||||
|
||||
</cbutton-stub>
|
||||
</calert-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="m-1"
|
||||
color="info"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Show dismissible alerts
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
Alerts
|
||||
|
||||
<small>
|
||||
auto dismissible
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<div>
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
color="warning"
|
||||
fade="true"
|
||||
show="10"
|
||||
>
|
||||
|
||||
Alert will dismiss after
|
||||
|
||||
<strong>
|
||||
10
|
||||
</strong>
|
||||
seconds...
|
||||
|
||||
</calert-stub>
|
||||
|
||||
<calert-stub
|
||||
closebutton="true"
|
||||
color="info"
|
||||
fade="true"
|
||||
show="10"
|
||||
>
|
||||
|
||||
Alert will dismiss after 10 seconds...
|
||||
|
||||
<cprogress-stub
|
||||
color="info"
|
||||
height="4px"
|
||||
max="10"
|
||||
precision="0"
|
||||
value="10"
|
||||
/>
|
||||
</calert-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="m-1"
|
||||
color="info"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Show alert with timer
|
||||
|
||||
</cbutton-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
`;
|
||||
@@ -1,358 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Badges.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-12 col-md-6"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
role="img"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
undefined
|
||||
</svg>
|
||||
|
||||
<strong>
|
||||
Bootstrap Badge
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/badge"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<h2>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h2>
|
||||
|
||||
<h3>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h3>
|
||||
|
||||
<h4>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h4>
|
||||
|
||||
<h5>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h5>
|
||||
|
||||
<h6>
|
||||
Example heading
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
New
|
||||
</span>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<footer
|
||||
class="card-footer"
|
||||
>
|
||||
<button
|
||||
class="btn btn-primary"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Notifications
|
||||
|
||||
<span
|
||||
class="badge ml-2 position-static badge-light"
|
||||
>
|
||||
4
|
||||
</span>
|
||||
</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="col-12 col-md-6"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
role="img"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
undefined
|
||||
</svg>
|
||||
Badge
|
||||
|
||||
<small>
|
||||
contextual variations
|
||||
</small>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<span
|
||||
class="badge badge-primary"
|
||||
>
|
||||
Primary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-secondary"
|
||||
>
|
||||
Secondary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-success"
|
||||
>
|
||||
Success
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-danger"
|
||||
>
|
||||
Danger
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-warning"
|
||||
>
|
||||
Warning
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-info"
|
||||
>
|
||||
Info
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-light"
|
||||
>
|
||||
Light
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-dark"
|
||||
>
|
||||
Dark
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
role="img"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
undefined
|
||||
</svg>
|
||||
Badge
|
||||
|
||||
<small>
|
||||
shape="pill"
|
||||
</small>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<span
|
||||
class="badge badge-primary badge-pill"
|
||||
>
|
||||
Primary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-secondary badge-pill"
|
||||
>
|
||||
Secondary
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-success badge-pill"
|
||||
>
|
||||
Success
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-danger badge-pill"
|
||||
>
|
||||
Danger
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-warning badge-pill"
|
||||
>
|
||||
Warning
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-info badge-pill"
|
||||
>
|
||||
Info
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-light badge-pill"
|
||||
>
|
||||
Light
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="badge badge-dark badge-pill"
|
||||
>
|
||||
Dark
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
role="img"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
undefined
|
||||
</svg>
|
||||
Badge
|
||||
|
||||
<small>
|
||||
actionable
|
||||
</small>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<a
|
||||
class="badge badge-primary"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Primary
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-secondary"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Secondary
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-success"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Success
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-danger"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Danger
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-warning"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Warning
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-info"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Info
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-light"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Light
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="badge badge-dark"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Dark
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,340 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Modals.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="wrapper"
|
||||
>
|
||||
<div>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
<cicon-stub
|
||||
name="cil-justify-center"
|
||||
/>
|
||||
Bootstrap Modals
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/components/modal"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="mr-1"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch demo modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="mr-1"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch large modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="mr-1"
|
||||
color="secondary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch small modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<hr />
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="mr-1"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch primary modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="mr-1"
|
||||
color="success"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch success modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="mr-1"
|
||||
color="warning"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch warning modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="mr-1"
|
||||
color="danger"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch danger modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="mr-1"
|
||||
color="info"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch info modal
|
||||
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="mr-1"
|
||||
color="dark"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Launch dark modal
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
fade="true"
|
||||
size="xl"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
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.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
fade="true"
|
||||
size="lg"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
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.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
fade="true"
|
||||
size="sm"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
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.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
color="primary"
|
||||
fade="true"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
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.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
color="success"
|
||||
fade="true"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
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.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
color="warning"
|
||||
fade="true"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
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.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
color="danger"
|
||||
fade="true"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
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.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
closeonbackdrop="true"
|
||||
color="info"
|
||||
fade="true"
|
||||
title="Modal title"
|
||||
>
|
||||
|
||||
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.
|
||||
|
||||
</cmodal-stub>
|
||||
|
||||
<cmodal-stub
|
||||
backdrop="true"
|
||||
centered="true"
|
||||
closeonbackdrop="true"
|
||||
color="dark"
|
||||
fade="true"
|
||||
no-close-on-backdrop="true"
|
||||
size="lg"
|
||||
title="Modal title 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.
|
||||
|
||||
</cmodal-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,28 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Login from '@/views/pages/Login'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Login.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Login.name).toBe('Login')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Login)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Login', () => {
|
||||
const wrapper = shallowMount(Login)
|
||||
expect(wrapper.findComponent(Login)).toBeTruthy()
|
||||
})
|
||||
it('should render correct content', () => {
|
||||
const wrapper = shallowMount(Login)
|
||||
expect(wrapper.find('h1').text()).toMatch('Login')
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Login)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,28 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Page404 from '@/views/pages/Page404'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Page404.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Page404.name).toBe('Page404')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Page404)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Page500', () => {
|
||||
const wrapper = shallowMount(Page404)
|
||||
expect(wrapper.findComponent(Page404)).toBeTruthy()
|
||||
})
|
||||
it('should render correct content', () => {
|
||||
const wrapper = shallowMount(Page404)
|
||||
expect(wrapper.find('h1').text()).toMatch('404')
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Page404)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,28 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Page500 from '@/views/pages/Page500'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Page500.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Page500.name).toBe('Page500')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Page500)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Page500', () => {
|
||||
const wrapper = shallowMount(Page500)
|
||||
expect(wrapper.findComponent(Page500)).toBeTruthy()
|
||||
})
|
||||
it('should render correct content', () => {
|
||||
const wrapper = shallowMount(Page500)
|
||||
expect(wrapper.find('h1').text()).toMatch('500')
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Page500)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,28 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Register from '@/views/pages/Register'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Register.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Register.name).toBe('Register')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Register)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Register', () => {
|
||||
const wrapper = shallowMount(Register)
|
||||
expect(wrapper.findComponent(Register)).toBeTruthy()
|
||||
})
|
||||
it('should render correct content', () => {
|
||||
const wrapper = shallowMount(Register)
|
||||
expect(wrapper.find('h1').text()).toMatch('Register')
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Register)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,147 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Login.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-app flex-row align-items-center"
|
||||
>
|
||||
<ccontainer-stub
|
||||
tag="div"
|
||||
>
|
||||
<crow-stub
|
||||
class="justify-content-center"
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
md="8"
|
||||
tag="div"
|
||||
>
|
||||
<ccardgroup-stub
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
class="p-4"
|
||||
>
|
||||
<ccardbody-stub>
|
||||
<cform-stub>
|
||||
<h1>
|
||||
Login
|
||||
</h1>
|
||||
|
||||
<p
|
||||
class="text-muted"
|
||||
>
|
||||
Sign In to your account
|
||||
</p>
|
||||
|
||||
<cinput-stub
|
||||
autocomplete="username email"
|
||||
lazy="400"
|
||||
placeholder="Username"
|
||||
type="text"
|
||||
/>
|
||||
|
||||
<cinput-stub
|
||||
autocomplete="curent-password"
|
||||
lazy="400"
|
||||
placeholder="Password"
|
||||
type="password"
|
||||
/>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
class="text-left"
|
||||
col="6"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="px-4"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Login
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
class="text-right"
|
||||
col="6"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="px-0"
|
||||
color="link"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Forgot password?
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
class="d-lg-none"
|
||||
color="link"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Register now!
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</cform-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
bodywrapper="true"
|
||||
class="text-center py-5 d-md-down-none"
|
||||
color="primary"
|
||||
textcolor="white"
|
||||
>
|
||||
<ccardbody-stub>
|
||||
<h2>
|
||||
Sign up
|
||||
</h2>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
color="light"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
size="lg"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="outline"
|
||||
>
|
||||
|
||||
Register Now!
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccardgroup-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</ccontainer-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,52 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Page404.vue renders correctly 1`] = `
|
||||
<ccontainer-stub
|
||||
class="d-flex align-items-center min-vh-100"
|
||||
tag="div"
|
||||
>
|
||||
<crow-stub
|
||||
class="w-100 justify-content-center"
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="w-100"
|
||||
>
|
||||
<div
|
||||
class="clearfix"
|
||||
>
|
||||
<h1
|
||||
class="float-left display-3 mr-4"
|
||||
>
|
||||
404
|
||||
</h1>
|
||||
|
||||
<h4
|
||||
class="pt-3"
|
||||
>
|
||||
Oops! You're lost.
|
||||
</h4>
|
||||
|
||||
<p
|
||||
class="text-muted"
|
||||
>
|
||||
The page you are looking for was not found.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<cinput-stub
|
||||
class="mb-3"
|
||||
lazy="400"
|
||||
placeholder="What are you looking for?"
|
||||
type="text"
|
||||
/>
|
||||
</div>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</ccontainer-stub>
|
||||
`;
|
||||
@@ -1,48 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Page500.vue renders correctly 1`] = `
|
||||
<ccontainer-stub
|
||||
class="d-flex align-items-center min-vh-100"
|
||||
tag="div"
|
||||
>
|
||||
<crow-stub
|
||||
class="w-100 justify-content-center"
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="clearfix"
|
||||
>
|
||||
<h1
|
||||
class="float-left display-3 mr-4"
|
||||
>
|
||||
500
|
||||
</h1>
|
||||
|
||||
<h4
|
||||
class="pt-3"
|
||||
>
|
||||
Houston, we have a problem!
|
||||
</h4>
|
||||
|
||||
<p
|
||||
class="text-muted"
|
||||
>
|
||||
The page you are looking for is temporarily unavailable.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<cinput-stub
|
||||
class="mb-3"
|
||||
lazy="400"
|
||||
placeholder="What are you looking for?"
|
||||
type="text"
|
||||
/>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</ccontainer-stub>
|
||||
`;
|
||||
@@ -1,135 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Register.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="d-flex align-items-center min-vh-100"
|
||||
>
|
||||
<ccontainer-stub
|
||||
fluid="true"
|
||||
tag="div"
|
||||
>
|
||||
<crow-stub
|
||||
class="justify-content-center"
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
md="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
class="mx-4 mb-0"
|
||||
>
|
||||
<ccardbody-stub
|
||||
class="p-4"
|
||||
>
|
||||
<cform-stub>
|
||||
<h1>
|
||||
Register
|
||||
</h1>
|
||||
|
||||
<p
|
||||
class="text-muted"
|
||||
>
|
||||
Create your account
|
||||
</p>
|
||||
|
||||
<cinput-stub
|
||||
autocomplete="username"
|
||||
lazy="400"
|
||||
placeholder="Username"
|
||||
type="text"
|
||||
/>
|
||||
|
||||
<cinput-stub
|
||||
autocomplete="email"
|
||||
lazy="400"
|
||||
placeholder="Email"
|
||||
prepend="@"
|
||||
type="text"
|
||||
/>
|
||||
|
||||
<cinput-stub
|
||||
autocomplete="new-password"
|
||||
lazy="400"
|
||||
placeholder="Password"
|
||||
type="password"
|
||||
/>
|
||||
|
||||
<cinput-stub
|
||||
autocomplete="new-password"
|
||||
class="mb-4"
|
||||
lazy="400"
|
||||
placeholder="Repeat password"
|
||||
type="password"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
block="true"
|
||||
color="success"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
Create Account
|
||||
</cbutton-stub>
|
||||
</cform-stub>
|
||||
</ccardbody-stub>
|
||||
|
||||
<ccardfooter-stub
|
||||
class="p-4"
|
||||
>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
col="6"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
block="true"
|
||||
color="facebook"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Facebook
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="6"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="router-link-active"
|
||||
block="true"
|
||||
color="twitter"
|
||||
event="click"
|
||||
exactactiveclass="router-link-exact-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Twitter
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</ccardfooter-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</ccontainer-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,24 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Colors from '@/views/theme/Colors'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Colors.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Colors.name).toBe('Colors')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Colors)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Colors', () => {
|
||||
const wrapper = shallowMount(Colors)
|
||||
expect(wrapper.findComponent(Colors)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(Colors)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,24 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Typography from '@/views/theme/Typography'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Typography.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Typography.name).toBe('Typography')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Typography)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Typography', () => {
|
||||
const wrapper = shallowMount(Typography)
|
||||
expect(wrapper.findComponent(Typography)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Typography)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,858 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Colors.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
role="img"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
undefined
|
||||
</svg>
|
||||
Theme colors
|
||||
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-primary"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand Primary Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-secondary"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand Secondary Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-success"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand Success Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-danger"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand Danger Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-warning"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand Warning Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-info"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand Info Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-light"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand Light Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-dark"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand Dark Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
<svg
|
||||
class="c-icon"
|
||||
role="img"
|
||||
viewBox="0 0 64 64"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
undefined
|
||||
</svg>
|
||||
Grays
|
||||
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-gray-100"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand 100 Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-gray-200"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand 200 Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-gray-300"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand 300 Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-gray-400"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand 400 Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-gray-500"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand 500 Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-gray-600"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand 600 Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-gray-700"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand 700 Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-gray-800"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand 800 Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="mb-4 col-xs-12 col-sm-6 col-md-4 col-xl-2"
|
||||
>
|
||||
<div
|
||||
class="theme-color w-75 rounded mb-3 bg-gray-900"
|
||||
style="padding-top: 75%;"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Brand 900 Color
|
||||
</h6>
|
||||
|
||||
<table
|
||||
class="w-100"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
HEX:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
#ffffff
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td
|
||||
class="text-muted"
|
||||
>
|
||||
RGB:
|
||||
</td>
|
||||
|
||||
<td
|
||||
class="font-weight-bold"
|
||||
>
|
||||
rgb(255, 255, 255)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,549 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Typography.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<div
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Headings
|
||||
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<p>
|
||||
Documentation and examples for Bootstrap typography,
|
||||
including global settings, headings, body text, lists, and more.
|
||||
</p>
|
||||
|
||||
<table
|
||||
class="table"
|
||||
>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>
|
||||
Heading
|
||||
</th>
|
||||
|
||||
<th>
|
||||
Example
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<p>
|
||||
<code
|
||||
class="highlighter-rouge"
|
||||
>
|
||||
|
||||
<h1></h1>
|
||||
|
||||
</code>
|
||||
</p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span
|
||||
class="h1"
|
||||
>
|
||||
h1. Bootstrap heading
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<p>
|
||||
<code
|
||||
class="highlighter-rouge"
|
||||
>
|
||||
|
||||
<h2></h2>
|
||||
|
||||
</code>
|
||||
</p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span
|
||||
class="h2"
|
||||
>
|
||||
h2. Bootstrap heading
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<p>
|
||||
<code
|
||||
class="highlighter-rouge"
|
||||
>
|
||||
|
||||
<h3></h3>
|
||||
|
||||
</code>
|
||||
</p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span
|
||||
class="h3"
|
||||
>
|
||||
h3. Bootstrap heading
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<p>
|
||||
<code
|
||||
class="highlighter-rouge"
|
||||
>
|
||||
|
||||
<h4></h4>
|
||||
|
||||
</code>
|
||||
</p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span
|
||||
class="h4"
|
||||
>
|
||||
h4. Bootstrap heading
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<p>
|
||||
<code
|
||||
class="highlighter-rouge"
|
||||
>
|
||||
|
||||
<h5></h5>
|
||||
|
||||
</code>
|
||||
</p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span
|
||||
class="h5"
|
||||
>
|
||||
h5. Bootstrap heading
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<p>
|
||||
<code
|
||||
class="highlighter-rouge"
|
||||
>
|
||||
|
||||
<h6></h6>
|
||||
|
||||
</code>
|
||||
</p>
|
||||
</td>
|
||||
|
||||
<td>
|
||||
<span
|
||||
class="h6"
|
||||
>
|
||||
h6. Bootstrap heading
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<div
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Headings
|
||||
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<p>
|
||||
<code
|
||||
class="highlighter-rouge"
|
||||
>
|
||||
.h1
|
||||
</code>
|
||||
through
|
||||
|
||||
<code
|
||||
class="highlighter-rouge"
|
||||
>
|
||||
.h6
|
||||
</code>
|
||||
|
||||
classes are also available, for when you want to match the font
|
||||
styling of a heading but cannot use the associated HTML element.
|
||||
|
||||
</p>
|
||||
|
||||
<div
|
||||
class="bd-example"
|
||||
>
|
||||
<p
|
||||
class="h1"
|
||||
>
|
||||
h1. Bootstrap heading
|
||||
</p>
|
||||
|
||||
<p
|
||||
class="h2"
|
||||
>
|
||||
h2. Bootstrap heading
|
||||
</p>
|
||||
|
||||
<p
|
||||
class="h3"
|
||||
>
|
||||
h3. Bootstrap heading
|
||||
</p>
|
||||
|
||||
<p
|
||||
class="h4"
|
||||
>
|
||||
h4. Bootstrap heading
|
||||
</p>
|
||||
|
||||
<p
|
||||
class="h5"
|
||||
>
|
||||
h5. Bootstrap heading
|
||||
</p>
|
||||
|
||||
<p
|
||||
class="h6"
|
||||
>
|
||||
h6. Bootstrap heading
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<div
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Display headings
|
||||
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<p>
|
||||
|
||||
Traditional heading elements are designed to work best in the meat
|
||||
of your page content. When you need a heading to stand out,
|
||||
consider using a
|
||||
<strong>
|
||||
display heading
|
||||
</strong>
|
||||
—a larger,
|
||||
slightly more opinionated heading style.
|
||||
|
||||
</p>
|
||||
|
||||
<div
|
||||
class="bd-example bd-example-type"
|
||||
>
|
||||
<table
|
||||
class="table"
|
||||
>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<span
|
||||
class="display-1"
|
||||
>
|
||||
Display 1
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<span
|
||||
class="display-2"
|
||||
>
|
||||
Display 2
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<span
|
||||
class="display-3"
|
||||
>
|
||||
Display 3
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<span
|
||||
class="display-4"
|
||||
>
|
||||
Display 4
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<div
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Inline text elements
|
||||
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<p>
|
||||
|
||||
Traditional heading elements are designed to work best in the meat
|
||||
of your page content. When you need a heading to stand out,
|
||||
consider using a
|
||||
<strong>
|
||||
display heading
|
||||
</strong>
|
||||
—a larger,
|
||||
slightly more opinionated heading style.
|
||||
|
||||
</p>
|
||||
|
||||
<div
|
||||
class="bd-example"
|
||||
>
|
||||
<p>
|
||||
You can use the mark tag to
|
||||
<mark>
|
||||
highlight
|
||||
</mark>
|
||||
text.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<del>
|
||||
|
||||
This line of text is meant to be treated as deleted text.
|
||||
|
||||
</del>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<s>
|
||||
|
||||
This line of text is meant to be treated as no longer accurate.
|
||||
|
||||
</s>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<ins>
|
||||
|
||||
This line of text is meant to be treated as an addition to the document.
|
||||
|
||||
</ins>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<u>
|
||||
This line of text will render as underlined
|
||||
</u>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<small>
|
||||
|
||||
This line of text is meant to be treated as fine print.
|
||||
|
||||
</small>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<strong>
|
||||
This line rendered as bold text.
|
||||
</strong>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<em>
|
||||
This line rendered as italicized text.
|
||||
</em>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<div
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
Description list alignment
|
||||
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<p>
|
||||
|
||||
Align terms and descriptions horizontally by using our grid system’s
|
||||
predefined classes (or semantic mixins). For longer terms, you can
|
||||
optionally add a
|
||||
<code
|
||||
class="highlighter-rouge"
|
||||
>
|
||||
.text-truncate
|
||||
</code>
|
||||
|
||||
class to truncate the text with an ellipsis.
|
||||
|
||||
</p>
|
||||
|
||||
<div
|
||||
class="bd-example"
|
||||
>
|
||||
<dl
|
||||
class="row"
|
||||
>
|
||||
<dt
|
||||
class="col-sm-3"
|
||||
>
|
||||
Description lists
|
||||
</dt>
|
||||
|
||||
<dd
|
||||
class="col-sm-9"
|
||||
>
|
||||
|
||||
A description list is perfect for defining terms.
|
||||
|
||||
</dd>
|
||||
|
||||
<dt
|
||||
class="col-sm-3"
|
||||
>
|
||||
Euismod
|
||||
</dt>
|
||||
|
||||
<dd
|
||||
class="col-sm-9"
|
||||
>
|
||||
<p>
|
||||
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Donec id elit non mi porta gravida at eget metus.
|
||||
</p>
|
||||
</dd>
|
||||
|
||||
<dt
|
||||
class="col-sm-3"
|
||||
>
|
||||
Malesuada porta
|
||||
</dt>
|
||||
|
||||
<dd
|
||||
class="col-sm-9"
|
||||
>
|
||||
|
||||
Etiam porta sem malesuada magna mollis euismod.
|
||||
|
||||
</dd>
|
||||
|
||||
<dt
|
||||
class="col-sm-3 text-truncate"
|
||||
>
|
||||
Truncated term is truncated
|
||||
</dt>
|
||||
|
||||
<dd
|
||||
class="col-sm-9"
|
||||
>
|
||||
|
||||
Fusce dapibus, tellus ac cursus commodo, tortor mauris
|
||||
condimentum nibh, ut fermentum massa justo sit amet risus.
|
||||
|
||||
</dd>
|
||||
|
||||
<dt
|
||||
class="col-sm-3"
|
||||
>
|
||||
Nesting
|
||||
</dt>
|
||||
|
||||
<dd
|
||||
class="col-sm-9"
|
||||
>
|
||||
<dl
|
||||
class="row"
|
||||
>
|
||||
<dt
|
||||
class="col-sm-4"
|
||||
>
|
||||
Nested definition list
|
||||
</dt>
|
||||
|
||||
<dd
|
||||
class="col-sm-8"
|
||||
>
|
||||
|
||||
Aenean posuere, tortor sed cursus feugiat, nunc augue nunc.
|
||||
|
||||
</dd>
|
||||
</dl>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,37 +0,0 @@
|
||||
import { mount, createLocalVue } from '@vue/test-utils'
|
||||
import VueRouter from 'vue-router'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import User from '@/views/users/User'
|
||||
import appRouter from '@/router'
|
||||
|
||||
const localVue = createLocalVue()
|
||||
localVue.use(VueRouter)
|
||||
const router = appRouter
|
||||
router.push({path: '/users/1'})
|
||||
|
||||
localVue.use(CoreuiVue)
|
||||
|
||||
describe('User.vue', () => {
|
||||
let wrapper
|
||||
beforeEach(() => {
|
||||
wrapper = mount(User, {
|
||||
localVue,
|
||||
router
|
||||
})
|
||||
})
|
||||
it('has a name', () => {
|
||||
expect(User.name).toBe('User')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is User', () => {
|
||||
expect(wrapper.findComponent(User)).toBeTruthy()
|
||||
})
|
||||
it('should have methods', () => {
|
||||
expect(typeof User.methods.goBack).toEqual('function')
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,40 +0,0 @@
|
||||
import { createLocalVue, shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Users from '@/views/users/Users'
|
||||
import VueRouter from 'vue-router';
|
||||
|
||||
const localVue = createLocalVue()
|
||||
localVue.use(VueRouter)
|
||||
const router = new VueRouter()
|
||||
|
||||
localVue.use(CoreuiVue)
|
||||
|
||||
describe('Users.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Users.name).toBe('Users')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Users.data).toMatch('function')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Users,{
|
||||
localVue,
|
||||
router
|
||||
})
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Users', () => {
|
||||
const wrapper = shallowMount(Users,{
|
||||
localVue,
|
||||
router
|
||||
})
|
||||
expect(wrapper.findComponent(Users)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Users, {
|
||||
localVue,
|
||||
router
|
||||
})
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,148 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`User.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="row"
|
||||
>
|
||||
<div
|
||||
class="col-12 col-lg-6"
|
||||
>
|
||||
<div
|
||||
class="card"
|
||||
>
|
||||
<header
|
||||
class="card-header"
|
||||
>
|
||||
|
||||
User id: 1
|
||||
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="card-body"
|
||||
>
|
||||
<div
|
||||
data-v-1c2db5c2=""
|
||||
small=""
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="position-relative table-responsive"
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
<table
|
||||
class="table table-striped table-fixed"
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
<thead
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
<tr
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
<th
|
||||
class=""
|
||||
data-v-1c2db5c2=""
|
||||
style="vertical-align: middle; overflow: hidden; width: 150px;"
|
||||
>
|
||||
<div
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
Samppa Nori
|
||||
</div>
|
||||
<!---->
|
||||
</th>
|
||||
<th
|
||||
class=""
|
||||
data-v-1c2db5c2=""
|
||||
style="vertical-align: middle; overflow: hidden; width: 150px;"
|
||||
>
|
||||
<div
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
|
||||
</div>
|
||||
<!---->
|
||||
</th>
|
||||
</tr>
|
||||
<!---->
|
||||
</thead>
|
||||
<tbody
|
||||
class="position-relative"
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
<tr
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
<td
|
||||
class=""
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
registered
|
||||
</td>
|
||||
<td
|
||||
class=""
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
2012/01/01
|
||||
</td>
|
||||
</tr>
|
||||
<!---->
|
||||
<tr
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
<td
|
||||
class=""
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
role
|
||||
</td>
|
||||
<td
|
||||
class=""
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
Member
|
||||
</td>
|
||||
</tr>
|
||||
<!---->
|
||||
<tr
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
<td
|
||||
class=""
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
status
|
||||
</td>
|
||||
<td
|
||||
class=""
|
||||
data-v-1c2db5c2=""
|
||||
>
|
||||
Active
|
||||
</td>
|
||||
</tr>
|
||||
<!---->
|
||||
<!---->
|
||||
</tbody>
|
||||
<!---->
|
||||
</table>
|
||||
<!---->
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer
|
||||
class="card-footer"
|
||||
>
|
||||
<button
|
||||
class="btn btn-primary"
|
||||
type="button"
|
||||
>
|
||||
Back
|
||||
</button>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -1,38 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Users.vue renders correctly 1`] = `
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
xl="8"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Users
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<cdatatable-stub
|
||||
activepage="1"
|
||||
clickablerows="true"
|
||||
fields="[object Object],[object Object],[object Object],[object Object]"
|
||||
header="true"
|
||||
hover="true"
|
||||
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],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
itemsperpage="5"
|
||||
pagination="[object Object]"
|
||||
responsive="true"
|
||||
sortervalue="[object Object]"
|
||||
striped="true"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
`;
|
||||
@@ -1,24 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Widgets from '@/views/widgets/Widgets'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Widgets.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Widgets.name).toBe('Widgets')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Widgets)
|
||||
expect(wrapper.vm).toBeTruthy()
|
||||
})
|
||||
it('is Widgets', () => {
|
||||
const wrapper = shallowMount(Widgets)
|
||||
expect(wrapper.findComponent(Widgets)).toBeTruthy()
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Widgets)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -1,874 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Widgets.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogress-stub
|
||||
footer="Lorem ipsum dolor sit amet enim."
|
||||
value="25"
|
||||
>
|
||||
<div
|
||||
class="h4 m-0"
|
||||
>
|
||||
89.9%
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action position-absolute"
|
||||
href="https://coreui.io/vue/docs/components/widgets"
|
||||
rel="noreferrer noopener"
|
||||
style="right: 5px; top: 5px;"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
Lorem ipsum...
|
||||
</div>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs my-3 mb-0"
|
||||
color="gradient-success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="25"
|
||||
/>
|
||||
</cwidgetprogress-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogress-stub
|
||||
color="gradient-info"
|
||||
footer="Lorem ipsum dolor sit amet enim."
|
||||
header="12.124"
|
||||
text="Lorem ipsum..."
|
||||
value="25"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogress-stub
|
||||
color="gradient-warning"
|
||||
footer="Lorem ipsum dolor sit amet enim."
|
||||
header="$98.111,00"
|
||||
text="Lorem ipsum..."
|
||||
value="25"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogress-stub
|
||||
color="gradient-danger"
|
||||
footer="Lorem ipsum dolor sit amet enim."
|
||||
header="2 TB"
|
||||
text="Lorem ipsum..."
|
||||
value="25"
|
||||
/>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogress-stub
|
||||
color="gradient-success"
|
||||
footer="Lorem ipsum dolor sit amet enim."
|
||||
header="89.9%"
|
||||
inverse="true"
|
||||
text="Lorem ipsum..."
|
||||
value="25"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogress-stub
|
||||
color="gradient-info"
|
||||
footer="Lorem ipsum dolor sit amet enim."
|
||||
header="12.124"
|
||||
inverse="true"
|
||||
text="Lorem ipsum..."
|
||||
value="25"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogress-stub
|
||||
color="gradient-warning"
|
||||
footer="Lorem ipsum dolor sit amet enim."
|
||||
header="$98.111,00"
|
||||
inverse="true"
|
||||
text="Lorem ipsum..."
|
||||
value="25"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogress-stub
|
||||
color="gradient-danger"
|
||||
footer="Lorem ipsum dolor sit amet enim."
|
||||
header="2 TB"
|
||||
inverse="true"
|
||||
text="Lorem ipsum..."
|
||||
value="25"
|
||||
/>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
col="12"
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgeticon-stub
|
||||
color="gradient-primary"
|
||||
header="$1.999,50"
|
||||
iconpadding="true"
|
||||
text="Income"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-settings"
|
||||
width="24"
|
||||
/>
|
||||
</cwidgeticon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgeticon-stub
|
||||
color="gradient-info"
|
||||
header="$1.999,50"
|
||||
iconpadding="true"
|
||||
text="Income"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-laptop"
|
||||
width="24"
|
||||
/>
|
||||
</cwidgeticon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgeticon-stub
|
||||
color="gradient-warning"
|
||||
header="$1.999,50"
|
||||
iconpadding="true"
|
||||
text="Income"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-moon"
|
||||
width="24"
|
||||
/>
|
||||
</cwidgeticon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgeticon-stub
|
||||
color="gradient-danger"
|
||||
header="$1.999,50"
|
||||
iconpadding="true"
|
||||
text="Income"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-bell"
|
||||
width="24"
|
||||
/>
|
||||
</cwidgeticon-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
col="12"
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgeticon-stub
|
||||
color="gradient-primary"
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-settings"
|
||||
width="24"
|
||||
/>
|
||||
</cwidgeticon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgeticon-stub
|
||||
color="gradient-info"
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-laptop"
|
||||
width="24"
|
||||
/>
|
||||
</cwidgeticon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgeticon-stub
|
||||
color="gradient-warning"
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-moon"
|
||||
width="24"
|
||||
/>
|
||||
</cwidgeticon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
lg="3"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgeticon-stub
|
||||
color="gradient-danger"
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cil-bell"
|
||||
width="24"
|
||||
/>
|
||||
</cwidgeticon-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
col="12"
|
||||
lg="4"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgeticon-stub
|
||||
color="gradient-primary"
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
>
|
||||
<cicon-stub
|
||||
class="mx-5 "
|
||||
name="cil-settings"
|
||||
width="24"
|
||||
/>
|
||||
</cwidgeticon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
lg="4"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgeticon-stub
|
||||
color="gradient-info"
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
>
|
||||
<cicon-stub
|
||||
class="mx-5 "
|
||||
name="cil-laptop"
|
||||
width="24"
|
||||
/>
|
||||
</cwidgeticon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
lg="4"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgeticon-stub
|
||||
color="gradient-warning"
|
||||
header="$1.999,50"
|
||||
text="Income"
|
||||
>
|
||||
<cicon-stub
|
||||
class="mx-5 "
|
||||
name="cil-moon"
|
||||
width="24"
|
||||
/>
|
||||
</cwidgeticon-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<widgetsbrand-stub
|
||||
nocharts="true"
|
||||
/>
|
||||
|
||||
<widgetsbrand-stub />
|
||||
|
||||
<ccardgroup-stub
|
||||
class="mb-4"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-info"
|
||||
header="87.500"
|
||||
text="Visitors"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-people"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-success"
|
||||
header="385"
|
||||
text="New Clients"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-userFollow"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-warning"
|
||||
header="1238"
|
||||
text="Products sold"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-basket"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
|
||||
<cwidgetprogressicon-stub
|
||||
header="28%"
|
||||
text="Returning Visitors"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-chartPie"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-danger"
|
||||
header="5:34:11"
|
||||
text="Avg. Time"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-speedometer"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccardgroup-stub>
|
||||
|
||||
<ccardgroup-stub
|
||||
class="mb-4"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-info"
|
||||
header="87.500"
|
||||
inverse="true"
|
||||
text="Visitors"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-people"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-success"
|
||||
header="385"
|
||||
inverse="true"
|
||||
text="New Clients"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-userFollow"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-warning"
|
||||
header="1238"
|
||||
inverse="true"
|
||||
text="Products sold"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-basket"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-primary"
|
||||
header="28%"
|
||||
inverse="true"
|
||||
text="Returning Visitors"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-chartPie"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-danger"
|
||||
header="5:34:11"
|
||||
inverse="true"
|
||||
text="Avg. Time"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-speedometer"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccardgroup-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
md="2"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-info"
|
||||
header="87.500"
|
||||
text="Visitors"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-people"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
md="2"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-success"
|
||||
header="385"
|
||||
text="New Clients"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-userFollow"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
md="2"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-warning"
|
||||
header="1238"
|
||||
text="Products sold"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-basket"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
md="2"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-primary"
|
||||
header="28%"
|
||||
text="Returning Visitors"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-chartPie"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
md="2"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-danger"
|
||||
header="5:34:11"
|
||||
text="Avg. Time"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-speedometer"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
md="2"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-info"
|
||||
header="972"
|
||||
text="comments"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-speech"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
md="2"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-info"
|
||||
header="87.500"
|
||||
inverse="true"
|
||||
text="Visitors"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-people"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
md="2"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-success"
|
||||
header="385"
|
||||
inverse="true"
|
||||
text="New Clients"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-userFollow"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
md="2"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-warning"
|
||||
header="1238"
|
||||
inverse="true"
|
||||
text="Products sold"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-basket"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
md="2"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-primary"
|
||||
header="28%"
|
||||
inverse="true"
|
||||
text="Returning Visitors"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-chartPie"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
md="2"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-danger"
|
||||
header="5:34:11"
|
||||
inverse="true"
|
||||
text="Avg. Time"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-speedometer"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
md="2"
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetprogressicon-stub
|
||||
color="gradient-info"
|
||||
header="972"
|
||||
inverse="true"
|
||||
text="comments"
|
||||
value="25"
|
||||
>
|
||||
<cicon-stub
|
||||
height="36"
|
||||
name="cil-speech"
|
||||
/>
|
||||
</cwidgetprogressicon-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<widgetsdropdown-stub />
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
tag="div"
|
||||
>
|
||||
<ccol-stub
|
||||
lg="2"
|
||||
sm="4"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetsimple-stub
|
||||
header="title"
|
||||
text="1,123"
|
||||
>
|
||||
<cchartlinesimple-stub
|
||||
backgroundcolor="transparent"
|
||||
bordercolor="danger"
|
||||
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
|
||||
label="Sales"
|
||||
style="height: 40px;"
|
||||
/>
|
||||
</cwidgetsimple-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="2"
|
||||
sm="4"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetsimple-stub
|
||||
header="title"
|
||||
text="1,123"
|
||||
>
|
||||
<cchartlinesimple-stub
|
||||
backgroundcolor="transparent"
|
||||
bordercolor="primary"
|
||||
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
|
||||
label="Sales"
|
||||
style="height: 40px;"
|
||||
/>
|
||||
</cwidgetsimple-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="2"
|
||||
sm="4"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetsimple-stub
|
||||
header="title"
|
||||
text="1,123"
|
||||
>
|
||||
<cchartlinesimple-stub
|
||||
backgroundcolor="transparent"
|
||||
bordercolor="success"
|
||||
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
|
||||
label="Sales"
|
||||
style="height: 40px;"
|
||||
/>
|
||||
</cwidgetsimple-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="2"
|
||||
sm="4"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetsimple-stub
|
||||
header="title"
|
||||
text="1,123"
|
||||
>
|
||||
<cchartbarsimple-stub
|
||||
backgroundcolor="danger"
|
||||
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
|
||||
label="Sales"
|
||||
style="height: 40px;"
|
||||
/>
|
||||
</cwidgetsimple-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="2"
|
||||
sm="4"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetsimple-stub
|
||||
header="title"
|
||||
text="1,123"
|
||||
>
|
||||
<cchartbarsimple-stub
|
||||
backgroundcolor="primary"
|
||||
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
|
||||
label="Sales"
|
||||
style="height: 40px;"
|
||||
/>
|
||||
</cwidgetsimple-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="2"
|
||||
sm="4"
|
||||
tag="div"
|
||||
>
|
||||
<cwidgetsimple-stub
|
||||
header="title"
|
||||
text="1,123"
|
||||
>
|
||||
<cchartbarsimple-stub
|
||||
backgroundcolor="success"
|
||||
datapoints="10,22,34,46,58,70,46,23,45,78,34,12"
|
||||
label="Sales"
|
||||
style="height: 40px;"
|
||||
/>
|
||||
</cwidgetsimple-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
`;
|
||||
Reference in New Issue
Block a user