test: restore and fix unit tests
This commit is contained in:
woothu
@@ -0,0 +1,32 @@
|
||||
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).toMatch('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.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is Breadcrumbs', () => {
|
||||
const wrapper = shallowMount(Breadcrumbs)
|
||||
expect(wrapper.is(Breadcrumbs)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(Breadcrumbs)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,32 @@
|
||||
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).toMatch('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.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is Cards', () => {
|
||||
const wrapper = shallowMount(Cards)
|
||||
expect(wrapper.is(Cards)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(Cards)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,20 @@
|
||||
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).toMatch('carousels')
|
||||
})
|
||||
it('is Carousels', () => {
|
||||
const wrapper = shallowMount(Carousels)
|
||||
expect(wrapper.is(Carousels)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(Carousels)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,36 @@
|
||||
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).toMatch('collapses')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Collapses.data).toMatch('function')
|
||||
})
|
||||
it('sets the correct default data', () => {
|
||||
expect(typeof Collapses.data).toMatch('function')
|
||||
const defaultData = Collapses.data()
|
||||
expect(defaultData.showCollapse).toBe(true)
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Collapses)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
// it('is Collapses', () => {
|
||||
// const wrapper = shallowMount(Collapses)
|
||||
// expect(wrapper.is(Collapses)).toBe(true)
|
||||
// })
|
||||
// it('should render correct content', () => {
|
||||
// const wrapper = mount(Collapses)
|
||||
// expect(wrapper.find('header.card-header > div > strong').text()).toMatch('Bootstrap Collapse')
|
||||
// })
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(Collapses)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,21 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import Forms from '@/views/base/Forms'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Forms.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Forms.name).toMatch('forms')
|
||||
})
|
||||
it('is Forms', () => {
|
||||
const wrapper = shallowMount(Forms)
|
||||
expect(wrapper.is(Forms)).toBe(true)
|
||||
})
|
||||
// render random chackboxes
|
||||
// test('renders correctly', () => {
|
||||
// const wrapper = shallowMount(Forms)
|
||||
// expect(wrapper.element).toMatchSnapshot()
|
||||
// })
|
||||
})
|
||||
@@ -0,0 +1,24 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } 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).toMatch('jumbotrons')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Jumbotrons)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is Jumbotrons', () => {
|
||||
const wrapper = shallowMount(Jumbotrons)
|
||||
expect(wrapper.is(Jumbotrons)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Jumbotrons)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,24 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } 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).toMatch('list-groups')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(ListGroups)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is ListGroups', () => {
|
||||
const wrapper = shallowMount(ListGroups)
|
||||
expect(wrapper.is(ListGroups)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(ListGroups)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,24 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } 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).toMatch('navbars')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Navbars)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is Navbars', () => {
|
||||
const wrapper = shallowMount(Navbars)
|
||||
expect(wrapper.is(Navbars)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Navbars)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,24 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } 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).toMatch('navs')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Navs)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is Navbars', () => {
|
||||
const wrapper = shallowMount(Navs)
|
||||
expect(wrapper.is(Navs)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Navs)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,32 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } 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).toMatch('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.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is Paginations', () => {
|
||||
const wrapper = shallowMount(Paginations)
|
||||
expect(wrapper.is(Paginations)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Paginations)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,23 @@
|
||||
import Vue from 'vue'
|
||||
import { mount, 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).toMatch('popovers')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Popovers.data).toMatch('function')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Popovers)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is Popovers', () => {
|
||||
const wrapper = shallowMount(Popovers)
|
||||
expect(wrapper.is(Popovers)).toBe(true)
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,40 @@
|
||||
import Vue from 'vue'
|
||||
import { mount, shallowMount } from '@vue/test-utils';
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import ProgressBars from '@/views/base/ProgressBars'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
jest.useFakeTimers()
|
||||
|
||||
describe('ProgressBars.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(ProgressBars.name).toMatch('progress-bars')
|
||||
})
|
||||
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', () => {
|
||||
const wrapper = mount(ProgressBars)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is ProgressBars', () => {
|
||||
const wrapper = mount(ProgressBars)
|
||||
expect(wrapper.is(ProgressBars)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(ProgressBars)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
it('should be destroyed', () => {
|
||||
const wrapper = mount(ProgressBars)
|
||||
wrapper.destroy()
|
||||
})
|
||||
it('should have methods', () => {
|
||||
expect(typeof ProgressBars.methods.clicked ).toEqual('function')
|
||||
expect(ProgressBars.methods.clicked()).toBeUndefined()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,33 @@
|
||||
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).toMatch('switches')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Switches.data).toMatch('function')
|
||||
})
|
||||
it('sets the correct default data', () => {
|
||||
expect(typeof Switches.data).toMatch('function')
|
||||
const defaultData = Switches.data()
|
||||
expect(typeof defaultData.fields).toMatch('object')
|
||||
expect(defaultData.checker).toMatch('yes')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = mount(Switches)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is Switches', () => {
|
||||
const wrapper = mount(Switches)
|
||||
expect(wrapper.is(Switches)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Switches)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,24 @@
|
||||
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).toMatch('TableWrapper')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = mount(Table)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is Table', () => {
|
||||
const wrapper = mount(Table)
|
||||
expect(wrapper.is(Table)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Table)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,24 @@
|
||||
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).toMatch('tables')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = mount(Tables)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is Tables', () => {
|
||||
const wrapper = mount(Tables)
|
||||
expect(wrapper.is(Tables)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Tables)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,30 @@
|
||||
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).toMatch('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.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is Tabs', () => {
|
||||
const wrapper = mount(Tabs)
|
||||
expect(wrapper.is(Tabs)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Tabs)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,27 @@
|
||||
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).toMatch('tooltips')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof Tooltips.data).toMatch('function')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Tooltips)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is Tooltips', () => {
|
||||
const wrapper = shallowMount(Tooltips)
|
||||
expect(wrapper.is(Tooltips)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(Tooltips)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,188 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Breadcrumbs.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-wrapper"
|
||||
>
|
||||
<div>
|
||||
<div
|
||||
class="c-row"
|
||||
>
|
||||
<div
|
||||
class="c-col"
|
||||
>
|
||||
<div
|
||||
class="c-card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
<strong>
|
||||
Bootstrap Breadcrumb
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Breadcrumb"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<ol
|
||||
class="c-breadcrumb"
|
||||
>
|
||||
<li
|
||||
class="c-breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
<b>
|
||||
Admin
|
||||
</b>
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="c-breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Manage
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="c-breadcrumb-item c-active"
|
||||
role="presentation"
|
||||
>
|
||||
<span
|
||||
class=""
|
||||
>
|
||||
Library
|
||||
</span>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<ol
|
||||
class="c-breadcrumb"
|
||||
>
|
||||
<li
|
||||
class="c-breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Go to dashboard
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="c-breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Go to widgets
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="c-breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class=""
|
||||
href="http://google.com"
|
||||
target="_self"
|
||||
>
|
||||
Go to Google
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="c-breadcrumb-item c-active"
|
||||
role="presentation"
|
||||
>
|
||||
<span
|
||||
class=""
|
||||
>
|
||||
Current page
|
||||
</span>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<ol
|
||||
class="c-breadcrumb"
|
||||
>
|
||||
<li
|
||||
class="c-breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class="c-font-xl"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Added
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="c-breadcrumb-item"
|
||||
role="presentation"
|
||||
>
|
||||
<a
|
||||
class="c-font-xl"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
Custom
|
||||
</a>
|
||||
</li>
|
||||
<li
|
||||
class="c-breadcrumb-item c-active"
|
||||
role="presentation"
|
||||
>
|
||||
<span
|
||||
class="c-font-xl c-text-danger"
|
||||
>
|
||||
Classes
|
||||
</span>
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,865 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Cards.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<div
|
||||
class="c-row"
|
||||
>
|
||||
<div
|
||||
class="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
|
||||
Card title
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/CardComponents"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
|
||||
</div>
|
||||
<footer
|
||||
class="c-card-footer"
|
||||
>
|
||||
Card Footer
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card"
|
||||
>
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
<i
|
||||
class="cui-check"
|
||||
/>
|
||||
Card with icon
|
||||
</header>
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
|
||||
Card with switch
|
||||
|
||||
<label
|
||||
class="c-float-right c-switch c-form-check-label c-switch-info c-switch-sm c-switch-pill"
|
||||
>
|
||||
<input
|
||||
class="c-switch-input c-form-check-input"
|
||||
data-off="Off"
|
||||
data-on="On"
|
||||
type="checkbox"
|
||||
value=""
|
||||
/>
|
||||
<span
|
||||
class="c-switch-slider"
|
||||
/>
|
||||
</label>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
|
||||
Card with label
|
||||
|
||||
<span
|
||||
class="c-badge c-float-right c-badge-success"
|
||||
>
|
||||
Success
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
|
||||
Card with label
|
||||
|
||||
<span
|
||||
class="c-badge c-float-right c-badge-danger c-badge-pill"
|
||||
>
|
||||
42
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<div>
|
||||
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>
|
||||
|
||||
<div
|
||||
class="c-row"
|
||||
>
|
||||
<div
|
||||
class="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-border-primary"
|
||||
header="Card outline primary"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-border-secondary"
|
||||
header="Card outline secondary"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-border-success"
|
||||
header="Card outline success"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-border-info"
|
||||
>
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
Card outline info
|
||||
</header>
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-border-warning"
|
||||
>
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
Card outline warning
|
||||
</header>
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-border-danger"
|
||||
>
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
Card outline danger
|
||||
</header>
|
||||
<div
|
||||
class="c-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="c-row"
|
||||
>
|
||||
<div
|
||||
class="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-card-accent-primary"
|
||||
header="Card with primary accent"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-card-accent-secondary"
|
||||
header="Card with secondary accent"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-card-accent-success"
|
||||
header="Card with success accent"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-card-accent-info"
|
||||
header="Card with info accent"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-card-accent-warning"
|
||||
header="Card with warning accent"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-card-accent-danger"
|
||||
header="Card with danger accent"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-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="c-row"
|
||||
>
|
||||
<div
|
||||
class="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-bg-primary c-text-center"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<blockquote
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-bg-success c-text-center"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<blockquote
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-bg-info c-text-center"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<blockquote
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-bg-warning c-text-center"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<blockquote
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-bg-danger c-text-center"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<blockquote
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-bg-secondary c-text-center"
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<blockquote
|
||||
class="c-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="c-row"
|
||||
>
|
||||
<div
|
||||
class="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-bg-primary"
|
||||
>
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
Card title
|
||||
</header>
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-bg-success"
|
||||
>
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
Card title
|
||||
</header>
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-bg-info"
|
||||
>
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
Card title
|
||||
</header>
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-bg-warning"
|
||||
>
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
Card title
|
||||
</header>
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-bg-danger"
|
||||
>
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
Card title
|
||||
</header>
|
||||
<div
|
||||
class="c-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="c-col-sm-6 c-col-md-4"
|
||||
>
|
||||
<div
|
||||
class="c-card c-bg-secondary"
|
||||
name="fade"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
|
||||
Card with header actions
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="c-card-header-action btn-setting"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
<i
|
||||
class="cui-settings"
|
||||
/>
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="c-card-header-action btn-minimize"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
<i
|
||||
class="cui-chevron-bottom"
|
||||
/>
|
||||
</a>
|
||||
|
||||
<a
|
||||
class="c-card-header-action c-btn-close"
|
||||
href="#"
|
||||
target="_self"
|
||||
>
|
||||
<i
|
||||
class="cui-circle-x"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class=""
|
||||
data-v-98918eb0=""
|
||||
>
|
||||
<div
|
||||
class="c-card-body"
|
||||
data-v-98918eb0=""
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
|
||||
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>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,161 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Carousels.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-wrapper"
|
||||
>
|
||||
<div>
|
||||
<div
|
||||
class="c-row"
|
||||
>
|
||||
<div
|
||||
class="c-col-md-12 c-col-lg-9"
|
||||
>
|
||||
<div
|
||||
class="c-card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Carousel
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Carousel"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<div
|
||||
class="c-carousel c-slide"
|
||||
style="height: 400px;"
|
||||
>
|
||||
<ol
|
||||
class="c-carousel-indicators"
|
||||
>
|
||||
<li
|
||||
class="c-active"
|
||||
/>
|
||||
<li
|
||||
class=""
|
||||
/>
|
||||
<li
|
||||
class=""
|
||||
/>
|
||||
</ol>
|
||||
<div
|
||||
class="c-carousel-inner"
|
||||
>
|
||||
<div
|
||||
class="c-carousel-item c-active"
|
||||
>
|
||||
<img
|
||||
class="c-d-block c-w-100 c-h-100 c-img-fluid c-mx-auto"
|
||||
src="https://lorempixel.com/1024/480/technics/2/"
|
||||
/>
|
||||
<div
|
||||
class="c-carousel-caption"
|
||||
>
|
||||
<h3>
|
||||
First Slide
|
||||
</h3>
|
||||
<p>
|
||||
Nulla vitae elit libero, a pharetra augue mollis interdum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="c-carousel-item"
|
||||
>
|
||||
<svg
|
||||
class="c-d-block c-w-100 c-h-100 c-img-fluid c-mx-auto"
|
||||
style="background-color: grey;"
|
||||
/>
|
||||
<div
|
||||
class="c-carousel-caption"
|
||||
>
|
||||
<h3>
|
||||
Blank page
|
||||
</h3>
|
||||
<p>
|
||||
Nulla vitae elit libero, a pharetra augue mollis interdum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="c-carousel-item"
|
||||
>
|
||||
<img
|
||||
class="c-d-block c-w-100 c-h-100 c-img-fluid c-mx-auto"
|
||||
src="https://lorempixel.com/1024/480/technics/8/"
|
||||
/>
|
||||
<div
|
||||
class="c-carousel-caption"
|
||||
>
|
||||
<h3>
|
||||
|
||||
</h3>
|
||||
<p>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a
|
||||
class="c-carousel-control-prev"
|
||||
>
|
||||
<span
|
||||
class="c-carousel-control-prev-icon"
|
||||
/>
|
||||
<span
|
||||
class="sr-only"
|
||||
>
|
||||
Previous
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
class="c-carousel-control-next"
|
||||
>
|
||||
<span
|
||||
class="c-carousel-control-next-icon"
|
||||
/>
|
||||
<span
|
||||
class="sr-only"
|
||||
>
|
||||
Next
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,128 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Collapses.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-wrapper"
|
||||
>
|
||||
<div>
|
||||
<div
|
||||
class="c-row"
|
||||
>
|
||||
<div
|
||||
class="c-col-12 c-col-md-6"
|
||||
>
|
||||
<div
|
||||
class="c-card"
|
||||
>
|
||||
<!---->
|
||||
<header
|
||||
class="c-card-header"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Collapse
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Collapse"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div
|
||||
class="c-card-body"
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<button
|
||||
class="c-btn c-btn-primary"
|
||||
id="collapse1"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Toggle Collapse
|
||||
|
||||
</button>
|
||||
|
||||
<div
|
||||
class="c-mt-2"
|
||||
data-v-98918eb0=""
|
||||
style="display: none;"
|
||||
>
|
||||
<div
|
||||
class="c-card"
|
||||
data-v-98918eb0=""
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-card-body"
|
||||
data-v-98918eb0=""
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
<p
|
||||
class="c-card-text"
|
||||
data-v-98918eb0=""
|
||||
>
|
||||
Collapse contents Here
|
||||
</p>
|
||||
|
||||
<button
|
||||
class="c-btn c-btn-secondary c-btn-sm"
|
||||
data-v-98918eb0=""
|
||||
id="collapse2"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Toggle Inner Collapse
|
||||
|
||||
</button>
|
||||
|
||||
<div
|
||||
class="c-mt-2"
|
||||
data-v-98918eb0=""
|
||||
style="display: none;"
|
||||
>
|
||||
<div
|
||||
class="c-card"
|
||||
data-v-98918eb0=""
|
||||
>
|
||||
<!---->
|
||||
<div
|
||||
class="c-card-body"
|
||||
data-v-98918eb0=""
|
||||
>
|
||||
<!---->
|
||||
<!---->
|
||||
Hello!
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!---->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,224 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Jumbotrons.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-wrapper"
|
||||
>
|
||||
<div>
|
||||
<crow-stub>
|
||||
<ccol-stub
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Jumbotron
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Jumbotron"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cjumbotron-stub
|
||||
header="Bootstrap 4"
|
||||
lead="Bootstrap 4 Components for Vue.js 2"
|
||||
tag="div"
|
||||
>
|
||||
<p>
|
||||
For more information visit website
|
||||
</p>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
More Info
|
||||
</cbutton-stub>
|
||||
</cjumbotron-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Jumbotron
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
with slots
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cjumbotron-stub
|
||||
header="Bootstrap 4"
|
||||
lead=""
|
||||
tag="div"
|
||||
>
|
||||
<p
|
||||
class="c-lead"
|
||||
slot="lead"
|
||||
>
|
||||
|
||||
This is a simple hero unit, a simple jumbotron-style component for
|
||||
calling extra attention to featured content or information.
|
||||
|
||||
</p>
|
||||
|
||||
<hr
|
||||
class="c-my-4"
|
||||
/>
|
||||
|
||||
<p>
|
||||
|
||||
It uses utility classes for typography and spacing to space content
|
||||
out within the larger container.
|
||||
|
||||
</p>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
Do Something
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="success"
|
||||
>
|
||||
Do Something Else
|
||||
</cbutton-stub>
|
||||
</cjumbotron-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub>
|
||||
<ccol-stub
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Jumbotron
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
variants
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cjumbotron-stub
|
||||
bordervariant="dark"
|
||||
header="Bootstrap 4"
|
||||
tag="div"
|
||||
textvariant="white"
|
||||
variant="info"
|
||||
>
|
||||
<p
|
||||
class="c-lead"
|
||||
slot="lead"
|
||||
>
|
||||
|
||||
This is a simple hero unit, a simple jumbotron-style component for
|
||||
calling extra attention to featured content or information.
|
||||
|
||||
</p>
|
||||
|
||||
<hr
|
||||
class="c-my-4"
|
||||
/>
|
||||
|
||||
<p>
|
||||
|
||||
It uses utility classes for typography and spacing to space content
|
||||
out within the larger container.
|
||||
|
||||
</p>
|
||||
</cjumbotron-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,572 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Navbars.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-wrapper"
|
||||
>
|
||||
<div>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navbar
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Navbar"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cnavbar-stub
|
||||
tag="nav"
|
||||
toggleable="md"
|
||||
variant="info"
|
||||
>
|
||||
<cnavbartoggle-stub />
|
||||
|
||||
<cnavbarbrand-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
NavBar
|
||||
</cnavbarbrand-stub>
|
||||
|
||||
<ccollapse-stub
|
||||
duration="400"
|
||||
navbar="true"
|
||||
transition="ease-in-out"
|
||||
>
|
||||
<cnavbarnav-stub
|
||||
tag="ul"
|
||||
>
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnavbarnav-stub>
|
||||
|
||||
<cnavbarnav-stub
|
||||
class="c-ml-auto"
|
||||
tag="ul"
|
||||
>
|
||||
<cform-stub
|
||||
inline="true"
|
||||
>
|
||||
<cforminput-stub
|
||||
class="c-mr-sm-2"
|
||||
lazy="400"
|
||||
placeholder="Search"
|
||||
size="sm"
|
||||
type="text"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-my-2 c-my-sm-0"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
size="sm"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="light"
|
||||
>
|
||||
|
||||
Search
|
||||
|
||||
</cbutton-stub>
|
||||
</cform-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
buttonhtml="Lang"
|
||||
nav="true"
|
||||
placement="bottom-end"
|
||||
variant="primary"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
EN
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
ES
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
RU
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
FA
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
buttonhtml=<em>User</em>
|
||||
nav="true"
|
||||
placement="bottom-end"
|
||||
variant="primary"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Profile
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Signout
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
</cnavbarnav-stub>
|
||||
</ccollapse-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
brand
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cnavbar-stub
|
||||
light="true"
|
||||
tag="nav"
|
||||
variant="faded"
|
||||
>
|
||||
<cnavbarbrand-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
<img
|
||||
alt="CoreuiVue"
|
||||
class="c-d-inline-block c-align-top"
|
||||
src="https://placekitten.com/g/30/30"
|
||||
/>
|
||||
|
||||
CoreuiVue
|
||||
|
||||
</cnavbarbrand-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
text
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cnavbar-stub
|
||||
light="true"
|
||||
tag="nav"
|
||||
toggleable="sm"
|
||||
variant="light"
|
||||
>
|
||||
<cnavbartoggle-stub />
|
||||
|
||||
<cnavbarbrand-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
CoreuiVue
|
||||
</cnavbarbrand-stub>
|
||||
|
||||
<ccollapse-stub
|
||||
duration="400"
|
||||
navbar="true"
|
||||
transition="ease-in-out"
|
||||
>
|
||||
<cnavbarnav-stub
|
||||
tag="ul"
|
||||
>
|
||||
<span
|
||||
class="c-navbar-text"
|
||||
>
|
||||
Navbar text
|
||||
</span>
|
||||
</cnavbarnav-stub>
|
||||
</ccollapse-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
dropdown
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cnavbar-stub
|
||||
tag="nav"
|
||||
toggleable="sm"
|
||||
variant="primary"
|
||||
>
|
||||
<cnavbartoggle-stub />
|
||||
|
||||
<ccollapse-stub
|
||||
duration="400"
|
||||
navbar="true"
|
||||
transition="ease-in-out"
|
||||
>
|
||||
<cnavbarnav-stub
|
||||
tag="ul"
|
||||
>
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Home
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
href="#"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
buttonhtml="Lang"
|
||||
nav="true"
|
||||
right=""
|
||||
variant="primary"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
EN
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
ES
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
RU
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
FA
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
buttonhtml="User"
|
||||
nav="true"
|
||||
right=""
|
||||
variant="primary"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Account
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Settings
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
</cnavbarnav-stub>
|
||||
</ccollapse-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
form
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cnavbar-stub
|
||||
light="true"
|
||||
tag="nav"
|
||||
variant="light"
|
||||
>
|
||||
<cform-stub
|
||||
inline="true"
|
||||
>
|
||||
<cforminput-stub
|
||||
class="c-mr-sm-2"
|
||||
lazy="400"
|
||||
placeholder="Search"
|
||||
size="sm"
|
||||
type="text"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-my-2 c-my-sm-0"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="submit"
|
||||
variant="outline-success"
|
||||
>
|
||||
Search
|
||||
</cbutton-stub>
|
||||
</cform-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Navbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
input group
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cnavbar-stub
|
||||
light="true"
|
||||
tag="nav"
|
||||
variant="light"
|
||||
>
|
||||
<cform-stub
|
||||
inline="true"
|
||||
>
|
||||
<cforminput-stub
|
||||
class="c-mr-sm-2"
|
||||
lazy="400"
|
||||
placeholder="Username"
|
||||
type="text"
|
||||
/>
|
||||
</cform-stub>
|
||||
</cnavbar-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,705 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Navs.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-wrapper"
|
||||
>
|
||||
<div>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Nav"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cnav-stub>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
title="Link"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Another Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
icons
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cnav-stub>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
<i
|
||||
class="cui-basket-loaded"
|
||||
/>
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
Another Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
tab style
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cnav-stub
|
||||
tabs="true"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
Active
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
Another Link
|
||||
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
pill style
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cnav-stub
|
||||
pills="true"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Another Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
fill tabs
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cnav-stub
|
||||
fill="true"
|
||||
tabs="true"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Link with a long name
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
justified tabs
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cnav-stub
|
||||
justified="true"
|
||||
tabs="true"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Link with a long name
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
dropdown support
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cnav-stub
|
||||
pills="true"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
button-content="Dropdown"
|
||||
buttonhtml="Dropdown"
|
||||
id="nav7_ddown"
|
||||
nav="true"
|
||||
placement="bottom-end"
|
||||
variant="primary"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
one
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
two
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdowndivider-stub
|
||||
tag="div"
|
||||
/>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
three
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
</cnav-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Navs
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
vertical variation
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<crow-stub>
|
||||
<ccol-stub
|
||||
class="c-m-0"
|
||||
col="3"
|
||||
tag="div"
|
||||
>
|
||||
<cnav-stub
|
||||
pills="true"
|
||||
vertical="true"
|
||||
>
|
||||
<cnavitem-stub
|
||||
active="true"
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Active
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Another Link
|
||||
</cnavitem-stub>
|
||||
|
||||
<cnavitem-stub
|
||||
activeclass="c-active"
|
||||
disabled="true"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
tag="span"
|
||||
target="_self"
|
||||
variant="primary"
|
||||
>
|
||||
Disabled
|
||||
</cnavitem-stub>
|
||||
</cnav-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,196 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Paginations.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-wrapper"
|
||||
>
|
||||
<div>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Responsive bootstrap Pagination
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Pagination"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<h6>
|
||||
Default
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="start"
|
||||
firstbuttonhtml="«"
|
||||
lastbuttonhtml="»"
|
||||
limit="5"
|
||||
nextbuttonhtml="›"
|
||||
pages="10"
|
||||
previousbuttonhtml="‹"
|
||||
responsive="true"
|
||||
size="md"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<h6>
|
||||
Small
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="start"
|
||||
firstbuttonhtml="«"
|
||||
lastbuttonhtml="»"
|
||||
limit="5"
|
||||
nextbuttonhtml="›"
|
||||
pages="10"
|
||||
previousbuttonhtml="‹"
|
||||
size="sm"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<div>
|
||||
<h6>
|
||||
Large
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="start"
|
||||
firstbuttonhtml="«"
|
||||
lastbuttonhtml="»"
|
||||
limit="5"
|
||||
nextbuttonhtml="›"
|
||||
pages="10"
|
||||
previousbuttonhtml="‹"
|
||||
responsive="true"
|
||||
size="lg"
|
||||
/>
|
||||
|
||||
<br />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
currentPage: 3
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Pagination
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
alignment
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<h6>
|
||||
Left alignment (default)
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="start"
|
||||
firstbuttonhtml="«"
|
||||
lastbuttonhtml="»"
|
||||
limit="5"
|
||||
nextbuttonhtml="›"
|
||||
pages="10"
|
||||
previousbuttonhtml="‹"
|
||||
size="md"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<h6>
|
||||
Center alignment
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="center"
|
||||
firstbuttonhtml="«"
|
||||
lastbuttonhtml="»"
|
||||
limit="5"
|
||||
nextbuttonhtml="›"
|
||||
pages="10"
|
||||
previousbuttonhtml="‹"
|
||||
size="md"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<h6>
|
||||
Right (end) alignment
|
||||
</h6>
|
||||
|
||||
<cpagination-stub
|
||||
activepage="3"
|
||||
align="end"
|
||||
firstbuttonhtml="«"
|
||||
lastbuttonhtml="»"
|
||||
limit="5"
|
||||
nextbuttonhtml="›"
|
||||
pages="10"
|
||||
previousbuttonhtml="‹"
|
||||
size="md"
|
||||
/>
|
||||
|
||||
<br />
|
||||
|
||||
<div>
|
||||
currentPage: 3
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,803 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`ProgressBars.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-wrapper"
|
||||
>
|
||||
<div>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Progress
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Progress"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
max="100"
|
||||
precision="0"
|
||||
showprogress="true"
|
||||
value="73"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mt-1"
|
||||
max="100"
|
||||
precision="0"
|
||||
showvalue="true"
|
||||
variant="primary"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="43.8"
|
||||
variant="success"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="18.25"
|
||||
variant="warning"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="10.95"
|
||||
variant="danger"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-mt-4"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
|
||||
Click me to animate progress bars
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
<small>
|
||||
labels
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<h6>
|
||||
No label
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-3"
|
||||
max="50"
|
||||
precision="0"
|
||||
value="33.333333333"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Value label
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-3"
|
||||
max="50"
|
||||
precision="0"
|
||||
showvalue="true"
|
||||
value="33.333333333"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Progress label
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-3"
|
||||
max="50"
|
||||
precision="0"
|
||||
showprogress="true"
|
||||
value="33.333333333"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Value label with precision
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-3"
|
||||
max="50"
|
||||
precision="2"
|
||||
showvalue="true"
|
||||
value="33.333333333"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Progress label with precision
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-3"
|
||||
max="50"
|
||||
precision="2"
|
||||
showprogress="true"
|
||||
value="33.333333333"
|
||||
variant="primary"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
width
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<h6>
|
||||
Default width
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Custom widths
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-w-75 c-mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-w-50 c-mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-w-25"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
variant="primary"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
height
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<h6>
|
||||
Default height
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
showprogress="true"
|
||||
value="75"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<h6>
|
||||
Custom heights
|
||||
</h6>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-2"
|
||||
height="2rem"
|
||||
max="100"
|
||||
precision="0"
|
||||
showprogress="true"
|
||||
value="75"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-2"
|
||||
height="20px"
|
||||
max="100"
|
||||
precision="0"
|
||||
showprogress="true"
|
||||
value="75"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
height="2px"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
variant="primary"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
variants
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<div
|
||||
class="c-row c-mb-1"
|
||||
>
|
||||
<div
|
||||
class="c-col-sm-2"
|
||||
>
|
||||
success:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="c-col-sm-10 c-pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
variant="success"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c-row c-mb-1"
|
||||
>
|
||||
<div
|
||||
class="c-col-sm-2"
|
||||
>
|
||||
info:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="c-col-sm-10 c-pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
variant="info"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c-row c-mb-1"
|
||||
>
|
||||
<div
|
||||
class="c-col-sm-2"
|
||||
>
|
||||
warning:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="c-col-sm-10 c-pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
variant="warning"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c-row c-mb-1"
|
||||
>
|
||||
<div
|
||||
class="c-col-sm-2"
|
||||
>
|
||||
danger:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="c-col-sm-10 c-pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
variant="danger"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c-row c-mb-1"
|
||||
>
|
||||
<div
|
||||
class="c-col-sm-2"
|
||||
>
|
||||
primary:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="c-col-sm-10 c-pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
variant="primary"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c-row c-mb-1"
|
||||
>
|
||||
<div
|
||||
class="c-col-sm-2"
|
||||
>
|
||||
secondary:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="c-col-sm-10 c-pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
variant="secondary"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="c-row c-mb-1"
|
||||
>
|
||||
<div
|
||||
class="c-col-sm-2"
|
||||
>
|
||||
dark:
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="c-col-sm-10 c-pt-1"
|
||||
>
|
||||
<cprogress-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="75"
|
||||
variant="dark"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
striped
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="c-mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="25"
|
||||
variant="success"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="50"
|
||||
variant="info"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="75"
|
||||
variant="warning"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="100"
|
||||
variant="danger"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
|
||||
Remove Striped
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
animated
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
class="c-mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="25"
|
||||
variant="success"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
class="c-mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="50"
|
||||
variant="info"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
class="c-mb-2"
|
||||
max="100"
|
||||
precision="0"
|
||||
striped="true"
|
||||
value="75"
|
||||
variant="warning"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
animated="true"
|
||||
class="c-mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="100"
|
||||
variant="danger"
|
||||
/>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
|
||||
Stop Animation
|
||||
|
||||
</cbutton-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Progress
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
multiple bars
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="c-mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
variant="primary"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="15"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="30"
|
||||
variant="success"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="20"
|
||||
variant="info"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
showprogress="true"
|
||||
variant="primary"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="15"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="30"
|
||||
variant="success"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="20"
|
||||
variant="info"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
showvalue="true"
|
||||
striped="true"
|
||||
variant="primary"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="15"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="30"
|
||||
variant="success"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
value="20"
|
||||
variant="info"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
|
||||
<cprogress-stub
|
||||
class="c-mb-3"
|
||||
max="100"
|
||||
precision="0"
|
||||
variant="primary"
|
||||
>
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
showprogress="true"
|
||||
value="15"
|
||||
variant="primary"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
animated="true"
|
||||
max="100"
|
||||
precision="0"
|
||||
showprogress="true"
|
||||
value="30"
|
||||
variant="success"
|
||||
/>
|
||||
|
||||
<cprogressbar-stub
|
||||
max="100"
|
||||
precision="0"
|
||||
showprogress="true"
|
||||
striped="true"
|
||||
value="20"
|
||||
variant="info"
|
||||
/>
|
||||
</cprogress-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,17 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Table.vue renders correctly 1`] = `
|
||||
<ccard-stub
|
||||
bodywrapper="true"
|
||||
header="Table"
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ctable-stub
|
||||
defaultsorter="[object Object]"
|
||||
fields="username,registered,role,status"
|
||||
pagination="true"
|
||||
perpage="5"
|
||||
/>
|
||||
</ccard-stub>
|
||||
`;
|
||||
@@ -0,0 +1,153 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Tables.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<crow-stub>
|
||||
<ccol-stub
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
|
||||
CTable component functionality presentation
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Table"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ctable-stub
|
||||
dark-header=""
|
||||
default-filter="2012"
|
||||
default-sorters="username,asc"
|
||||
defaultcolumnfilter="[object Object]"
|
||||
defaultsorter="[object Object]"
|
||||
fields="[object Object],registered,[object Object],[object Object],[object Object]"
|
||||
filterrow="true"
|
||||
footer="true"
|
||||
hover="true"
|
||||
indexcolumn="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]"
|
||||
optionsrow="true"
|
||||
pagination="true"
|
||||
perpage="6"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<crow-stub>
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
caption=<i class='fa fa-align-justify'></i> Simple 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=<i class='fa fa-align-justify'></i> 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>
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
caption=<i class='fa fa-align-justify'></i> 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
|
||||
bordered="true"
|
||||
caption=<i class='fa fa-align-justify'></i> 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>
|
||||
<ccol-stub
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
bordered="true"
|
||||
caption=<i class='fa fa-align-justify'></i> 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>
|
||||
<ccol-stub
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<ctablewrapper-stub
|
||||
bordered="true"
|
||||
caption=<i class='fa fa-align-justify'></i> Combined All 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>
|
||||
`;
|
||||
@@ -0,0 +1,318 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Tabs.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<crow-stub>
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
tag="div"
|
||||
xs="12"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
|
||||
Tabs
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Tabs"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ctabs-stub
|
||||
tabs="true"
|
||||
>
|
||||
<ctab-stub
|
||||
active="true"
|
||||
titlehtml="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
|
||||
titlehtml="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
|
||||
disabled="true"
|
||||
titlehtml="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
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
|
||||
Tabs
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ctabs-stub
|
||||
pills="true"
|
||||
tabs="true"
|
||||
>
|
||||
<ctab-stub
|
||||
active="true"
|
||||
titlehtml="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
|
||||
titlehtml="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
|
||||
disabled="true"
|
||||
titlehtml="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
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
|
||||
Tabs with icons
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ctabs-stub
|
||||
tabs="true"
|
||||
>
|
||||
<ctab-stub
|
||||
active="true"
|
||||
>
|
||||
<template>
|
||||
<i
|
||||
class="cui-calculator"
|
||||
/>
|
||||
</template>
|
||||
|
||||
1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
||||
officia deserunt mollit anim id est laborum.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub>
|
||||
<template>
|
||||
<i
|
||||
class="cui-basket-loaded"
|
||||
/>
|
||||
</template>
|
||||
|
||||
2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
||||
officia deserunt mollit anim id est laborum.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub>
|
||||
<template>
|
||||
<i
|
||||
class="cui-pie-chart"
|
||||
/>
|
||||
</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
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
|
||||
Tabs vertical
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ctabs-stub
|
||||
pills="true"
|
||||
tabs="true"
|
||||
vertical="true"
|
||||
>
|
||||
<ctab-stub
|
||||
active="true"
|
||||
>
|
||||
<template>
|
||||
<i
|
||||
class="cui-calculator"
|
||||
/>
|
||||
Calculator
|
||||
|
||||
</template>
|
||||
|
||||
1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
||||
officia deserunt mollit anim id est laborum.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub>
|
||||
<template>
|
||||
<i
|
||||
class="cui-basket-loaded"
|
||||
/>
|
||||
Shopping cart
|
||||
|
||||
</template>
|
||||
|
||||
2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
||||
officia deserunt mollit anim id est laborum.
|
||||
|
||||
</ctab-stub>
|
||||
|
||||
<ctab-stub>
|
||||
<template>
|
||||
<i
|
||||
class="cui-pie-chart"
|
||||
/>
|
||||
Charts
|
||||
|
||||
</template>
|
||||
|
||||
3. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
|
||||
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
||||
officia deserunt mollit anim id est laborum.
|
||||
|
||||
</ctab-stub>
|
||||
</ctabs-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
`;
|
||||
@@ -0,0 +1,389 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Tooltips.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-wrapper"
|
||||
>
|
||||
<div>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap Tooltips
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
<code>
|
||||
v-c-tooltip
|
||||
</code>
|
||||
directive
|
||||
</small>
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/Tooltip"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<crow-stub>
|
||||
<ccol-stub
|
||||
col="4"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="c-text-center c-my-3"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
|
||||
Hover Me
|
||||
|
||||
</cbutton-stub>
|
||||
</div>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="4"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="c-text-center c-my-3"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
|
||||
Hover me
|
||||
|
||||
</cbutton-stub>
|
||||
</div>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="4"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="c-text-center c-my-3"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
|
||||
Click me
|
||||
|
||||
</cbutton-stub>
|
||||
</div>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Tooltips
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
placement
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<div
|
||||
class="c-my-3"
|
||||
>
|
||||
<crow-stub>
|
||||
<ccol-stub
|
||||
class="c-py-4 c-text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
top-start
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="c-py-4 c-text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
top
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="c-py-4 c-text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
top-end
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="c-py-4 c-text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
bottom-start
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="c-py-4 c-text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
bottom
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="c-py-4 c-text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
bottom-end
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="c-py-4 c-text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
right-start
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="c-py-4 c-text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
right
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="c-py-4 c-text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
right-end
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="c-py-4 c-text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
left-start
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="c-py-4 c-text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
left
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
<ccol-stub
|
||||
class="c-py-4 c-text-center"
|
||||
md="4"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
|
||||
left-end
|
||||
|
||||
</cbutton-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
Reference in New Issue
Block a user