sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

test: fix unit tests, update snapshots

Browse Source
This commit is contained in:
woothu
2019-10-21 16:48:13 +02:00
parent d2e7838db6
commit 0ed0b7bbce
45 changed files with 1329 additions and 2052 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/unit/views/buttons/__snapshots__/BrandButtons.spec.js.snap
+187 -346
View File
File diff suppressed because it is too large Load Diff
tests/unit/views/buttons/__snapshots__/ButtonDropdowns.spec.js.snap
+26 -61
View File
@@ -44,17 +44,14 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="card-body"
>
<!---->
<!---->
<div>
<div
class="m-2 dropdown"
color="secondary"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle"
class="btn dropdown-toggle btn-secondary"
>
Dropdown Button
</button>
@@ -120,12 +117,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div>
<div
class="m-2 dropdown"
color="secondary"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle"
class="btn dropdown-toggle btn-secondary"
>
Dropdown with divider
</button>
@@ -171,12 +167,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div>
<div
class="m-2 dropdown"
color="secondary"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle"
class="btn dropdown-toggle btn-secondary"
>
Dropdown with header
</button>
@@ -241,17 +236,14 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="card-body"
>
<!---->
<!---->
<div>
<div
class="m-2 d-inline-block dropdown"
color="primary"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle"
class="btn dropdown-toggle btn-primary"
>
Left align
</button>
@@ -290,12 +282,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="m-2 d-inline-block dropdown"
color="primary"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle"
class="btn dropdown-toggle btn-primary"
>
Right align
</button>
@@ -336,12 +327,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div>
<div
class="m-2 dropup"
color="info"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle"
class="btn dropdown-toggle btn-info"
>
Drop-Up
</button>
@@ -382,12 +372,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div>
<div
class="m-2 dropdown"
color="secondary"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle"
class="btn dropdown-toggle btn-secondary"
>
Offset Dropdown
</button>
@@ -428,17 +417,16 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div>
<div
class="m-2 dropdown btn-group"
color="secondary"
>
<button
class="btn"
class="btn btn-secondary"
>
Split Dropdown
</button>
<button
aria-expanded="false"
aria-haspopup="true"
class="dropdown-toggle dropdown-toggle-split btn"
class="dropdown-toggle dropdown-toggle-split btn btn-secondary"
/>
<div
class="dropdown-menu"
@@ -507,17 +495,14 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="card-body"
>
<!---->
<!---->
<div>
<div
class="dropdown"
color="link"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn btn-lg"
class="btn btn-lg btn-link"
>
🔍
@@ -592,17 +577,14 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="card-body"
>
<!---->
<!---->
<div>
<div
class="m-2 d-inline-block dropdown"
color="secondary"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-lg"
class="btn dropdown-toggle btn-lg btn-secondary"
>
Large
</button>
@@ -641,17 +623,16 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="m-2 dropdown btn-group"
color="secondary"
>
<button
class="btn btn-lg"
class="btn btn-lg btn-secondary"
>
Large Split
</button>
<button
aria-expanded="false"
aria-haspopup="true"
class="dropdown-toggle dropdown-toggle-split btn btn-lg"
class="dropdown-toggle dropdown-toggle-split btn btn-lg btn-secondary"
/>
<div
class="dropdown-menu"
@@ -689,12 +670,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="m-2 d-inline-block dropdown"
color="secondary"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm"
class="btn dropdown-toggle btn-sm btn-secondary"
>
Small
</button>
@@ -733,17 +713,16 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="m-2 dropdown btn-group"
color="secondary"
>
<button
class="btn btn-sm"
class="btn btn-sm btn-secondary"
>
Small Split
</button>
<button
aria-expanded="false"
aria-haspopup="true"
class="dropdown-toggle dropdown-toggle-split btn btn-sm"
class="dropdown-toggle dropdown-toggle-split btn btn-sm btn-secondary"
/>
<div
class="dropdown-menu"
@@ -812,17 +791,14 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="card-body"
>
<!---->
<!---->
<div>
<div
class="m-2 dropdown"
color="primary"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle"
class="btn dropdown-toggle btn-primary"
>
Dropdown ARIA
</button>
@@ -941,16 +917,13 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="card-body"
>
<!---->
<!---->
<div
class="m-0 d-inline-block dropdown"
color="primary"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm"
class="btn dropdown-toggle btn-sm btn-primary"
>
Primary
</button>
@@ -989,12 +962,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="m-0 d-inline-block dropdown"
color="secondary"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm"
class="btn dropdown-toggle btn-sm btn-secondary"
>
Secondary
</button>
@@ -1033,12 +1005,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="m-0 d-inline-block dropdown"
color="success"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm"
class="btn dropdown-toggle btn-sm btn-success"
>
Success
</button>
@@ -1077,12 +1048,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="m-0 d-inline-block dropdown"
color="warning"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm"
class="btn dropdown-toggle btn-sm btn-warning"
>
Warning
</button>
@@ -1121,12 +1091,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="m-0 d-inline-block dropdown"
color="danger"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm"
class="btn dropdown-toggle btn-sm btn-danger"
>
Danger
</button>
@@ -1165,12 +1134,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="m-0 d-inline-block dropdown"
color="info"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm"
class="btn dropdown-toggle btn-sm btn-info"
>
Info
</button>
@@ -1209,12 +1177,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="m-0 d-inline-block dropdown"
color="light"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm"
class="btn dropdown-toggle btn-sm btn-light"
>
Light
</button>
@@ -1253,12 +1220,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="m-0 d-inline-block dropdown"
color="dark"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm"
class="btn dropdown-toggle btn-sm btn-dark"
>
Dark
</button>
@@ -1297,12 +1263,11 @@ exports[`Dropdowns.vue renders correctly 1`] = `
<div
class="m-0 d-inline-block dropdown"
color="link"
>
<button
aria-expanded="false"
aria-haspopup="true"
class="btn dropdown-toggle btn-sm"
class="btn dropdown-toggle btn-sm btn-link"
>
Link
</button>
tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap
+32 -67
View File
@@ -1,19 +1,15 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ButtonGroups.vue renders correctly 1`] = `
<crow-stub>
<crow-stub
gutters="true"
>
<ccol-stub
col="12"
tag="div"
>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<i
class="fa fa-align-justify"
/>
@@ -40,10 +36,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</div>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<div>
<cbuttongroup-stub>
<cbutton-stub
@@ -195,14 +188,8 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
col="12"
tag="div"
>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<i
class="fa fa-align-justify"
/>
@@ -214,10 +201,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<div>
<cbuttongroup-stub>
<cbutton-stub
@@ -351,14 +335,8 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
col="12"
tag="div"
>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<i
class="fa fa-align-justify"
/>
@@ -369,10 +347,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<div>
<cbuttongroup-stub>
<cbutton-stub
@@ -402,7 +377,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cdropdown-stub
caret="true"
color="success"
flip="true"
placement="bottom-start"
right=""
text="Menu"
@@ -457,7 +434,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
<cdropdown-stub
caret="true"
color="info"
flip="true"
placement="bottom-start"
right=""
split="true"
@@ -508,14 +487,8 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
col="12"
tag="div"
>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<i
class="fa fa-align-justify"
/>
@@ -527,10 +500,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<div>
<cbuttongroup-stub
vertical="true"
@@ -580,14 +550,8 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
col="12"
tag="div"
>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<i
class="fa fa-align-justify"
/>
@@ -601,10 +565,7 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</small>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<cbuttontoolbar-stub
aria-label="Toolbar with button groups"
>
@@ -745,19 +706,21 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
</cbutton-stub>
</cbuttongroup-stub>
<cinput
append-html=".00"
<cinput-stub
appendhtml=".00"
class="mb-0 w-25 mx-1"
prepend-html="$"
lazy="400"
prependhtml="$"
size="sm"
type="text"
value="100"
/>
<cselect
<cselect-stub
class="mb-0 w-25 mx-1"
custom=""
custom="true"
options="Large,Medium,Small"
prepend-html="Size"
prependhtml="Size"
size="sm"
value="Medium"
/>
@@ -839,8 +802,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
<cdropdown-stub
button-content="Menu"
caret="true"
class="mx-1"
color="secondary"
flip="true"
placement="bottom-end"
togglertext="Dropdown"
>
tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap
+55 -122
View File
@@ -2,14 +2,8 @@
exports[`StandardButtons.vue renders correctly 1`] = `
<div>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<strong>
Standard buttons
</strong>
@@ -32,12 +26,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
</div>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<crow-stub
class="align-items-center"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -251,6 +243,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center mt-3"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -482,6 +475,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center mt-3"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -704,23 +698,14 @@ exports[`StandardButtons.vue renders correctly 1`] = `
</ccardbody-stub>
</ccard-stub>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<strong>
Outline Buttons
</strong>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<p>
Use
@@ -733,6 +718,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -941,6 +927,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center mt-3"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -1165,6 +1152,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center mt-3"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -1381,23 +1369,14 @@ exports[`StandardButtons.vue renders correctly 1`] = `
</ccardbody-stub>
</ccard-stub>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<strong>
Ghost Buttons
</strong>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<p>
Use
@@ -1411,6 +1390,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -1619,6 +1599,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center mt-3"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -1843,6 +1824,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center mt-3"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -2059,23 +2041,14 @@ exports[`StandardButtons.vue renders correctly 1`] = `
</ccardbody-stub>
</ccard-stub>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<strong>
Square Buttons
</strong>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<p>
Use
@@ -2089,6 +2062,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -2311,6 +2285,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center mt-3"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -2551,6 +2526,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center mt-3"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -2782,23 +2758,14 @@ exports[`StandardButtons.vue renders correctly 1`] = `
</ccardbody-stub>
</ccard-stub>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<strong>
Pill Buttons
</strong>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<p>
Use
@@ -2812,6 +2779,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -3034,6 +3002,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center mt-3"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -3274,6 +3243,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center mt-3"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -3505,23 +3475,14 @@ exports[`StandardButtons.vue renders correctly 1`] = `
</ccardbody-stub>
</ccard-stub>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<strong>
Sizes
</strong>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<p>
Fancy larger or smaller buttons? Add
<code>
@@ -3536,6 +3497,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -3650,6 +3612,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center mt-3"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -3759,6 +3722,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
<crow-stub
class="align-items-center mt-3"
gutters="true"
>
<ccol-stub
class="mb-3 mb-xl-0"
@@ -3873,25 +3837,17 @@ exports[`StandardButtons.vue renders correctly 1`] = `
</ccardbody-stub>
</ccard-stub>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<strong>
With Icons
</strong>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<crow-stub
class="align-items-center"
gutters="true"
>
<ccol-stub
class="text-center mt-3"
@@ -4014,24 +3970,17 @@ exports[`StandardButtons.vue renders correctly 1`] = `
</ccardbody-stub>
</ccard-stub>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<strong>
Toggle pressed state
</strong>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<crow-stub>
<ccardbody-stub>
<crow-stub
gutters="true"
>
<ccol-stub
class="text-center mt-3"
sm="true"
@@ -4155,20 +4104,16 @@ exports[`StandardButtons.vue renders correctly 1`] = `
</ccardbody-stub>
</ccard-stub>
<crow-stub>
<crow-stub
gutters="true"
>
<ccol-stub
md="6"
tag="div"
xs="12"
>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<strong>
Block Level CButtons
</strong>
@@ -4180,10 +4125,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
</small>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<cbutton-stub
activeclass="active"
block="true"
@@ -4290,14 +4232,8 @@ exports[`StandardButtons.vue renders correctly 1`] = `
tag="div"
xs="12"
>
<ccard-stub
subtitletag="h6"
titletag="h4"
>
<ccardheader-stub
subtitletag="h6"
titletag="h4"
>
<ccard-stub>
<ccardheader-stub>
<strong>
Block Level CButtons
</strong>
@@ -4309,10 +4245,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
</small>
</ccardheader-stub>
<ccardbody-stub
subtitletag="h6"
titletag="h4"
>
<ccardbody-stub>
<cbutton-stub
activeclass="active"
block="true"