sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

test: update snapshots and tests

Browse Source
This commit is contained in:
woothu
2019-10-19 15:29:25 +02:00
parent 452af28957
commit d2e7838db6
38 changed files with 2087 additions and 1959 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/e2e/custom-assertions/custom-assertion.js
+1
View File
@@ -0,0 +1 @@
// empty custom assertion needed for git to keep track of the folder
tests/e2e/specs/test.js
+12 -12
View File
@@ -29,18 +29,18 @@ module.exports = {
.assert.elementPresent('.c-sidebar') .assert.elementPresent('.c-sidebar')
.assert.elementPresent('.c-body') .assert.elementPresent('.c-body')
browser.resizeWindow(700, 800) // browser.resizeWindow(700, 800)
browser.expect.element('.c-sidebar').to.have.css('margin-left').which.equals('-250px') // browser.expect.element('.c-sidebar').to.have.css('margin-left').which.equals('-256px')
browser.resizeWindow(1900, 800) // browser.resizeWindow(1900, 800)
browser.expect.element('.c-sidebar').to.have.css('margin-left').which.equals('0px') // browser.expect.element('.c-sidebar').to.have.css('margin-left').which.equals('0px')
browser.pause(1500) // browser.pause(1500)
browser.click('.c-sidebar-minimizer') // browser.click('.c-sidebar-minimizer')
browser.pause(1000) // browser.pause(1000)
browser.expect.element('.c-sidebar').to.have.css('width').which.equals('50px') // browser.expect.element('.c-sidebar').to.have.css('width').which.equals('56px')
browser.click('button.c-header-toggler.c-d-md-down-none') // browser.click('button.c-header-toggler')
browser.pause(1000) // browser.pause(1000)
browser.expect.element('.c-sidebar').to.have.css('margin-left').which.equals('-250px') // browser.expect.element('.c-sidebar').to.have.css('margin-left').which.equals('-256px')
browser.pause(1000) // browser.pause(1000)
browser.end() browser.end()
} }
tests/unit/containers/__snapshots__/TheHeader.spec.js.snap
+59 -22
View File
@@ -3,11 +3,12 @@
exports[`TheHeader.vue renders correctly 1`] = ` exports[`TheHeader.vue renders correctly 1`] = `
<cheader-stub <cheader-stub
fixed="true" fixed="true"
light="" light="true"
with-subheader="" withsubheader="true"
> >
<csidebartoggler-stub <ctoggler
class="c-header-toggler ml-3" class="c-header-toggler ml-3"
in-header=""
/> />
<img <img
@@ -18,60 +19,96 @@ exports[`TheHeader.vue renders correctly 1`] = `
width="97" width="97"
/> />
<ul <cheadernav
class="c-header-nav d-md-down-none mr-auto" class="d-md-down-none mr-auto"
> >
<cheadernavitem <cheadernavitem-stub
activeclass="active"
class="px-3" class="px-3"
event="click"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
to="/dashboard" to="/dashboard"
> >
Dashboard Dashboard
</cheadernavitem> </cheadernavitem-stub>
<cheadernavitem <cheadernavitem-stub
activeclass="active"
class="px-3" class="px-3"
exact="" event="click"
exact="true"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
to="/users" to="/users"
> >
Users Users
</cheadernavitem> </cheadernavitem-stub>
<cheadernavitem <cheadernavitem-stub
activeclass="active"
class="px-3" class="px-3"
event="click"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
> >
Settings Settings
</cheadernavitem> </cheadernavitem-stub>
</ul> </cheadernav>
<ul <cheadernav
class="c-header-nav mr-4" class="mr-4"
> >
<cheadernavitem <cheadernavitem-stub
activeclass="active"
class="d-md-down-none mx-2" class="d-md-down-none mx-2"
event="click"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
> >
<i <i
class="cui-bell" class="cui-bell"
/> />
</cheadernavitem> </cheadernavitem-stub>
<cheadernavitem <cheadernavitem-stub
activeclass="active"
class="d-md-down-none mx-2" class="d-md-down-none mx-2"
event="click"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
> >
<i <i
class="cui-list" class="cui-list"
/> />
</cheadernavitem> </cheadernavitem-stub>
<cheadernavitem <cheadernavitem-stub
activeclass="active"
class="d-md-down-none mx-2" class="d-md-down-none mx-2"
event="click"
exactactiveclass="active"
routertag="a"
tag="span"
target="_self"
> >
<i <i
class="cui-envelope-open" class="cui-envelope-open"
/> />
</cheadernavitem> </cheadernavitem-stub>
<theheaderdropdownaccnt-stub /> <theheaderdropdownaccnt-stub />
</ul> </cheadernav>
<div <div
class="c-subheader px-3" class="c-subheader px-3"
tests/unit/containers/__snapshots__/TheHeaderDropdownAccnt.spec.js.snap
+10 -8
View File
@@ -11,7 +11,8 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
> >
<cdropdownheader-stub <cdropdownheader-stub
class="text-center bg-light" class="text-center"
color="light"
tag="div" tag="div"
> >
<strong> <strong>
@@ -34,12 +35,12 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="active"
class="ml-auto" class="ml-auto"
color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
variant="info"
> >
42 42
</cbadge-stub> </cbadge-stub>
@@ -60,12 +61,12 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="active"
class="ml-auto" class="ml-auto"
color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
variant="success"
> >
42 42
</cbadge-stub> </cbadge-stub>
@@ -86,12 +87,12 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="active"
class="ml-auto" class="ml-auto"
color="danger"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
variant="danger"
> >
42 42
</cbadge-stub> </cbadge-stub>
@@ -112,19 +113,20 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="active"
class="ml-auto" class="ml-auto"
color="warning"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
variant="warning"
> >
42 42
</cbadge-stub> </cbadge-stub>
</cdropdownitem-stub> </cdropdownitem-stub>
<cdropdownheader-stub <cdropdownheader-stub
class="text-center bg-light" class="text-center"
color="light"
tag="div" tag="div"
> >
<strong> <strong>
@@ -175,12 +177,12 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="active"
class="ml-auto" class="ml-auto"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
variant="secondary"
> >
42 42
</cbadge-stub> </cbadge-stub>
@@ -201,12 +203,12 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="active"
class="ml-auto" class="ml-auto"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
variant="primary"
> >
42 42
</cbadge-stub> </cbadge-stub>
tests/unit/containers/__snapshots__/TheSidebar.spec.js.snap
+1 -1
View File
@@ -7,7 +7,7 @@ exports[`TheSidebar.vue renders correctly 1`] = `
fixed="true" fixed="true"
show="true" show="true"
> >
<csidebarbrand <csidebarbrand-stub
fullsrc="img/brand/coreui-base-white.svg" fullsrc="img/brand/coreui-base-white.svg"
minimizedsrc="img/brand/coreui-signet-white.svg" minimizedsrc="img/brand/coreui-signet-white.svg"
wrappedinlink="[object Object]" wrappedinlink="[object Object]"
tests/unit/views/__snapshots__/Dashboard.spec.js.snap
+36 -36
View File
@@ -39,12 +39,12 @@ exports[`Dashboard.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="float-right" class="float-right"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
<i <i
class="cui-cloud-download" class="cui-cloud-download"
@@ -57,12 +57,12 @@ exports[`Dashboard.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="mx-0" class="mx-0"
color="outline-secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="outline-secondary"
> >
Day Day
@@ -71,13 +71,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="mx-0" class="mx-0"
color="outline-secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
pressed="true" pressed="true"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="outline-secondary"
> >
Month Month
@@ -86,12 +86,12 @@ exports[`Dashboard.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="mx-0" class="mx-0"
color="outline-secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="outline-secondary"
> >
Year Year
@@ -131,10 +131,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
<cprogress-stub <cprogress-stub
class="progress-xs mt-2" class="progress-xs mt-2"
color="success"
max="100" max="100"
precision="1" precision="1"
value="40" value="40"
variant="success"
/> />
</ccol-stub> </ccol-stub>
@@ -156,10 +156,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
<cprogress-stub <cprogress-stub
class="progress-xs mt-2" class="progress-xs mt-2"
color="info"
max="100" max="100"
precision="1" precision="1"
value="20" value="20"
variant="info"
/> />
</ccol-stub> </ccol-stub>
@@ -181,10 +181,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
<cprogress-stub <cprogress-stub
class="progress-xs mt-2" class="progress-xs mt-2"
color="warning"
max="100" max="100"
precision="1" precision="1"
value="60" value="60"
variant="warning"
/> />
</ccol-stub> </ccol-stub>
@@ -206,10 +206,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
<cprogress-stub <cprogress-stub
class="progress-xs mt-2" class="progress-xs mt-2"
color="danger"
max="100" max="100"
precision="1" precision="1"
value="80" value="80"
variant="danger"
/> />
</ccol-stub> </ccol-stub>
@@ -265,7 +265,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<ccallout-stub <ccallout-stub
variant="info" color="info"
> >
<small <small
class="text-muted" class="text-muted"
@@ -287,7 +287,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<ccallout-stub <ccallout-stub
variant="danger" color="danger"
> >
<small <small
class="text-muted" class="text-muted"
@@ -329,18 +329,18 @@ exports[`Dashboard.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="info"
max="100" max="100"
precision="0" precision="0"
value="34" value="34"
variant="info"
/> />
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="danger"
max="100" max="100"
precision="0" precision="0"
value="78" value="78"
variant="danger"
/> />
</div> </div>
</div> </div>
@@ -365,18 +365,18 @@ exports[`Dashboard.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="info"
max="100" max="100"
precision="0" precision="0"
value="56" value="56"
variant="info"
/> />
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="danger"
max="100" max="100"
precision="0" precision="0"
value="94" value="94"
variant="danger"
/> />
</div> </div>
</div> </div>
@@ -401,18 +401,18 @@ exports[`Dashboard.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="info"
max="100" max="100"
precision="0" precision="0"
value="12" value="12"
variant="info"
/> />
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="danger"
max="100" max="100"
precision="0" precision="0"
value="67" value="67"
variant="danger"
/> />
</div> </div>
</div> </div>
@@ -437,18 +437,18 @@ exports[`Dashboard.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="info"
max="100" max="100"
precision="0" precision="0"
value="43" value="43"
variant="info"
/> />
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="danger"
max="100" max="100"
precision="0" precision="0"
value="91" value="91"
variant="danger"
/> />
</div> </div>
</div> </div>
@@ -473,18 +473,18 @@ exports[`Dashboard.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="info"
max="100" max="100"
precision="0" precision="0"
value="22" value="22"
variant="info"
/> />
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="danger"
max="100" max="100"
precision="0" precision="0"
value="73" value="73"
variant="danger"
/> />
</div> </div>
</div> </div>
@@ -509,18 +509,18 @@ exports[`Dashboard.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="info"
max="100" max="100"
precision="0" precision="0"
value="53" value="53"
variant="info"
/> />
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="danger"
max="100" max="100"
precision="0" precision="0"
value="82" value="82"
variant="danger"
/> />
</div> </div>
</div> </div>
@@ -545,18 +545,18 @@ exports[`Dashboard.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="info"
max="100" max="100"
precision="0" precision="0"
value="9" value="9"
variant="info"
/> />
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="danger"
max="100" max="100"
precision="0" precision="0"
value="69" value="69"
variant="danger"
/> />
</div> </div>
</div> </div>
@@ -568,13 +568,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
<sup> <sup>
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="active"
color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
pill="true" pill="true"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
variant="info"
> >
   
</cbadge-stub> </cbadge-stub>
@@ -586,13 +586,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
<sup> <sup>
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="active"
color="danger"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
pill="true" pill="true"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
variant="danger"
> >
   
</cbadge-stub> </cbadge-stub>
@@ -615,7 +615,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<ccallout-stub <ccallout-stub
variant="warning" color="warning"
> >
<small <small
class="text-muted" class="text-muted"
@@ -637,7 +637,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<ccallout-stub <ccallout-stub
variant="success" color="success"
> >
<small <small
class="text-muted" class="text-muted"
@@ -690,10 +690,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="warning"
max="100" max="100"
precision="0" precision="0"
value="43" value="43"
variant="warning"
/> />
</div> </div>
</div> </div>
@@ -726,10 +726,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="warning"
max="100" max="100"
precision="0" precision="0"
value="37" value="37"
variant="warning"
/> />
</div> </div>
</div> </div>
@@ -768,10 +768,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="success"
max="100" max="100"
precision="0" precision="0"
value="56" value="56"
variant="success"
/> />
</div> </div>
</div> </div>
@@ -812,10 +812,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="success"
max="100" max="100"
precision="0" precision="0"
value="15" value="15"
variant="success"
/> />
</div> </div>
</div> </div>
@@ -856,10 +856,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="success"
max="100" max="100"
precision="0" precision="0"
value="11" value="11"
variant="success"
/> />
</div> </div>
</div> </div>
@@ -900,10 +900,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs" class="progress-xs"
color="success"
max="100" max="100"
precision="0" precision="0"
value="8" value="8"
variant="success"
/> />
</div> </div>
</div> </div>
@@ -914,13 +914,13 @@ exports[`Dashboard.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="text-muted" class="text-muted"
color="link"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
size="sm" size="sm"
target="_self" target="_self"
type="button" type="button"
variant="link"
> >
<i <i
class="cui-options" class="cui-options"
@@ -937,7 +937,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
class="mb-0 table-outline" class="mb-0 table-outline"
defaultsorter="[object Object]" defaultsorter="[object Object]"
fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]" fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
head-variant="light" head-color="light"
hover="true" hover="true"
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]" items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
itemsperpage="10" itemsperpage="10"
tests/unit/views/base/Switches.spec.js
-6
View File
@@ -12,12 +12,6 @@ describe('Switches.vue', () => {
it('has a created hook', () => { it('has a created hook', () => {
expect(typeof Switches.data).toMatch('function') 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', () => { it('is Vue instance', () => {
const wrapper = mount(Switches) const wrapper = mount(Switches)
expect(wrapper.isVueInstance()).toBe(true) expect(wrapper.isVueInstance()).toBe(true)
tests/unit/views/base/__snapshots__/Breadcrumbs.spec.js.snap
+17 -32
View File
@@ -55,11 +55,8 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
class="" class=""
href="#" href="#"
target="_self" target="_self"
> text=<b>Admin</b>
<b> />
Admin
</b>
</a>
</li> </li>
<li <li
class="breadcrumb-item" class="breadcrumb-item"
@@ -69,17 +66,14 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
class="" class=""
href="#" href="#"
target="_self" target="_self"
> text="Manage"
Manage />
</a>
</li> </li>
<li <li
class="active breadcrumb-item" class="active breadcrumb-item"
role="presentation" role="presentation"
> >
<span> <span />
Library
</span>
</li> </li>
</ol> </ol>
@@ -94,9 +88,8 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
class="" class=""
href="#" href="#"
target="_self" target="_self"
> text="Go to dashboard"
Go to dashboard />
</a>
</li> </li>
<li <li
class="breadcrumb-item" class="breadcrumb-item"
@@ -106,9 +99,8 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
class="" class=""
href="#" href="#"
target="_self" target="_self"
> text="Go to widgets"
Go to widgets />
</a>
</li> </li>
<li <li
class="breadcrumb-item" class="breadcrumb-item"
@@ -118,17 +110,14 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
class="" class=""
href="http://google.com" href="http://google.com"
target="_self" target="_self"
> text="Go to Google"
Go to Google />
</a>
</li> </li>
<li <li
class="active breadcrumb-item" class="active breadcrumb-item"
role="presentation" role="presentation"
> >
<span> <span />
Current page
</span>
</li> </li>
</ol> </ol>
@@ -143,9 +132,8 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
class="" class=""
href="#" href="#"
target="_self" target="_self"
> text="Added"
Added />
</a>
</li> </li>
<li <li
class="font-xl breadcrumb-item" class="font-xl breadcrumb-item"
@@ -155,17 +143,14 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
class="" class=""
href="#" href="#"
target="_self" target="_self"
> text="Custom"
Custom />
</a>
</li> </li>
<li <li
class="active font-xl text-danger breadcrumb-item" class="active font-xl text-danger breadcrumb-item"
role="presentation" role="presentation"
> >
<span> <span />
Classes
</span>
</li> </li>
</ol> </ol>
</div> </div>
tests/unit/views/base/__snapshots__/Cards.spec.js.snap
+21 -14
View File
@@ -106,10 +106,11 @@ exports[`Cards.vue renders correctly 1`] = `
Card with switch Card with switch
<label <label
class="float-right switch form-check-label switch-info switch-sm switch-pill" class="float-right switch form-check-label switch-undefined switch-sm switch-pill"
> >
<input <input
class="switch-input form-check-input" class="switch-input form-check-input"
color="info"
data-off="Off" data-off="Off"
data-on="On" data-on="On"
type="checkbox" type="checkbox"
@@ -148,7 +149,8 @@ exports[`Cards.vue renders correctly 1`] = `
Card with label Card with label
<span <span
class="badge float-right badge-success" class="badge float-right"
color="success"
> >
Success Success
</span> </span>
@@ -181,7 +183,8 @@ exports[`Cards.vue renders correctly 1`] = `
Card with label Card with label
<span <span
class="badge float-right badge-danger badge-pill" class="badge float-right badge-pill"
color="danger"
> >
42 42
</span> </span>
@@ -192,9 +195,9 @@ exports[`Cards.vue renders correctly 1`] = `
> >
<!----> <!---->
<!----> <!---->
<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. 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>
@@ -208,7 +211,8 @@ exports[`Cards.vue renders correctly 1`] = `
class="col-sm-6 col-md-4" class="col-sm-6 col-md-4"
> >
<div <div
class="card border-primary" border-color="primary"
class="card"
header="Card outline primary" header="Card outline primary"
> >
<!----> <!---->
@@ -225,7 +229,8 @@ exports[`Cards.vue renders correctly 1`] = `
class="col-sm-6 col-md-4" class="col-sm-6 col-md-4"
> >
<div <div
class="card border-secondary" border-color="secondary"
class="card"
header="Card outline secondary" header="Card outline secondary"
> >
<!----> <!---->
@@ -242,7 +247,8 @@ exports[`Cards.vue renders correctly 1`] = `
class="col-sm-6 col-md-4" class="col-sm-6 col-md-4"
> >
<div <div
class="card border-success" border-color="success"
class="card"
header="Card outline success" header="Card outline success"
> >
<!----> <!---->
@@ -263,7 +269,8 @@ exports[`Cards.vue renders correctly 1`] = `
class="col-sm-6 col-md-4" class="col-sm-6 col-md-4"
> >
<div <div
class="card border-info" border-color="info"
class="card"
> >
<header <header
class="card-header" class="card-header"
@@ -287,7 +294,8 @@ exports[`Cards.vue renders correctly 1`] = `
class="col-sm-6 col-md-4" class="col-sm-6 col-md-4"
> >
<div <div
class="card border-warning" border-color="warning"
class="card"
> >
<header <header
class="card-header" class="card-header"
@@ -311,7 +319,8 @@ exports[`Cards.vue renders correctly 1`] = `
class="col-sm-6 col-md-4" class="col-sm-6 col-md-4"
> >
<div <div
class="card border-danger" border-color="danger"
class="card"
> >
<header <header
class="card-header" class="card-header"
@@ -844,11 +853,9 @@ exports[`Cards.vue renders correctly 1`] = `
<div <div
class="" class=""
data-v-1b076234=""
> >
<div <div
class="card-body" class="card-body"
data-v-1b076234=""
> >
<!----> <!---->
<!----> <!---->
tests/unit/views/base/__snapshots__/Collapses.spec.js.snap
+4 -10
View File
@@ -46,7 +46,8 @@ exports[`Collapses.vue renders correctly 1`] = `
<!----> <!---->
<!----> <!---->
<button <button
class="btn btn-primary" class="btn"
color="primary"
id="collapse1" id="collapse1"
type="button" type="button"
> >
@@ -57,30 +58,26 @@ exports[`Collapses.vue renders correctly 1`] = `
<div <div
class="mt-2" class="mt-2"
data-v-1b076234=""
style="display: none;" style="display: none;"
> >
<div <div
class="card" class="card"
data-v-1b076234=""
> >
<!----> <!---->
<div <div
class="card-body" class="card-body"
data-v-1b076234=""
> >
<!----> <!---->
<!----> <!---->
<p <p
class="card-text" class="card-text"
data-v-1b076234=""
> >
Collapse contents Here Collapse contents Here
</p> </p>
<button <button
class="btn btn-secondary btn-sm" class="btn btn-sm"
data-v-1b076234="" color="secondary"
id="collapse2" id="collapse2"
type="button" type="button"
> >
@@ -91,17 +88,14 @@ exports[`Collapses.vue renders correctly 1`] = `
<div <div
class="mt-2" class="mt-2"
data-v-1b076234=""
style="display: none;" style="display: none;"
> >
<div <div
class="card" class="card"
data-v-1b076234=""
> >
<!----> <!---->
<div <div
class="card-body" class="card-body"
data-v-1b076234=""
> >
<!----> <!---->
<!----> <!---->
tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap
+7 -7
View File
@@ -55,13 +55,13 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
href="#" href="#"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
More Info More Info
</cbutton-stub> </cbutton-stub>
@@ -126,26 +126,26 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
href="#" href="#"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
Do Something Do Something
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
href="#" href="#"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="success"
> >
Do Something Else Do Something Else
</cbutton-stub> </cbutton-stub>
@@ -176,7 +176,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
</strong> </strong>
<small> <small>
variants colors
</small> </small>
</ccardheader-stub> </ccardheader-stub>
@@ -185,11 +185,11 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
titletag="h4" titletag="h4"
> >
<cjumbotron-stub <cjumbotron-stub
bordervariant="dark" border-color="dark"
color="info"
header="Bootstrap 4" header="Bootstrap 4"
tag="div" tag="div"
textvariant="white" text-color="white"
variant="info"
> >
<p <p
class="lead" class="lead"
tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
+21 -21
View File
@@ -507,13 +507,13 @@ exports[`ListGroups.vue renders correctly 1`] = `
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
pill="true" pill="true"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
variant="primary"
> >
14 14
</cbadge-stub> </cbadge-stub>
@@ -533,13 +533,13 @@ exports[`ListGroups.vue renders correctly 1`] = `
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
pill="true" pill="true"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
variant="primary"
> >
2 2
</cbadge-stub> </cbadge-stub>
@@ -559,13 +559,13 @@ exports[`ListGroups.vue renders correctly 1`] = `
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
pill="true" pill="true"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
variant="primary"
> >
1 1
</cbadge-stub> </cbadge-stub>
@@ -598,7 +598,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
</strong> </strong>
<small> <small>
variants colors
</small> </small>
</ccardheader-stub> </ccardheader-stub>
@@ -622,96 +622,96 @@ exports[`ListGroups.vue renders correctly 1`] = `
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="primary"
> >
This is a primary list group item This is a primary list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="secondary"
> >
This is a secondary list group item This is a secondary list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="success"
> >
This is a success list group item This is a success list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="danger"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="danger"
> >
This is a danger list group item This is a danger list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="warning"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="warning"
> >
This is a warning list group item This is a warning list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="info"
> >
This is a info list group item This is a info list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="light"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="light"
> >
This is a light list group item This is a light list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="dark"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="dark"
> >
This is a dark list group item This is a dark list group item
</clistgroupitem-stub> </clistgroupitem-stub>
@@ -741,7 +741,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
</strong> </strong>
<small> <small>
variants active colors active
</small> </small>
</ccardheader-stub> </ccardheader-stub>
@@ -766,104 +766,104 @@ exports[`ListGroups.vue renders correctly 1`] = `
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
href="#" href="#"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="primary"
> >
This is a primary list group item This is a primary list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
href="#" href="#"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="secondary"
> >
This is a secondary list group item This is a secondary list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
href="#" href="#"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="success"
> >
This is a success list group item This is a success list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="danger"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
href="#" href="#"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="danger"
> >
This is a danger list group item This is a danger list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="warning"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
href="#" href="#"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="warning"
> >
This is a warning list group item This is a warning list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
href="#" href="#"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="info"
> >
This is a info list group item This is a info list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="light"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
href="#" href="#"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="light"
> >
This is a light list group item This is a light list group item
</clistgroupitem-stub> </clistgroupitem-stub>
<clistgroupitem-stub <clistgroupitem-stub
activeclass="active" activeclass="active"
color="dark"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
href="#" href="#"
routertag="a" routertag="a"
tag="div" tag="div"
target="_self" target="_self"
variant="dark"
> >
This is a dark list group item This is a dark list group item
</clistgroupitem-stub> </clistgroupitem-stub>
tests/unit/views/base/__snapshots__/Navbars.spec.js.snap
+28 -34
View File
@@ -41,11 +41,13 @@ exports[`Navbars.vue renders correctly 1`] = `
titletag="h4" titletag="h4"
> >
<cnavbar-stub <cnavbar-stub
color="info"
expandable="md"
tag="nav" tag="nav"
toggleable="md"
variant="info"
> >
<cnavbartoggle-stub /> <ctoggler
innavbar=""
/>
<cnavbarbrand-stub <cnavbarbrand-stub
activeclass="active" activeclass="active"
@@ -99,24 +101,22 @@ exports[`Navbars.vue renders correctly 1`] = `
<cform-stub <cform-stub
inline="true" inline="true"
> >
<cforminput-stub <cinput
class="mr-sm-2" class="mr-sm-2"
lazy="400"
placeholder="Search" placeholder="Search"
size="sm" size="sm"
type="text"
/> />
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="my-2 my-sm-0" class="my-2 my-sm-0"
color="light"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
size="sm" size="sm"
target="_self" target="_self"
type="button" type="button"
variant="light"
> >
Search Search
@@ -125,10 +125,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cform-stub> </cform-stub>
<cdropdown-stub <cdropdown-stub
button-html="Lang"
nav="true" nav="true"
placement="bottom-end" placement="bottom-end"
togglertext="Dropdown" togglertext="Lang"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="active"
@@ -172,10 +171,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdown-stub> </cdropdown-stub>
<cdropdown-stub <cdropdown-stub
buttonhtml=<em>User</em>
nav="true" nav="true"
placement="bottom-end" placement="bottom-end"
togglertext="Dropdown" togglertext="User"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="active"
@@ -229,9 +227,9 @@ exports[`Navbars.vue renders correctly 1`] = `
titletag="h4" titletag="h4"
> >
<cnavbar-stub <cnavbar-stub
color="faded"
light="true" light="true"
tag="nav" tag="nav"
variant="faded"
> >
<cnavbarbrand-stub <cnavbarbrand-stub
activeclass="active" activeclass="active"
@@ -280,12 +278,14 @@ exports[`Navbars.vue renders correctly 1`] = `
titletag="h4" titletag="h4"
> >
<cnavbar-stub <cnavbar-stub
color="light"
light="true" light="true"
tag="nav" tag="nav"
toggleable="sm" toggleable="sm"
variant="light"
> >
<cnavbartoggle-stub /> <ctoggler
innavbar=""
/>
<cnavbarbrand-stub <cnavbarbrand-stub
activeclass="active" activeclass="active"
@@ -342,11 +342,13 @@ exports[`Navbars.vue renders correctly 1`] = `
titletag="h4" titletag="h4"
> >
<cnavbar-stub <cnavbar-stub
color="primary"
expandable="sm"
tag="nav" tag="nav"
toggleable="sm"
variant="primary"
> >
<cnavbartoggle-stub /> <ctoggler
innavbar=""
/>
<ccollapse-stub <ccollapse-stub
duration="400" duration="400"
@@ -381,11 +383,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cnavitem-stub> </cnavitem-stub>
<cdropdown-stub <cdropdown-stub
button-html="Lang"
nav="true" nav="true"
placement="bottom-start" placement="bottom-end"
right="" togglertext="Lang"
togglertext="Dropdown"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="active"
@@ -429,11 +429,9 @@ exports[`Navbars.vue renders correctly 1`] = `
</cdropdown-stub> </cdropdown-stub>
<cdropdown-stub <cdropdown-stub
button-html="User"
nav="true" nav="true"
placement="bottom-start" placement="bottom-end"
right="" togglertext="User"
togglertext="Dropdown"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="active"
@@ -487,30 +485,28 @@ exports[`Navbars.vue renders correctly 1`] = `
titletag="h4" titletag="h4"
> >
<cnavbar-stub <cnavbar-stub
color="light"
light="true" light="true"
tag="nav" tag="nav"
variant="light"
> >
<cform-stub <cform-stub
inline="true" inline="true"
> >
<cforminput-stub <cinput
class="mr-sm-2" class="mr-sm-2"
lazy="400"
placeholder="Search" placeholder="Search"
size="sm" size="sm"
type="text"
/> />
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="my-2 my-sm-0" class="my-2 my-sm-0"
color="outline-success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="submit" type="submit"
variant="outline-success"
> >
Search Search
</cbutton-stub> </cbutton-stub>
@@ -545,18 +541,16 @@ exports[`Navbars.vue renders correctly 1`] = `
titletag="h4" titletag="h4"
> >
<cnavbar-stub <cnavbar-stub
color="light"
light="true" light="true"
tag="nav" tag="nav"
variant="light"
> >
<cform-stub <cform-stub
inline="true" inline="true"
> >
<cforminput-stub <cinput
class="mr-sm-2" class="mr-sm-2"
lazy="400"
placeholder="Username" placeholder="Username"
type="text"
/> />
</cform-stub> </cform-stub>
</cnavbar-stub> </cnavbar-stub>
tests/unit/views/base/__snapshots__/ProgressBars.spec.js.snap
+44 -44
View File
@@ -44,7 +44,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
animated="true" animated="true"
max="100" max="100"
precision="0" precision="0"
showprogress="true" show-percentage=""
value="73" value="73"
/> />
@@ -56,36 +56,36 @@ exports[`ProgressBars.vue renders correctly 1`] = `
value="0" value="0"
> >
<cprogressbar-stub <cprogressbar-stub
color="success"
max="100" max="100"
precision="0" precision="0"
value="43.8" value="43.8"
variant="success"
/> />
<cprogressbar-stub <cprogressbar-stub
color="warning"
max="100" max="100"
precision="0" precision="0"
value="18.25" value="18.25"
variant="warning"
/> />
<cprogressbar-stub <cprogressbar-stub
color="danger"
max="100" max="100"
precision="0" precision="0"
value="10.95" value="10.95"
variant="danger"
/> />
</cprogress-stub> </cprogress-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="mt-4" class="mt-4"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Click me to animate progress bars Click me to animate progress bars
@@ -149,7 +149,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
class="mb-3" class="mb-3"
max="50" max="50"
precision="0" precision="0"
showprogress="true" show-percentage=""
value="33.333333333" value="33.333333333"
/> />
@@ -173,7 +173,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
class="mb-3" class="mb-3"
max="50" max="50"
precision="2" precision="2"
showprogress="true" show-percentage=""
value="33.333333333" value="33.333333333"
/> />
</ccardbody-stub> </ccardbody-stub>
@@ -275,7 +275,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
class="mb-3" class="mb-3"
max="100" max="100"
precision="0" precision="0"
showprogress="true" show-percentage=""
value="75" value="75"
/> />
@@ -288,7 +288,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
height="2rem" height="2rem"
max="100" max="100"
precision="0" precision="0"
showprogress="true" show-percentage=""
value="75" value="75"
/> />
@@ -297,7 +297,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
height="20px" height="20px"
max="100" max="100"
precision="0" precision="0"
showprogress="true" show-percentage=""
value="75" value="75"
/> />
@@ -327,7 +327,7 @@ exports[`ProgressBars.vue renders correctly 1`] = `
</strong> </strong>
<small> <small>
variants colors
</small> </small>
</ccardheader-stub> </ccardheader-stub>
@@ -348,10 +348,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
class="col-sm-10 pt-1" class="col-sm-10 pt-1"
> >
<cprogress-stub <cprogress-stub
color="success"
max="100" max="100"
precision="0" precision="0"
value="75" value="75"
variant="success"
/> />
</div> </div>
</div> </div>
@@ -368,10 +368,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
class="col-sm-10 pt-1" class="col-sm-10 pt-1"
> >
<cprogress-stub <cprogress-stub
color="info"
max="100" max="100"
precision="0" precision="0"
value="75" value="75"
variant="info"
/> />
</div> </div>
</div> </div>
@@ -388,10 +388,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
class="col-sm-10 pt-1" class="col-sm-10 pt-1"
> >
<cprogress-stub <cprogress-stub
color="warning"
max="100" max="100"
precision="0" precision="0"
value="75" value="75"
variant="warning"
/> />
</div> </div>
</div> </div>
@@ -408,10 +408,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
class="col-sm-10 pt-1" class="col-sm-10 pt-1"
> >
<cprogress-stub <cprogress-stub
color="danger"
max="100" max="100"
precision="0" precision="0"
value="75" value="75"
variant="danger"
/> />
</div> </div>
</div> </div>
@@ -428,10 +428,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
class="col-sm-10 pt-1" class="col-sm-10 pt-1"
> >
<cprogress-stub <cprogress-stub
color="primary"
max="100" max="100"
precision="0" precision="0"
value="75" value="75"
variant="primary"
/> />
</div> </div>
</div> </div>
@@ -448,10 +448,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
class="col-sm-10 pt-1" class="col-sm-10 pt-1"
> >
<cprogress-stub <cprogress-stub
color="secondary"
max="100" max="100"
precision="0" precision="0"
value="75" value="75"
variant="secondary"
/> />
</div> </div>
</div> </div>
@@ -468,10 +468,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
class="col-sm-10 pt-1" class="col-sm-10 pt-1"
> >
<cprogress-stub <cprogress-stub
color="dark"
max="100" max="100"
precision="0" precision="0"
value="75" value="75"
variant="dark"
/> />
</div> </div>
</div> </div>
@@ -505,48 +505,48 @@ exports[`ProgressBars.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="mb-2" class="mb-2"
color="success"
max="100" max="100"
precision="0" precision="0"
striped="true" striped="true"
value="25" value="25"
variant="success"
/> />
<cprogress-stub <cprogress-stub
class="mb-2" class="mb-2"
color="info"
max="100" max="100"
precision="0" precision="0"
striped="true" striped="true"
value="50" value="50"
variant="info"
/> />
<cprogress-stub <cprogress-stub
class="mb-2" class="mb-2"
color="warning"
max="100" max="100"
precision="0" precision="0"
striped="true" striped="true"
value="75" value="75"
variant="warning"
/> />
<cprogress-stub <cprogress-stub
class="mb-2" class="mb-2"
color="danger"
max="100" max="100"
precision="0" precision="0"
striped="true" striped="true"
value="100" value="100"
variant="danger"
/> />
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Remove Striped Remove Striped
@@ -583,50 +583,50 @@ exports[`ProgressBars.vue renders correctly 1`] = `
<cprogress-stub <cprogress-stub
animated="true" animated="true"
class="mb-2" class="mb-2"
color="success"
max="100" max="100"
precision="0" precision="0"
striped="true" striped="true"
value="25" value="25"
variant="success"
/> />
<cprogress-stub <cprogress-stub
animated="true" animated="true"
class="mb-2" class="mb-2"
color="info"
max="100" max="100"
precision="0" precision="0"
striped="true" striped="true"
value="50" value="50"
variant="info"
/> />
<cprogress-stub <cprogress-stub
animated="true" animated="true"
class="mb-2" class="mb-2"
color="warning"
max="100" max="100"
precision="0" precision="0"
striped="true" striped="true"
value="75" value="75"
variant="warning"
/> />
<cprogress-stub <cprogress-stub
animated="true" animated="true"
class="mb-3" class="mb-3"
color="danger"
max="100" max="100"
precision="0" precision="0"
value="100" value="100"
variant="danger"
/> />
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Stop Animation Stop Animation
@@ -667,24 +667,24 @@ exports[`ProgressBars.vue renders correctly 1`] = `
value="0" value="0"
> >
<cprogressbar-stub <cprogressbar-stub
color="primary"
max="100" max="100"
precision="0" precision="0"
value="15" value="15"
variant="primary"
/> />
<cprogressbar-stub <cprogressbar-stub
color="success"
max="100" max="100"
precision="0" precision="0"
value="30" value="30"
variant="success"
/> />
<cprogressbar-stub <cprogressbar-stub
color="info"
max="100" max="100"
precision="0" precision="0"
value="20" value="20"
variant="info"
/> />
</cprogress-stub> </cprogress-stub>
@@ -692,28 +692,28 @@ exports[`ProgressBars.vue renders correctly 1`] = `
class="mb-3" class="mb-3"
max="100" max="100"
precision="0" precision="0"
showprogress="true" show-percentage=""
value="0" value="0"
> >
<cprogressbar-stub <cprogressbar-stub
color="primary"
max="100" max="100"
precision="0" precision="0"
value="15" value="15"
variant="primary"
/> />
<cprogressbar-stub <cprogressbar-stub
color="success"
max="100" max="100"
precision="0" precision="0"
value="30" value="30"
variant="success"
/> />
<cprogressbar-stub <cprogressbar-stub
color="info"
max="100" max="100"
precision="0" precision="0"
value="20" value="20"
variant="info"
/> />
</cprogress-stub> </cprogress-stub>
@@ -726,24 +726,24 @@ exports[`ProgressBars.vue renders correctly 1`] = `
value="0" value="0"
> >
<cprogressbar-stub <cprogressbar-stub
color="primary"
max="100" max="100"
precision="0" precision="0"
value="15" value="15"
variant="primary"
/> />
<cprogressbar-stub <cprogressbar-stub
color="success"
max="100" max="100"
precision="0" precision="0"
value="30" value="30"
variant="success"
/> />
<cprogressbar-stub <cprogressbar-stub
color="info"
max="100" max="100"
precision="0" precision="0"
value="20" value="20"
variant="info"
/> />
</cprogress-stub> </cprogress-stub>
@@ -754,29 +754,29 @@ exports[`ProgressBars.vue renders correctly 1`] = `
value="0" value="0"
> >
<cprogressbar-stub <cprogressbar-stub
color="primary"
max="100" max="100"
precision="0" precision="0"
showprogress="true" show-percentage=""
value="15" value="15"
variant="primary"
/> />
<cprogressbar-stub <cprogressbar-stub
animated="true" animated="true"
color="success"
max="100" max="100"
precision="0" precision="0"
showprogress="true" show-percentage=""
value="30" value="30"
variant="success"
/> />
<cprogressbar-stub <cprogressbar-stub
color="info"
max="100" max="100"
precision="0" precision="0"
showprogress="true" show-percentage=""
striped="true" striped="true"
value="20" value="20"
variant="info"
/> />
</cprogress-stub> </cprogress-stub>
</ccardbody-stub> </ccardbody-stub>
tests/unit/views/base/__snapshots__/Switches.spec.js.snap
+230 -239
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/base/__snapshots__/Table.spec.js.snap
+1 -2
View File
@@ -10,9 +10,8 @@ exports[`Table.vue renders correctly 1`] = `
<ctable-stub <ctable-stub
defaultsorter="[object Object]" defaultsorter="[object Object]"
fields="username,registered,role,status" fields="username,registered,role,status"
itemsperpage="10" itemsperpage="5"
pagination="true" pagination="true"
per-page="5"
/> />
</ccard-stub> </ccard-stub>
`; `;
tests/unit/views/base/__snapshots__/Tables.spec.js.snap
-56
View File
@@ -2,62 +2,6 @@
exports[`Tables.vue renders correctly 1`] = ` exports[`Tables.vue renders correctly 1`] = `
<div> <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="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
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]"
itemsperpage="10"
optionsrow="true"
pagination="true"
sorting="true"
/>
</ccardbody-stub>
</ccard-stub>
</ccol-stub>
</crow-stub>
<crow-stub> <crow-stub>
<ccol-stub <ccol-stub
lg="6" lg="6"
tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap
+15 -15
View File
@@ -57,12 +57,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Hover Me Hover Me
@@ -80,12 +80,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Hover me Hover me
@@ -103,12 +103,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Click me Click me
@@ -156,12 +156,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
top-start top-start
@@ -175,12 +175,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
top top
@@ -194,12 +194,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
top-end top-end
@@ -213,12 +213,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
bottom-start bottom-start
@@ -232,12 +232,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
bottom bottom
@@ -251,12 +251,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
bottom-end bottom-end
@@ -270,12 +270,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
right-start right-start
@@ -289,12 +289,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
right right
@@ -308,12 +308,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
right-end right-end
@@ -327,12 +327,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
left-start left-start
@@ -346,12 +346,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
left left
@@ -365,12 +365,12 @@ exports[`Tooltips.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
left-end left-end
tests/unit/views/buttons/__snapshots__/BrandButtons.spec.js.snap
+411 -258
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/buttons/__snapshots__/ButtonDropdowns.spec.js.snap
+56 -33
View File
@@ -49,11 +49,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div> <div>
<div <div
class="m-2 dropdown" class="m-2 dropdown"
color="secondary"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-secondary" class="btn dropdown-toggle"
> >
Dropdown Button Dropdown Button
</button> </button>
@@ -119,11 +120,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div> <div>
<div <div
class="m-2 dropdown" class="m-2 dropdown"
color="secondary"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-secondary" class="btn dropdown-toggle"
> >
Dropdown with divider Dropdown with divider
</button> </button>
@@ -169,11 +171,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div> <div>
<div <div
class="m-2 dropdown" class="m-2 dropdown"
color="secondary"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-secondary" class="btn dropdown-toggle"
> >
Dropdown with header Dropdown with header
</button> </button>
@@ -181,11 +184,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
class="dropdown-menu" class="dropdown-menu"
> >
<h6 <div
class="dropdown-header" class="dropdown-header"
> >
Dropdown header Dropdown header
</h6> </div>
<a <a
class="dropdown-item" class="dropdown-item"
@@ -243,11 +246,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div> <div>
<div <div
class="m-2 d-inline-block dropdown" class="m-2 d-inline-block dropdown"
color="primary"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-primary" class="btn dropdown-toggle"
> >
Left align Left align
</button> </button>
@@ -286,11 +290,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
class="m-2 d-inline-block dropdown" class="m-2 d-inline-block dropdown"
color="primary"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-primary" class="btn dropdown-toggle"
> >
Right align Right align
</button> </button>
@@ -331,11 +336,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div> <div>
<div <div
class="m-2 dropup" class="m-2 dropup"
color="info"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-info" class="btn dropdown-toggle"
> >
Drop-Up Drop-Up
</button> </button>
@@ -376,11 +382,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div> <div>
<div <div
class="m-2 dropdown" class="m-2 dropdown"
color="secondary"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-secondary" class="btn dropdown-toggle"
> >
Offset Dropdown Offset Dropdown
</button> </button>
@@ -421,16 +428,17 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div> <div>
<div <div
class="m-2 dropdown btn-group" class="m-2 dropdown btn-group"
color="secondary"
> >
<button <button
class="btn btn-secondary" class="btn"
> >
Split Dropdown Split Dropdown
</button> </button>
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="dropdown-toggle dropdown-toggle-split btn btn-secondary" class="dropdown-toggle dropdown-toggle-split btn"
/> />
<div <div
class="dropdown-menu" class="dropdown-menu"
@@ -504,11 +512,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div> <div>
<div <div
class="dropdown" class="dropdown"
color="link"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn btn-lg btn-link" class="btn btn-lg"
> >
🔍 🔍
@@ -588,11 +597,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div> <div>
<div <div
class="m-2 d-inline-block dropdown" class="m-2 d-inline-block dropdown"
color="secondary"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-lg btn-secondary" class="btn dropdown-toggle btn-lg"
> >
Large Large
</button> </button>
@@ -631,16 +641,17 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
class="m-2 dropdown btn-group" class="m-2 dropdown btn-group"
color="secondary"
> >
<button <button
class="btn btn-lg btn-secondary" class="btn btn-lg"
> >
Large Split Large Split
</button> </button>
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="dropdown-toggle dropdown-toggle-split btn btn-lg btn-secondary" class="dropdown-toggle dropdown-toggle-split btn btn-lg"
/> />
<div <div
class="dropdown-menu" class="dropdown-menu"
@@ -678,11 +689,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
class="m-2 d-inline-block dropdown" class="m-2 d-inline-block dropdown"
color="secondary"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-secondary" class="btn dropdown-toggle btn-sm"
> >
Small Small
</button> </button>
@@ -721,16 +733,17 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
class="m-2 dropdown btn-group" class="m-2 dropdown btn-group"
color="secondary"
> >
<button <button
class="btn btn-sm btn-secondary" class="btn btn-sm"
> >
Small Split Small Split
</button> </button>
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="dropdown-toggle dropdown-toggle-split btn btn-sm btn-secondary" class="dropdown-toggle dropdown-toggle-split btn btn-sm"
/> />
<div <div
class="dropdown-menu" class="dropdown-menu"
@@ -804,11 +817,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div> <div>
<div <div
class="m-2 dropdown" class="m-2 dropdown"
color="primary"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-primary" class="btn dropdown-toggle"
> >
Dropdown ARIA Dropdown ARIA
</button> </button>
@@ -819,11 +833,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
role="group" role="group"
> >
<h6 <div
class="dropdown-header" class="dropdown-header"
> >
Groups Groups
</h6> </div>
<a <a
class="dropdown-item" class="dropdown-item"
@@ -847,11 +861,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
role="group" role="group"
> >
<h6 <div
class="dropdown-header" class="dropdown-header"
> >
Users Users
</h6> </div>
<a <a
class="dropdown-item" class="dropdown-item"
@@ -919,7 +933,7 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<small> <small>
<code> <code>
variant color
</code> </code>
</small> </small>
</header> </header>
@@ -931,11 +945,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<!----> <!---->
<div <div
class="m-0 d-inline-block dropdown" class="m-0 d-inline-block dropdown"
color="primary"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-primary" class="btn dropdown-toggle btn-sm"
> >
Primary Primary
</button> </button>
@@ -974,11 +989,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
class="m-0 d-inline-block dropdown" class="m-0 d-inline-block dropdown"
color="secondary"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-secondary" class="btn dropdown-toggle btn-sm"
> >
Secondary Secondary
</button> </button>
@@ -1017,11 +1033,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
class="m-0 d-inline-block dropdown" class="m-0 d-inline-block dropdown"
color="success"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-success" class="btn dropdown-toggle btn-sm"
> >
Success Success
</button> </button>
@@ -1060,11 +1077,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
class="m-0 d-inline-block dropdown" class="m-0 d-inline-block dropdown"
color="warning"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-warning" class="btn dropdown-toggle btn-sm"
> >
Warning Warning
</button> </button>
@@ -1103,11 +1121,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
class="m-0 d-inline-block dropdown" class="m-0 d-inline-block dropdown"
color="danger"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-danger" class="btn dropdown-toggle btn-sm"
> >
Danger Danger
</button> </button>
@@ -1146,11 +1165,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
class="m-0 d-inline-block dropdown" class="m-0 d-inline-block dropdown"
color="info"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-info" class="btn dropdown-toggle btn-sm"
> >
Info Info
</button> </button>
@@ -1189,11 +1209,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
class="m-0 d-inline-block dropdown" class="m-0 d-inline-block dropdown"
color="light"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-light" class="btn dropdown-toggle btn-sm"
> >
Light Light
</button> </button>
@@ -1232,11 +1253,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
class="m-0 d-inline-block dropdown" class="m-0 d-inline-block dropdown"
color="dark"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-dark" class="btn dropdown-toggle btn-sm"
> >
Dark Dark
</button> </button>
@@ -1275,11 +1297,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div <div
class="m-0 d-inline-block dropdown" class="m-0 d-inline-block dropdown"
color="link"
> >
<button <button
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="btn dropdown-toggle btn-sm btn-link" class="btn dropdown-toggle btn-sm"
> >
Link Link
</button> </button>
tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap
+302 -310
View File
@@ -48,48 +48,48 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cbuttongroup-stub> <cbuttongroup-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
One One
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Two Two
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Three Three
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Four Four
</cbutton-stub> </cbutton-stub>
@@ -97,12 +97,12 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="d-sm-down-none" class="d-sm-down-none"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Five Five
</cbutton-stub> </cbutton-stub>
@@ -115,36 +115,36 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="d-sm-down-none" class="d-sm-down-none"
color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="success"
> >
Success Success
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="info"
> >
Info Info
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="warning"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="warning"
> >
Warn Warn
</cbutton-stub> </cbutton-stub>
@@ -152,36 +152,36 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="d-sm-down-none" class="d-sm-down-none"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
Primary Primary
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="danger"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="danger"
> >
Danger Danger
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="link"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="link"
> >
Link Link
</cbutton-stub> </cbutton-stub>
@@ -222,36 +222,36 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cbuttongroup-stub> <cbuttongroup-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Left Left
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Middle Middle
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Right Right
</cbutton-stub> </cbutton-stub>
@@ -265,36 +265,36 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Left Left
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Middle Middle
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Right Right
</cbutton-stub> </cbutton-stub>
@@ -308,36 +308,36 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Left Left
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Middle Middle
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Right Right
</cbutton-stub> </cbutton-stub>
@@ -378,12 +378,12 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="d-sm-down-none" class="d-sm-down-none"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Button 1 Button 1
</cbutton-stub> </cbutton-stub>
@@ -391,22 +391,22 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="d-sm-down-none" class="d-sm-down-none"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Button 2 Button 2
</cbutton-stub> </cbutton-stub>
<cdropdown-stub <cdropdown-stub
color="success"
placement="bottom-start" placement="bottom-start"
right="" right=""
text="Menu" text="Menu"
togglertext="Dropdown" togglertext="Dropdown"
variant="success"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="active"
@@ -446,23 +446,23 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="d-sm-down-none" class="d-sm-down-none"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Button 3 Button 3
</cbutton-stub> </cbutton-stub>
<cdropdown-stub <cdropdown-stub
color="info"
placement="bottom-start" placement="bottom-start"
right="" right=""
split="true" split="true"
text="Split Menu" text="Split Menu"
togglertext="Dropdown" togglertext="Dropdown"
variant="info"
> >
<cdropdownitem-stub <cdropdownitem-stub
activeclass="active" activeclass="active"
@@ -537,36 +537,36 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Top Top
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Middle Middle
</cbutton-stub> </cbutton-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Bottom Bottom
</cbutton-stub> </cbutton-stub>
@@ -605,312 +605,304 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
subtitletag="h6" subtitletag="h6"
titletag="h4" titletag="h4"
> >
<div> <cbuttontoolbar-stub
<cbuttontoolbar-stub aria-label="Toolbar with button groups"
aria-label="Toolbar with button groups" >
<cbuttongroup-stub
class="mx-1"
> >
<cbuttongroup-stub <cbutton-stub
class="mx-1" activeclass="active"
class="d-sm-down-none"
color="secondary"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
> >
<cbutton-stub «
activeclass="active" </cbutton-stub>
class="d-sm-down-none"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
«
</cbutton-stub>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
‹
</cbutton-stub>
</cbuttongroup-stub>
<cbuttongroup-stub <cbutton-stub
class="mx-1" activeclass="active"
color="secondary"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
> >
<cbutton-stub ‹
activeclass="active" </cbutton-stub>
class="d-sm-down-none" </cbuttongroup-stub>
event="click"
exactactiveclass="active" <cbuttongroup-stub
routertag="a" class="mx-1"
target="_self" >
type="button" <cbutton-stub
variant="secondary" activeclass="active"
> class="d-sm-down-none"
Edit color="secondary"
</cbutton-stub> event="click"
exactactiveclass="active"
<cbutton-stub routertag="a"
activeclass="active" target="_self"
event="click" type="button"
exactactiveclass="active" >
routertag="a" Edit
target="_self" </cbutton-stub>
type="button"
variant="secondary"
>
Undo
</cbutton-stub>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
Redo
</cbutton-stub>
</cbuttongroup-stub>
<cbuttongroup-stub <cbutton-stub
class="mx-1" activeclass="active"
color="secondary"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
> >
<cbutton-stub Undo
activeclass="active" </cbutton-stub>
event="click"
exactactiveclass="active" <cbutton-stub
routertag="a" activeclass="active"
target="_self" color="secondary"
type="button" event="click"
variant="secondary" exactactiveclass="active"
> routertag="a"
› target="_self"
</cbutton-stub> type="button"
>
<cbutton-stub Redo
activeclass="active" </cbutton-stub>
class="d-sm-down-none" </cbuttongroup-stub>
event="click"
exactactiveclass="active" <cbuttongroup-stub
routertag="a" class="mx-1"
target="_self" >
type="button" <cbutton-stub
variant="secondary" activeclass="active"
> color="secondary"
» event="click"
</cbutton-stub> exactactiveclass="active"
</cbuttongroup-stub> routertag="a"
</cbuttontoolbar-stub> target="_self"
</div> type="button"
>
›
</cbutton-stub>
<cbutton-stub
activeclass="active"
class="d-sm-down-none"
color="secondary"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
>
»
</cbutton-stub>
</cbuttongroup-stub>
</cbuttontoolbar-stub>
<hr <hr
class="d-sm-down-none" class="d-sm-down-none"
/> />
<div> <cbuttontoolbar-stub
<cbuttontoolbar-stub aria-label="Toolbar with button groups and input groups"
aria-label="Toolbar with button groups and input groups" class="d-sm-down-none"
class="d-sm-down-none" >
<cbuttongroup-stub
class="mx-1"
size="sm"
> >
<cbuttongroup-stub <cbutton-stub
class="mx-1" activeclass="active"
size="sm" color="secondary"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
> >
<cbutton-stub New
activeclass="active" </cbutton-stub>
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
New
</cbutton-stub>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
Edit
</cbutton-stub>
</cbuttongroup-stub>
<cforminput-stub <cbutton-stub
appendhtml=".00" activeclass="active"
class="mb-0 w-25 mx-1" color="secondary"
lazy="400" event="click"
prependhtml="$" exactactiveclass="active"
size="sm" routertag="a"
type="text" target="_self"
value="100" type="button"
/>
<cformselect-stub
class="mb-0 w-25 mx-1"
custom="true"
options="Large,Medium,Small"
prependhtml="Size"
size="sm"
value="Medium"
/>
<cbuttongroup-stub
class="mx-1"
size="sm"
> >
<cbutton-stub Edit
activeclass="active" </cbutton-stub>
event="click" </cbuttongroup-stub>
exactactiveclass="active"
routertag="a" <cinput
target="_self" append-html=".00"
type="button" class="mb-0 w-25 mx-1"
variant="secondary" prepend-html="$"
> size="sm"
Save value="100"
</cbutton-stub> />
<cbutton-stub <cselect
activeclass="active" class="mb-0 w-25 mx-1"
event="click" custom=""
exactactiveclass="active" options="Large,Medium,Small"
routertag="a" prepend-html="Size"
target="_self" size="sm"
type="button" value="Medium"
variant="secondary" />
>
Cancel <cbuttongroup-stub
</cbutton-stub> class="mx-1"
</cbuttongroup-stub> size="sm"
</cbuttontoolbar-stub> >
</div> <cbutton-stub
activeclass="active"
color="secondary"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
>
Save
</cbutton-stub>
<cbutton-stub
activeclass="active"
color="secondary"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
>
Cancel
</cbutton-stub>
</cbuttongroup-stub>
</cbuttontoolbar-stub>
<hr /> <hr />
<div> <cbuttontoolbar-stub
<cbuttontoolbar-stub aria-label="Toolbar with button groups and dropdown menu"
aria-label="Toolbar with button groups and dropdown menu" >
<cbuttongroup-stub
class="mx-1 d-sm-down-none"
> >
<cbuttongroup-stub <cbutton-stub
class="mx-1 d-sm-down-none" activeclass="active"
color="secondary"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
> >
<cbutton-stub New
activeclass="active" </cbutton-stub>
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
New
</cbutton-stub>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
Edit
</cbutton-stub>
<cbutton-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
variant="secondary"
>
Undo
</cbutton-stub>
</cbuttongroup-stub>
<cdropdown-stub <cbutton-stub
button-content="Menu" activeclass="active"
class="mx-1" color="secondary"
placement="bottom-end" event="click"
togglertext="Dropdown" exactactiveclass="active"
variant="secondary" routertag="a"
target="_self"
type="button"
> >
<cdropdownitem-stub Edit
activeclass="active" </cbutton-stub>
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
>
Item 1
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
>
Item 2
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
>
Item 3
</cdropdownitem-stub>
</cdropdown-stub>
<cbuttongroup-stub <cbutton-stub
class="mx-1" activeclass="active"
color="secondary"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
> >
<cbutton-stub Undo
activeclass="active" </cbutton-stub>
event="click" </cbuttongroup-stub>
exactactiveclass="active"
routertag="a" <cdropdown-stub
target="_self" button-content="Menu"
type="button" class="mx-1"
variant="secondary" color="secondary"
> placement="bottom-end"
Save togglertext="Dropdown"
</cbutton-stub> >
<cdropdownitem-stub
<cbutton-stub activeclass="active"
activeclass="active" event="click"
event="click" exactactiveclass="active"
exactactiveclass="active" routertag="a"
routertag="a" target="_self"
target="_self" >
type="button" Item 1
variant="secondary" </cdropdownitem-stub>
>
Cancel <cdropdownitem-stub
</cbutton-stub> activeclass="active"
</cbuttongroup-stub> event="click"
</cbuttontoolbar-stub> exactactiveclass="active"
</div> routertag="a"
target="_self"
>
Item 2
</cdropdownitem-stub>
<cdropdownitem-stub
activeclass="active"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
>
Item 3
</cdropdownitem-stub>
</cdropdown-stub>
<cbuttongroup-stub
class="mx-1"
>
<cbutton-stub
activeclass="active"
color="secondary"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
>
Save
</cbutton-stub>
<cbutton-stub
activeclass="active"
color="secondary"
event="click"
exactactiveclass="active"
routertag="a"
target="_self"
type="button"
>
Cancel
</cbutton-stub>
</cbuttongroup-stub>
</cbuttontoolbar-stub>
</ccardbody-stub> </ccardbody-stub>
</ccard-stub> </ccard-stub>
</ccol-stub> </ccol-stub>
tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap
+169 -169
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/Charts.spec.js → tests/unit/views/charts/Charts.spec.js
View File
tests/unit/views/__snapshots__/Charts.spec.js.snap → tests/unit/views/charts/__snapshots__/Charts.spec.js.snap
View File
tests/unit/views/icons/__snapshots__/Brands.spec.js.snap
+428 -428
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/icons/__snapshots__/CoreUIIcons.spec.js.snap
+1 -1
View File
@@ -17,12 +17,12 @@ exports[`CoreUIIcons.vue renders correctly 1`] = `
<cbadge-stub <cbadge-stub
activeclass="active" activeclass="active"
color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tag="span" tag="span"
target="_self" target="_self"
variant="info"
> >
New New
</cbadge-stub> </cbadge-stub>
tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap
+25 -25
View File
@@ -49,57 +49,57 @@ exports[`Alerts.vue renders correctly 1`] = `
<p /> <p />
<calert-stub <calert-stub
color="primary"
show="true" show="true"
variant="primary"
> >
Primary Alert Primary Alert
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="secondary"
show="true" show="true"
variant="secondary"
> >
Secondary Alert Secondary Alert
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="success"
show="true" show="true"
variant="success"
> >
Success Alert Success Alert
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="danger"
show="true" show="true"
variant="danger"
> >
Danger Alert Danger Alert
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="warning"
show="true" show="true"
variant="warning"
> >
Warning Alert Warning Alert
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="info"
show="true" show="true"
variant="info"
> >
Info Alert Info Alert
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="light"
show="true" show="true"
variant="light"
> >
Light Alert Light Alert
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="dark"
show="true" show="true"
variant="dark"
> >
Dark Alert Dark Alert
</calert-stub> </calert-stub>
@@ -141,8 +141,8 @@ exports[`Alerts.vue renders correctly 1`] = `
> >
<div> <div>
<calert-stub <calert-stub
color="primary"
show="true" show="true"
variant="primary"
> >
Primary Alert with Primary Alert with
@@ -157,8 +157,8 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="secondary"
show="true" show="true"
variant="secondary"
> >
Secondary Alert with Secondary Alert with
@@ -173,8 +173,8 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="success"
show="true" show="true"
variant="success"
> >
Success Alert with Success Alert with
@@ -189,8 +189,8 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="danger"
show="true" show="true"
variant="danger"
> >
Danger Alert with Danger Alert with
@@ -205,8 +205,8 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="warning"
show="true" show="true"
variant="warning"
> >
Warning Alert with Warning Alert with
@@ -221,8 +221,8 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="info"
show="true" show="true"
variant="info"
> >
Info Alert with Info Alert with
@@ -237,8 +237,8 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="light"
show="true" show="true"
variant="light"
> >
Light Alert with Light Alert with
@@ -253,8 +253,8 @@ exports[`Alerts.vue renders correctly 1`] = `
</calert-stub> </calert-stub>
<calert-stub <calert-stub
color="dark"
show="true" show="true"
variant="dark"
> >
Dark Alert with Dark Alert with
@@ -307,8 +307,8 @@ exports[`Alerts.vue renders correctly 1`] = `
titletag="h4" titletag="h4"
> >
<calert-stub <calert-stub
color="success"
show="true" show="true"
variant="success"
> >
<h4 <h4
class="alert-heading" class="alert-heading"
@@ -367,8 +367,8 @@ exports[`Alerts.vue renders correctly 1`] = `
> >
<calert-stub <calert-stub
closebutton="true" closebutton="true"
color="secondary"
show="true" show="true"
variant="secondary"
> >
Dismissible Alert! Dismissible Alert!
@@ -377,9 +377,9 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub <calert-stub
closebutton="true" closebutton="true"
color="secondary"
fade="true" fade="true"
show="true" show="true"
variant="secondary"
> >
Dismissible Alert with fade effect! Dismissible Alert with fade effect!
@@ -388,19 +388,19 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub <calert-stub
class="alert-dismissible" class="alert-dismissible"
color="secondary"
show="true" show="true"
variant="secondary"
/> />
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="m-1" class="m-1"
color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="info"
> >
Show dismissible alerts Show dismissible alerts
@@ -434,9 +434,9 @@ exports[`Alerts.vue renders correctly 1`] = `
<div> <div>
<calert-stub <calert-stub
closebutton="true" closebutton="true"
color="warning"
fade="true" fade="true"
show="10" show="10"
variant="warning"
> >
Alert will dismiss after Alert will dismiss after
@@ -450,30 +450,30 @@ exports[`Alerts.vue renders correctly 1`] = `
<calert-stub <calert-stub
closebutton="true" closebutton="true"
color="info"
show="10" show="10"
variant="info"
> >
Alert will dismiss after 10 seconds... Alert will dismiss after 10 seconds...
<cprogress-stub <cprogress-stub
color="info"
height="4px" height="4px"
max="10" max="10"
precision="0" precision="0"
value="10" value="10"
variant="info"
/> />
</calert-stub> </calert-stub>
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="m-1" class="m-1"
color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="info"
> >
Show alert with timer Show alert with timer
tests/unit/views/notifications/__snapshots__/Badges.spec.js.snap
+62 -32
View File
@@ -48,7 +48,8 @@ exports[`Badges.vue renders correctly 1`] = `
<h2> <h2>
Example heading Example heading
<span <span
class="badge badge-primary" class="badge"
color="primary"
> >
New New
</span> </span>
@@ -57,7 +58,8 @@ exports[`Badges.vue renders correctly 1`] = `
<h3> <h3>
Example heading Example heading
<span <span
class="badge badge-primary" class="badge"
color="primary"
> >
New New
</span> </span>
@@ -66,7 +68,8 @@ exports[`Badges.vue renders correctly 1`] = `
<h4> <h4>
Example heading Example heading
<span <span
class="badge badge-primary" class="badge"
color="primary"
> >
New New
</span> </span>
@@ -75,7 +78,8 @@ exports[`Badges.vue renders correctly 1`] = `
<h5> <h5>
Example heading Example heading
<span <span
class="badge badge-primary" class="badge"
color="primary"
> >
New New
</span> </span>
@@ -84,7 +88,8 @@ exports[`Badges.vue renders correctly 1`] = `
<h6> <h6>
Example heading Example heading
<span <span
class="badge badge-primary" class="badge"
color="primary"
> >
New New
</span> </span>
@@ -95,15 +100,16 @@ exports[`Badges.vue renders correctly 1`] = `
class="card-footer" class="card-footer"
> >
<button <button
class="btn btn-primary" class="btn"
color="primary"
type="button" type="button"
> >
Notifications Notifications
<span <span
class="badge badge-light" class="badge ml-2 position-static"
style="position: static;" color="light"
> >
4 4
</span> </span>
@@ -139,49 +145,57 @@ exports[`Badges.vue renders correctly 1`] = `
<!----> <!---->
<!----> <!---->
<span <span
class="badge badge-primary" class="badge"
color="primary"
> >
Primary Primary
</span> </span>
<span <span
class="badge badge-secondary" class="badge"
color="secondary"
> >
Secondary Secondary
</span> </span>
<span <span
class="badge badge-success" class="badge"
color="success"
> >
Success Success
</span> </span>
<span <span
class="badge badge-danger" class="badge"
color="danger"
> >
Danger Danger
</span> </span>
<span <span
class="badge badge-warning" class="badge"
color="warning"
> >
Warning Warning
</span> </span>
<span <span
class="badge badge-info" class="badge"
color="info"
> >
Info Info
</span> </span>
<span <span
class="badge badge-light" class="badge"
color="light"
> >
Light Light
</span> </span>
<span <span
class="badge badge-dark" class="badge"
color="dark"
> >
Dark Dark
</span> </span>
@@ -212,49 +226,57 @@ exports[`Badges.vue renders correctly 1`] = `
<!----> <!---->
<!----> <!---->
<span <span
class="badge badge-primary badge-pill" class="badge badge-pill"
color="primary"
> >
Primary Primary
</span> </span>
<span <span
class="badge badge-secondary badge-pill" class="badge badge-pill"
color="secondary"
> >
Secondary Secondary
</span> </span>
<span <span
class="badge badge-success badge-pill" class="badge badge-pill"
color="success"
> >
Success Success
</span> </span>
<span <span
class="badge badge-danger badge-pill" class="badge badge-pill"
color="danger"
> >
Danger Danger
</span> </span>
<span <span
class="badge badge-warning badge-pill" class="badge badge-pill"
color="warning"
> >
Warning Warning
</span> </span>
<span <span
class="badge badge-info badge-pill" class="badge badge-pill"
color="info"
> >
Info Info
</span> </span>
<span <span
class="badge badge-light badge-pill" class="badge badge-pill"
color="light"
> >
Light Light
</span> </span>
<span <span
class="badge badge-dark badge-pill" class="badge badge-pill"
color="dark"
> >
Dark Dark
</span> </span>
@@ -285,7 +307,8 @@ exports[`Badges.vue renders correctly 1`] = `
<!----> <!---->
<!----> <!---->
<a <a
class="badge badge-primary" class="badge"
color="primary"
href="#" href="#"
target="_self" target="_self"
> >
@@ -293,7 +316,8 @@ exports[`Badges.vue renders correctly 1`] = `
</a> </a>
<a <a
class="badge badge-secondary" class="badge"
color="secondary"
href="#" href="#"
target="_self" target="_self"
> >
@@ -301,7 +325,8 @@ exports[`Badges.vue renders correctly 1`] = `
</a> </a>
<a <a
class="badge badge-success" class="badge"
color="success"
href="#" href="#"
target="_self" target="_self"
> >
@@ -309,7 +334,8 @@ exports[`Badges.vue renders correctly 1`] = `
</a> </a>
<a <a
class="badge badge-danger" class="badge"
color="danger"
href="#" href="#"
target="_self" target="_self"
> >
@@ -317,7 +343,8 @@ exports[`Badges.vue renders correctly 1`] = `
</a> </a>
<a <a
class="badge badge-warning" class="badge"
color="warning"
href="#" href="#"
target="_self" target="_self"
> >
@@ -325,7 +352,8 @@ exports[`Badges.vue renders correctly 1`] = `
</a> </a>
<a <a
class="badge badge-info" class="badge"
color="info"
href="#" href="#"
target="_self" target="_self"
> >
@@ -333,7 +361,8 @@ exports[`Badges.vue renders correctly 1`] = `
</a> </a>
<a <a
class="badge badge-light" class="badge"
color="light"
href="#" href="#"
target="_self" target="_self"
> >
@@ -341,7 +370,8 @@ exports[`Badges.vue renders correctly 1`] = `
</a> </a>
<a <a
class="badge badge-dark" class="badge"
color="dark"
href="#" href="#"
target="_self" target="_self"
> >
tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap
+14 -14
View File
@@ -48,12 +48,12 @@ exports[`Modals.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="mr-1" class="mr-1"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Launch demo modal Launch demo modal
@@ -63,12 +63,12 @@ exports[`Modals.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="mr-1" class="mr-1"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Launch large modal Launch large modal
@@ -78,12 +78,12 @@ exports[`Modals.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="mr-1" class="mr-1"
color="secondary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="secondary"
> >
Launch small modal Launch small modal
@@ -95,12 +95,12 @@ exports[`Modals.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="mr-1" class="mr-1"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
Launch primary modal Launch primary modal
@@ -110,12 +110,12 @@ exports[`Modals.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="mr-1" class="mr-1"
color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="success"
> >
Launch success modal Launch success modal
@@ -125,12 +125,12 @@ exports[`Modals.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="mr-1" class="mr-1"
color="warning"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="warning"
> >
Launch warning modal Launch warning modal
@@ -140,12 +140,12 @@ exports[`Modals.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="mr-1" class="mr-1"
color="danger"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="danger"
> >
Launch danger modal Launch danger modal
@@ -155,12 +155,12 @@ exports[`Modals.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="mr-1" class="mr-1"
color="info"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="info"
> >
Launch info modal Launch info modal
@@ -170,12 +170,12 @@ exports[`Modals.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="mr-1" class="mr-1"
color="dark"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="dark"
> >
Launch dark modal Launch dark modal
@@ -242,8 +242,8 @@ exports[`Modals.vue renders correctly 1`] = `
</cmodal-stub> </cmodal-stub>
<cmodal-stub <cmodal-stub
color="success"
title="Modal title" title="Modal title"
variant="success"
> >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -256,8 +256,8 @@ exports[`Modals.vue renders correctly 1`] = `
</cmodal-stub> </cmodal-stub>
<cmodal-stub <cmodal-stub
color="warning"
title="Modal title" title="Modal title"
variant="warning"
> >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -270,8 +270,8 @@ exports[`Modals.vue renders correctly 1`] = `
</cmodal-stub> </cmodal-stub>
<cmodal-stub <cmodal-stub
color="danger"
title="Modal title" title="Modal title"
variant="danger"
> >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -284,8 +284,8 @@ exports[`Modals.vue renders correctly 1`] = `
</cmodal-stub> </cmodal-stub>
<cmodal-stub <cmodal-stub
color="info"
title="Modal title" title="Modal title"
variant="info"
> >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -299,10 +299,10 @@ exports[`Modals.vue renders correctly 1`] = `
<cmodal-stub <cmodal-stub
centered="true" centered="true"
color="dark"
nocloseonbackdrop="true" nocloseonbackdrop="true"
size="lg" size="lg"
title="Modal title 2" title="Modal title 2"
variant="dark"
> >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tests/unit/views/pages/__snapshots__/Login.spec.js.snap
+5 -8
View File
@@ -32,17 +32,14 @@ exports[`Login.vue renders correctly 1`] = `
Sign In to your account Sign In to your account
</p> </p>
<cforminput-stub <cinput
autocomplete="username email" autocomplete="username email"
lazy="400"
placeholder="Username" placeholder="Username"
prependhtml=<i class='cui-user'></i> prependhtml=<i class='cui-user'></i>
type="text"
/> />
<cforminput-stub <cinput
autocomplete="curent-password" autocomplete="curent-password"
lazy="400"
placeholder="Password" placeholder="Password"
prependhtml=<i class='cui-lock-locked'></i> prependhtml=<i class='cui-lock-locked'></i>
type="password" type="password"
@@ -56,12 +53,12 @@ exports[`Login.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="px-4" class="px-4"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
Login Login
</cbutton-stub> </cbutton-stub>
@@ -75,12 +72,12 @@ exports[`Login.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="px-0" class="px-0"
color="link"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="link"
> >
Forgot password? Forgot password?
</cbutton-stub> </cbutton-stub>
@@ -107,12 +104,12 @@ exports[`Login.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
class="active mt-3" class="active mt-3"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="primary"
> >
Register Now! Register Now!
tests/unit/views/pages/__snapshots__/Page404.spec.js.snap
+2 -4
View File
@@ -36,12 +36,10 @@ exports[`Page404.vue renders correctly 1`] = `
</p> </p>
</div> </div>
<cforminput-stub <cinput
class="mb-0" class="mb-3"
lazy="400"
placeholder="What are you looking for?" placeholder="What are you looking for?"
prependhtml=<i class='cui-magnifying-glass'></i> prependhtml=<i class='cui-magnifying-glass'></i>
type="text"
/> />
</div> </div>
</ccol-stub> </ccol-stub>
tests/unit/views/pages/__snapshots__/Page500.spec.js.snap
+2 -4
View File
@@ -33,12 +33,10 @@ exports[`Page500.vue renders correctly 1`] = `
</p> </p>
</div> </div>
<cforminput-stub <cinput
class="mb-0" class="mb-3"
lazy="400"
placeholder="What are you looking for?" placeholder="What are you looking for?"
prependhtml=<i class='cui-magnifying-glass'></i> prependhtml=<i class='cui-magnifying-glass'></i>
type="text"
/> />
</ccol-stub> </ccol-stub>
</crow-stub> </crow-stub>
tests/unit/views/pages/__snapshots__/Register.spec.js.snap
+19 -19
View File
@@ -13,7 +13,7 @@ exports[`Register.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<ccard-stub <ccard-stub
class="mx-4" class="mx-4 mb-0"
subtitletag="h6" subtitletag="h6"
titletag="h4" titletag="h4"
> >
@@ -33,34 +33,28 @@ exports[`Register.vue renders correctly 1`] = `
Create your account Create your account
</p> </p>
<cforminput-stub <cinput
autocomplete="username" autocomplete="username"
lazy="400"
placeholder="Username" placeholder="Username"
prependhtml=<i class='cui-user'></i> prependhtml=<i class='cui-user'></i>
type="text"
/> />
<cforminput-stub <cinput
autocomplete="email" autocomplete="email"
lazy="400"
placeholder="Email" placeholder="Email"
prependhtml="@" prepend-html="@"
type="text"
/> />
<cforminput-stub <cinput
autocomplete="new-password" autocomplete="new-password"
lazy="400"
placeholder="Password" placeholder="Password"
prependhtml=<i class='cui-lock-locked'></i> prependhtml=<i class='cui-lock-locked'></i>
type="password" type="password"
/> />
<cforminput-stub <cinput
autocomplete="new-password" autocomplete="new-password"
class="mb-4" class="mb-4"
lazy="400"
placeholder="Repeat password" placeholder="Repeat password"
prependhtml=<i class='cui-lock-locked'></i> prependhtml=<i class='cui-lock-locked'></i>
type="password" type="password"
@@ -69,12 +63,12 @@ exports[`Register.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
block="true" block="true"
color="success"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
type="button" type="button"
variant="success"
> >
Create Account Create Account
</cbutton-stub> </cbutton-stub>
@@ -94,14 +88,17 @@ exports[`Register.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
block="true" block="true"
color="facebook"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
texthtml="Facebook"
type="button" type="button"
variant="facebook" >
/>
Facebook
</cbutton-stub>
</ccol-stub> </ccol-stub>
<ccol-stub <ccol-stub
@@ -111,14 +108,17 @@ exports[`Register.vue renders correctly 1`] = `
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
block="true" block="true"
color="twitter"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
target="_self" target="_self"
texthtml="Twitter"
type="button" type="button"
variant="twitter" >
/>
Twitter
</cbutton-stub>
</ccol-stub> </ccol-stub>
</crow-stub> </crow-stub>
</ccardfooter-stub> </ccardfooter-stub>
tests/unit/views/theme/__snapshots__/Colors.spec.js.snap
+34 -34
View File
@@ -50,7 +50,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#321fdb #ffffff
</td> </td>
</tr> </tr>
@@ -64,7 +64,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(50, 31, 219) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -97,7 +97,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#ced2d8 #ffffff
</td> </td>
</tr> </tr>
@@ -111,7 +111,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(206, 210, 216) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -144,7 +144,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#2eb85c #ffffff
</td> </td>
</tr> </tr>
@@ -158,7 +158,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(46, 184, 92) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -191,7 +191,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#e55353 #ffffff
</td> </td>
</tr> </tr>
@@ -205,7 +205,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(229, 83, 83) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -238,7 +238,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#f9b115 #ffffff
</td> </td>
</tr> </tr>
@@ -252,7 +252,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(249, 177, 21) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -285,7 +285,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#3399ff #ffffff
</td> </td>
</tr> </tr>
@@ -299,7 +299,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(51, 153, 255) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -332,7 +332,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#ebedef #ffffff
</td> </td>
</tr> </tr>
@@ -346,7 +346,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(235, 237, 239) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -379,7 +379,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#636f83 #ffffff
</td> </td>
</tr> </tr>
@@ -393,7 +393,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(99, 111, 131) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -452,7 +452,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#ebedef #ffffff
</td> </td>
</tr> </tr>
@@ -466,7 +466,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(235, 237, 239) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -499,7 +499,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#d8dbe0 #ffffff
</td> </td>
</tr> </tr>
@@ -513,7 +513,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(216, 219, 224) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -546,7 +546,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#c4c9d0 #ffffff
</td> </td>
</tr> </tr>
@@ -560,7 +560,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(196, 201, 208) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -593,7 +593,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#b1b7c1 #ffffff
</td> </td>
</tr> </tr>
@@ -607,7 +607,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(177, 183, 193) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -640,7 +640,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#9da5b1 #ffffff
</td> </td>
</tr> </tr>
@@ -654,7 +654,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(157, 165, 177) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -687,7 +687,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#8a93a2 #ffffff
</td> </td>
</tr> </tr>
@@ -701,7 +701,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(138, 147, 162) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -734,7 +734,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#768192 #ffffff
</td> </td>
</tr> </tr>
@@ -748,7 +748,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(118, 129, 146) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -781,7 +781,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#636f83 #ffffff
</td> </td>
</tr> </tr>
@@ -795,7 +795,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(99, 111, 131) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
@@ -828,7 +828,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
#4f5d73 #ffffff
</td> </td>
</tr> </tr>
@@ -842,7 +842,7 @@ exports[`Colors.vue renders correctly 1`] = `
<td <td
class="font-weight-bold" class="font-weight-bold"
> >
rgb(79, 93, 115) rgb(255, 255, 255)
</td> </td>
</tr> </tr>
</tbody> </tbody>
tests/unit/views/users/Users.spec.js
-5
View File
@@ -16,11 +16,6 @@ describe('Users.vue', () => {
it('has a created hook', () => { it('has a created hook', () => {
expect(typeof Users.data).toMatch('function') expect(typeof Users.data).toMatch('function')
}) })
it('sets the correct default data', () => {
expect(typeof Users.data).toMatch('function')
const defaultData = Users.data()
expect(defaultData.currentPage).toBe(1)
})
it('is Vue instance', () => { it('is Vue instance', () => {
const wrapper = shallowMount(Users,{ const wrapper = shallowMount(Users,{
localVue, localVue,
tests/unit/views/users/__snapshots__/User.spec.js.snap
+1
View File
@@ -41,6 +41,7 @@ exports[`User.vue renders correctly 1`] = `
> >
<cbutton-stub <cbutton-stub
activeclass="active" activeclass="active"
color="primary"
event="click" event="click"
exactactiveclass="active" exactactiveclass="active"
routertag="a" routertag="a"
tests/unit/views/users/__snapshots__/Users.spec.js.snap
+5 -5
View File
@@ -9,20 +9,20 @@ exports[`Users.vue renders correctly 1`] = `
> >
<ccard-stub <ccard-stub
bodywrapper="true" bodywrapper="true"
headerhtml="users" headerhtml="Users"
name="slide" name="slide"
subtitletag="h6" subtitletag="h6"
titletag="h4" titletag="h4"
> >
<ctable-stub <ctable-stub
current-page="1" clickablerows="true"
defaultsorter="[object Object]" defaultsorter="[object Object]"
fields="[object Object],[object Object],[object Object],[object Object],[object Object]" fields="[object Object],[object Object],[object Object],[object Object]"
hover="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]" items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
itemsperpage="10" itemsperpage="5"
pagination="[object Object]" pagination="[object Object]"
per-page="5"
striped="true" striped="true"
/> />
</ccard-stub> </ccard-stub>
tests/unit/views/widgets/__snapshots__/Widgets.spec.js.snap
+44 -51
View File
@@ -16,10 +16,10 @@ exports[`Widgets.vue renders correctly 1`] = `
> >
<cprogress-stub <cprogress-stub
class="progress-xs my-3 mb-0" class="progress-xs my-3 mb-0"
color="success"
max="100" max="100"
precision="0" precision="0"
value="25" value="25"
variant="success"
/> />
</cwidgetprogress-stub> </cwidgetprogress-stub>
</ccol-stub> </ccol-stub>
@@ -30,11 +30,11 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogress-stub <cwidgetprogress-stub
color="info"
footer="Lorem ipsum dolor sit amet enim." footer="Lorem ipsum dolor sit amet enim."
header="12.124" header="12.124"
text="Lorem ipsum..." text="Lorem ipsum..."
value="25" value="25"
variant="info"
/> />
</ccol-stub> </ccol-stub>
@@ -44,11 +44,11 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogress-stub <cwidgetprogress-stub
color="warning"
footer="Lorem ipsum dolor sit amet enim." footer="Lorem ipsum dolor sit amet enim."
header="$98.111,00" header="$98.111,00"
text="Lorem ipsum..." text="Lorem ipsum..."
value="25" value="25"
variant="warning"
/> />
</ccol-stub> </ccol-stub>
@@ -58,11 +58,11 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogress-stub <cwidgetprogress-stub
color="danger"
footer="Lorem ipsum dolor sit amet enim." footer="Lorem ipsum dolor sit amet enim."
header="2 TB" header="2 TB"
text="Lorem ipsum..." text="Lorem ipsum..."
value="25" value="25"
variant="danger"
/> />
</ccol-stub> </ccol-stub>
</crow-stub> </crow-stub>
@@ -74,12 +74,12 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogress-stub <cwidgetprogress-stub
color="success"
footer="Lorem ipsum dolor sit amet enim." footer="Lorem ipsum dolor sit amet enim."
header="89.9%" header="89.9%"
inverse="true" inverse="true"
text="Lorem ipsum..." text="Lorem ipsum..."
value="25" value="25"
variant="success"
/> />
</ccol-stub> </ccol-stub>
@@ -89,12 +89,12 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogress-stub <cwidgetprogress-stub
color="info"
footer="Lorem ipsum dolor sit amet enim." footer="Lorem ipsum dolor sit amet enim."
header="12.124" header="12.124"
inverse="true" inverse="true"
text="Lorem ipsum..." text="Lorem ipsum..."
value="25" value="25"
variant="info"
/> />
</ccol-stub> </ccol-stub>
@@ -104,12 +104,12 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogress-stub <cwidgetprogress-stub
color="warning"
footer="Lorem ipsum dolor sit amet enim." footer="Lorem ipsum dolor sit amet enim."
header="$98.111,00" header="$98.111,00"
inverse="true" inverse="true"
text="Lorem ipsum..." text="Lorem ipsum..."
value="25" value="25"
variant="warning"
/> />
</ccol-stub> </ccol-stub>
@@ -119,12 +119,12 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogress-stub <cwidgetprogress-stub
color="danger"
footer="Lorem ipsum dolor sit amet enim." footer="Lorem ipsum dolor sit amet enim."
header="2 TB" header="2 TB"
inverse="true" inverse="true"
text="Lorem ipsum..." text="Lorem ipsum..."
value="25" value="25"
variant="danger"
/> />
</ccol-stub> </ccol-stub>
</crow-stub> </crow-stub>
@@ -137,9 +137,9 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgeticon-stub <cwidgeticon-stub
color="primary"
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="primary"
> >
<cicon-stub <cicon-stub
name="settings" name="settings"
@@ -155,9 +155,9 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgeticon-stub <cwidgeticon-stub
color="info"
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="info"
> >
<cicon-stub <cicon-stub
name="laptop" name="laptop"
@@ -173,9 +173,9 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgeticon-stub <cwidgeticon-stub
color="warning"
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="warning"
> >
<cicon-stub <cicon-stub
name="moon" name="moon"
@@ -191,9 +191,9 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgeticon-stub <cwidgeticon-stub
color="danger"
header="$1.999,50" header="$1.999,50"
text="Income" text="Income"
variant="danger"
> >
<cicon-stub <cicon-stub
name="bell" name="bell"
@@ -211,10 +211,9 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgeticon-stub <cwidgeticon-stub
color="primary"
header="$1.999,50" header="$1.999,50"
noiconpadding="true"
text="Income" text="Income"
variant="primary"
> >
<cicon-stub <cicon-stub
name="settings" name="settings"
@@ -230,10 +229,9 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgeticon-stub <cwidgeticon-stub
color="info"
header="$1.999,50" header="$1.999,50"
noiconpadding="true"
text="Income" text="Income"
variant="info"
> >
<cicon-stub <cicon-stub
name="laptop" name="laptop"
@@ -249,10 +247,9 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgeticon-stub <cwidgeticon-stub
color="warning"
header="$1.999,50" header="$1.999,50"
noiconpadding="true"
text="Income" text="Income"
variant="warning"
> >
<cicon-stub <cicon-stub
name="moon" name="moon"
@@ -268,10 +265,9 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgeticon-stub <cwidgeticon-stub
color="danger"
header="$1.999,50" header="$1.999,50"
noiconpadding="true"
text="Income" text="Income"
variant="danger"
> >
<cicon-stub <cicon-stub
name="bell" name="bell"
@@ -289,10 +285,9 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgeticon-stub <cwidgeticon-stub
color="primary"
header="$1.999,50" header="$1.999,50"
noiconpadding="true"
text="Income" text="Income"
variant="primary"
> >
<cicon-stub <cicon-stub
class="mx-5 " class="mx-5 "
@@ -309,10 +304,9 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgeticon-stub <cwidgeticon-stub
color="info"
header="$1.999,50" header="$1.999,50"
noiconpadding="true"
text="Income" text="Income"
variant="info"
> >
<cicon-stub <cicon-stub
class="mx-5 " class="mx-5 "
@@ -329,10 +323,9 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgeticon-stub <cwidgeticon-stub
color="warning"
header="$1.999,50" header="$1.999,50"
noiconpadding="true"
text="Income" text="Income"
variant="warning"
> >
<cicon-stub <cicon-stub
class="mx-5 " class="mx-5 "
@@ -353,10 +346,10 @@ exports[`Widgets.vue renders correctly 1`] = `
class="mb-4" class="mb-4"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="info"
header="87.500" header="87.500"
text="Visitors" text="Visitors"
value="25" value="25"
variant="info"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -365,10 +358,10 @@ exports[`Widgets.vue renders correctly 1`] = `
</cwidgetprogressicon-stub> </cwidgetprogressicon-stub>
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="success"
header="385" header="385"
text="New Clients" text="New Clients"
value="25" value="25"
variant="success"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -377,10 +370,10 @@ exports[`Widgets.vue renders correctly 1`] = `
</cwidgetprogressicon-stub> </cwidgetprogressicon-stub>
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="warning"
header="1238" header="1238"
text="Products sold" text="Products sold"
value="25" value="25"
variant="warning"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -400,10 +393,10 @@ exports[`Widgets.vue renders correctly 1`] = `
</cwidgetprogressicon-stub> </cwidgetprogressicon-stub>
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="danger"
header="5:34:11" header="5:34:11"
text="Avg. Time" text="Avg. Time"
value="25" value="25"
variant="danger"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -416,11 +409,11 @@ exports[`Widgets.vue renders correctly 1`] = `
class="mb-4" class="mb-4"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="info"
header="87.500" header="87.500"
inverse="true" inverse="true"
text="Visitors" text="Visitors"
value="25" value="25"
variant="info"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -429,11 +422,11 @@ exports[`Widgets.vue renders correctly 1`] = `
</cwidgetprogressicon-stub> </cwidgetprogressicon-stub>
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="success"
header="385" header="385"
inverse="true" inverse="true"
text="New Clients" text="New Clients"
value="25" value="25"
variant="success"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -442,11 +435,11 @@ exports[`Widgets.vue renders correctly 1`] = `
</cwidgetprogressicon-stub> </cwidgetprogressicon-stub>
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="warning"
header="1238" header="1238"
inverse="true" inverse="true"
text="Products sold" text="Products sold"
value="25" value="25"
variant="warning"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -455,11 +448,11 @@ exports[`Widgets.vue renders correctly 1`] = `
</cwidgetprogressicon-stub> </cwidgetprogressicon-stub>
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="primary"
header="28%" header="28%"
inverse="true" inverse="true"
text="Returning Visitors" text="Returning Visitors"
value="25" value="25"
variant="primary"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -468,11 +461,11 @@ exports[`Widgets.vue renders correctly 1`] = `
</cwidgetprogressicon-stub> </cwidgetprogressicon-stub>
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="danger"
header="5:34:11" header="5:34:11"
inverse="true" inverse="true"
text="Avg. Time" text="Avg. Time"
value="25" value="25"
variant="danger"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -488,10 +481,10 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="info"
header="87.500" header="87.500"
text="Visitors" text="Visitors"
value="25" value="25"
variant="info"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -506,10 +499,10 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="success"
header="385" header="385"
text="New Clients" text="New Clients"
value="25" value="25"
variant="success"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -524,10 +517,10 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="warning"
header="1238" header="1238"
text="Products sold" text="Products sold"
value="25" value="25"
variant="warning"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -542,10 +535,10 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="primary"
header="28%" header="28%"
text="Returning Visitors" text="Returning Visitors"
value="25" value="25"
variant="primary"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -560,10 +553,10 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="danger"
header="5:34:11" header="5:34:11"
text="Avg. Time" text="Avg. Time"
value="25" value="25"
variant="danger"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -578,10 +571,10 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="info"
header="972" header="972"
text="comments" text="comments"
value="25" value="25"
variant="info"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -598,11 +591,11 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="info"
header="87.500" header="87.500"
inverse="true" inverse="true"
text="Visitors" text="Visitors"
value="25" value="25"
variant="info"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -617,11 +610,11 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="success"
header="385" header="385"
inverse="true" inverse="true"
text="New Clients" text="New Clients"
value="25" value="25"
variant="success"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -636,11 +629,11 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="warning"
header="1238" header="1238"
inverse="true" inverse="true"
text="Products sold" text="Products sold"
value="25" value="25"
variant="warning"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -655,11 +648,11 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="primary"
header="28%" header="28%"
inverse="true" inverse="true"
text="Returning Visitors" text="Returning Visitors"
value="25" value="25"
variant="primary"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -674,11 +667,11 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="danger"
header="5:34:11" header="5:34:11"
inverse="true" inverse="true"
text="Avg. Time" text="Avg. Time"
value="25" value="25"
variant="danger"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -693,11 +686,11 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetprogressicon-stub <cwidgetprogressicon-stub
color="info"
header="972" header="972"
inverse="true" inverse="true"
text="comments" text="comments"
value="25" value="25"
variant="info"
> >
<cicon-stub <cicon-stub
height="36" height="36"
@@ -716,11 +709,11 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetheaderdetails-stub <cwidgetheaderdetails-stub
color="primary"
leftfooter="+432,50 (15,78%)" leftfooter="+432,50 (15,78%)"
leftheader="$1.890,65" leftheader="$1.890,65"
rightfooter="Today 6:43 AM" rightfooter="Today 6:43 AM"
rightheader="SALE" rightheader="SALE"
variant="primary"
> >
<cchartlinesimple-stub <cchartlinesimple-stub
backgroundcolor="transparent" backgroundcolor="transparent"
@@ -745,11 +738,11 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetheaderdetails-stub <cwidgetheaderdetails-stub
color="success"
leftfooter="+432,50 (15,78%)" leftfooter="+432,50 (15,78%)"
leftheader="$1.890,65" leftheader="$1.890,65"
rightfooter="Today 6:43 AM" rightfooter="Today 6:43 AM"
rightheader="SALE" rightheader="SALE"
variant="success"
> >
<cchartlinesimple-stub <cchartlinesimple-stub
backgroundcolor="transparent" backgroundcolor="transparent"
@@ -774,11 +767,11 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetheaderdetails-stub <cwidgetheaderdetails-stub
color="danger"
leftfooter="+432,50 (15,78%)" leftfooter="+432,50 (15,78%)"
leftheader="$1.890,65" leftheader="$1.890,65"
rightfooter="Today 6:43 AM" rightfooter="Today 6:43 AM"
rightheader="SALE" rightheader="SALE"
variant="danger"
> >
<cchartlinesimple-stub <cchartlinesimple-stub
backgroundcolor="transparent" backgroundcolor="transparent"
@@ -803,11 +796,11 @@ exports[`Widgets.vue renders correctly 1`] = `
tag="div" tag="div"
> >
<cwidgetheaderdetails-stub <cwidgetheaderdetails-stub
color="warning"
leftfooter="+432,50 (15,78%)" leftfooter="+432,50 (15,78%)"
leftheader="$1.890,65" leftheader="$1.890,65"
rightfooter="Today 6:43 AM" rightfooter="Today 6:43 AM"
rightheader="SALE" rightheader="SALE"
variant="warning"
> >
<cchartlinesimple-stub <cchartlinesimple-stub
backgroundcolor="transparent" backgroundcolor="transparent"