test: restore and fix unit tests
This commit is contained in:
woothu
@@ -0,0 +1,28 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import BrandButtons from '@/views/buttons/BrandButtons'
|
||||
import { CIconPlugin } from '@coreui/icons/vue'
|
||||
import { iconsSet } from '@/assets/icons/icons.js'
|
||||
|
||||
|
||||
Vue.use(CIconPlugin, iconsSet)
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('BrandButtons.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(BrandButtons.name).toMatch('brand-buttons')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(BrandButtons)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is BrandButtons', () => {
|
||||
const wrapper = shallowMount(BrandButtons)
|
||||
expect(wrapper.is(BrandButtons)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(BrandButtons)
|
||||
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 Dropdowns from '@/views/buttons/Dropdowns'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('Dropdowns.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(Dropdowns.name).toMatch('Dropdowns')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(Dropdowns)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is Dropdowns', () => {
|
||||
const wrapper = shallowMount(Dropdowns)
|
||||
expect(wrapper.is(Dropdowns)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = mount(Dropdowns)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,22 @@
|
||||
import Vue from 'vue'
|
||||
import { shallowMount, mount } from '@vue/test-utils'
|
||||
import CoreuiVue from '@coreui/vue'
|
||||
import ButtonGroups from '@/views/buttons/ButtonGroups'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('ButtonGroups.vue', () => {
|
||||
const wrapper = shallowMount(ButtonGroups)
|
||||
it('has a name', () => {
|
||||
expect(ButtonGroups.name).toMatch('button-groups')
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is ButtonGroups', () => {
|
||||
expect(wrapper.is(ButtonGroups)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
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 StandardButtons from '@/views/buttons/StandardButtons'
|
||||
|
||||
Vue.use(CoreuiVue)
|
||||
|
||||
describe('StandardButtons.vue', () => {
|
||||
it('has a name', () => {
|
||||
expect(StandardButtons.name).toMatch('standard-buttons')
|
||||
})
|
||||
it('has a created hook', () => {
|
||||
expect(typeof StandardButtons.data).toMatch('function')
|
||||
})
|
||||
it('sets the correct default data', () => {
|
||||
expect(typeof StandardButtons.data).toMatch('function')
|
||||
const defaultData = StandardButtons.data()
|
||||
expect(defaultData.togglePress).toBe(false)
|
||||
})
|
||||
it('is Vue instance', () => {
|
||||
const wrapper = shallowMount(StandardButtons)
|
||||
expect(wrapper.isVueInstance()).toBe(true)
|
||||
})
|
||||
it('is StandardButtons', () => {
|
||||
const wrapper = shallowMount(StandardButtons)
|
||||
expect(wrapper.is(StandardButtons)).toBe(true)
|
||||
})
|
||||
test('renders correctly', () => {
|
||||
const wrapper = shallowMount(StandardButtons)
|
||||
expect(wrapper.element).toMatchSnapshot()
|
||||
})
|
||||
})
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,922 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`ButtonGroups.vue renders correctly 1`] = `
|
||||
<div
|
||||
class="c-wrapper"
|
||||
>
|
||||
<div>
|
||||
<crow-stub>
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Bootstrap button group
|
||||
</strong>
|
||||
|
||||
<div
|
||||
class="c-card-header-actions"
|
||||
>
|
||||
<a
|
||||
class="card-header-action"
|
||||
href="https://coreui.io/vue/docs/3.0/components/ButtonComponents"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
docs
|
||||
</small>
|
||||
</a>
|
||||
</div>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<div>
|
||||
<cbuttongroup-stub>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
One
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Two
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Three
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Four
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-d-sm-down-none"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Five
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<cbuttongroup-stub>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-d-sm-down-none"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="success"
|
||||
>
|
||||
Success
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="info"
|
||||
>
|
||||
Info
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="warning"
|
||||
>
|
||||
Warn
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-d-sm-down-none"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="primary"
|
||||
>
|
||||
Primary
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="danger"
|
||||
>
|
||||
Danger
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="link"
|
||||
>
|
||||
Link
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Button group
|
||||
</strong>
|
||||
sizing
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<div>
|
||||
<cbuttongroup-stub>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Left
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Middle
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Right
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<cbuttongroup-stub
|
||||
size="sm"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Left
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Middle
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Right
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<cbuttongroup-stub
|
||||
size="lg"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Left
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Middle
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Right
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
<strong>
|
||||
Button group
|
||||
</strong>
|
||||
dropdown support
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<div>
|
||||
<cbuttongroup-stub>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-d-sm-down-none"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Button 1
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-d-sm-down-none"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Button 2
|
||||
</cbutton-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
buttonhtml="Dropdown"
|
||||
right=""
|
||||
text="Menu"
|
||||
variant="success"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 1
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 2
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdowndivider-stub
|
||||
tag="div"
|
||||
/>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 3
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-d-sm-down-none"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Button 3
|
||||
</cbutton-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
buttonhtml="Dropdown"
|
||||
right=""
|
||||
split="true"
|
||||
text="Split Menu"
|
||||
variant="info"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 1
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 2
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdowndivider-stub
|
||||
tag="div"
|
||||
/>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 3
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
</cbuttongroup-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Button group
|
||||
</strong>
|
||||
vertical variation
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<div>
|
||||
<cbuttongroup-stub
|
||||
vertical="true"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Top
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Middle
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Bottom
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
col="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<ccardheader-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<i
|
||||
class="fa fa-align-justify"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
Button toolbar
|
||||
</strong>
|
||||
|
||||
<small>
|
||||
with button groups
|
||||
</small>
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub
|
||||
subtitletag="h6"
|
||||
titletag="h4"
|
||||
>
|
||||
<div>
|
||||
<cbuttontoolbar-stub
|
||||
aria-label="Toolbar with button groups"
|
||||
>
|
||||
<cbuttongroup-stub
|
||||
class="c-mx-1"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-d-sm-down-none"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
«
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
‹
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<cbuttongroup-stub
|
||||
class="c-mx-1"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-d-sm-down-none"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Edit
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Undo
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Redo
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<cbuttongroup-stub
|
||||
class="c-mx-1"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
›
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
class="c-d-sm-down-none"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
»
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</cbuttontoolbar-stub>
|
||||
</div>
|
||||
|
||||
<hr
|
||||
class="c-d-sm-down-none"
|
||||
/>
|
||||
|
||||
<div>
|
||||
<cbuttontoolbar-stub
|
||||
aria-label="Toolbar with button groups and input groups"
|
||||
class="c-d-sm-down-none"
|
||||
>
|
||||
<cbuttongroup-stub
|
||||
class="c-mx-1"
|
||||
size="sm"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
New
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Edit
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<cforminput-stub
|
||||
appendhtml=".00"
|
||||
class="c-mb-0 c-w-25 c-mx-1"
|
||||
lazy="400"
|
||||
prependhtml="$"
|
||||
size="sm"
|
||||
type="text"
|
||||
value="100"
|
||||
/>
|
||||
|
||||
<cformselect-stub
|
||||
class="c-mb-0 c-w-25 c-mx-1"
|
||||
custom="true"
|
||||
options="Large,Medium,Small"
|
||||
prependhtml="Size"
|
||||
size="sm"
|
||||
value="Medium"
|
||||
/>
|
||||
|
||||
<cbuttongroup-stub
|
||||
class="c-mx-1"
|
||||
size="sm"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Save
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Cancel
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</cbuttontoolbar-stub>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<div>
|
||||
<cbuttontoolbar-stub
|
||||
aria-label="Toolbar with button groups and dropdown menu"
|
||||
>
|
||||
<cbuttongroup-stub
|
||||
class="c-mx-1 c-d-sm-down-none"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
New
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Edit
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Undo
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
|
||||
<cdropdown-stub
|
||||
button-content="Menu"
|
||||
buttonhtml="Dropdown"
|
||||
class="c-mx-1"
|
||||
placement="bottom-end"
|
||||
variant="secondary"
|
||||
>
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 1
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 2
|
||||
</cdropdownitem-stub>
|
||||
|
||||
<cdropdownitem-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
>
|
||||
Item 3
|
||||
</cdropdownitem-stub>
|
||||
</cdropdown-stub>
|
||||
|
||||
<cbuttongroup-stub
|
||||
class="c-mx-1"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Save
|
||||
</cbutton-stub>
|
||||
|
||||
<cbutton-stub
|
||||
activeclass="c-active"
|
||||
event="click"
|
||||
exactactiveclass="c-active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
variant="secondary"
|
||||
>
|
||||
Cancel
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</cbuttontoolbar-stub>
|
||||
</div>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user