refactor: fix small bugs, update unit tests
This commit is contained in:
woothu
@@ -0,0 +1,961 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Dashboard.vue renders correctly 1`] = `
|
||||
<div>
|
||||
<widgetsdropdown-stub />
|
||||
|
||||
<ccard-stub>
|
||||
<ccardbody-stub>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
sm="5"
|
||||
tag="div"
|
||||
>
|
||||
<h4
|
||||
class="card-title mb-0"
|
||||
id="traffic"
|
||||
>
|
||||
Traffic
|
||||
</h4>
|
||||
|
||||
<div
|
||||
class="small text-muted"
|
||||
>
|
||||
November 2017
|
||||
</div>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
class="d-none d-md-block"
|
||||
sm="7"
|
||||
tag="div"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="float-right"
|
||||
color="primary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
<cicon-stub
|
||||
name="cloud-download"
|
||||
/>
|
||||
</cbutton-stub>
|
||||
|
||||
<cbuttongroup-stub
|
||||
class="float-right mr-3"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="mx-0"
|
||||
color="outline-secondary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Day
|
||||
|
||||
</cbutton-stub>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="mx-0"
|
||||
color="outline-secondary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
pressed="true"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Month
|
||||
|
||||
</cbutton-stub>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="mx-0"
|
||||
color="outline-secondary"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
|
||||
Year
|
||||
|
||||
</cbutton-stub>
|
||||
</cbuttongroup-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<mainchartexample-stub
|
||||
style="height: 300px; margin-top: 40px;"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
|
||||
<ccardfooter-stub>
|
||||
<crow-stub
|
||||
class="text-center"
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
class="mb-sm-2 mb-0"
|
||||
md="true"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="text-muted"
|
||||
>
|
||||
Visits
|
||||
</div>
|
||||
|
||||
<strong>
|
||||
29.703 Users (40%)
|
||||
</strong>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs mt-2"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="1"
|
||||
value="40"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
class="mb-sm-2 mb-0 d-md-down-none"
|
||||
md="true"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="text-muted"
|
||||
>
|
||||
Unique
|
||||
</div>
|
||||
|
||||
<strong>
|
||||
24.093 Users (20%)
|
||||
</strong>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs mt-2"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="1"
|
||||
value="20"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
class="mb-sm-2 mb-0"
|
||||
md="true"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="text-muted"
|
||||
>
|
||||
Pageviews
|
||||
</div>
|
||||
|
||||
<strong>
|
||||
78.706 Views (60%)
|
||||
</strong>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs mt-2"
|
||||
color="warning"
|
||||
max="100"
|
||||
precision="1"
|
||||
value="60"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
class="mb-sm-2 mb-0"
|
||||
md="true"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="text-muted"
|
||||
>
|
||||
New Users
|
||||
</div>
|
||||
|
||||
<strong>
|
||||
22.123 Users (80%)
|
||||
</strong>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs mt-2"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="1"
|
||||
value="80"
|
||||
/>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
class="mb-sm-2 mb-0 d-md-down-none"
|
||||
md="true"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<div
|
||||
class="text-muted"
|
||||
>
|
||||
Bounce Rate
|
||||
</div>
|
||||
|
||||
<strong>
|
||||
Average Rate (40.15%)
|
||||
</strong>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs mt-2"
|
||||
max="100"
|
||||
precision="1"
|
||||
value="40"
|
||||
/>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</ccardfooter-stub>
|
||||
</ccard-stub>
|
||||
|
||||
<widgetsbrand-stub />
|
||||
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
md="12"
|
||||
tag="div"
|
||||
>
|
||||
<ccard-stub>
|
||||
<ccardheader-stub>
|
||||
|
||||
Traffic & Sales
|
||||
|
||||
</ccardheader-stub>
|
||||
|
||||
<ccardbody-stub>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccallout-stub
|
||||
color="info"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
New Clients
|
||||
</small>
|
||||
<br />
|
||||
|
||||
<strong
|
||||
class="h4"
|
||||
>
|
||||
9,123
|
||||
</strong>
|
||||
</ccallout-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccallout-stub
|
||||
color="danger"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
Recurring Clients
|
||||
</small>
|
||||
<br />
|
||||
|
||||
<strong
|
||||
class="h4"
|
||||
>
|
||||
22,643
|
||||
</strong>
|
||||
</ccallout-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<hr
|
||||
class="mt-0"
|
||||
/>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Monday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="34"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="78"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Tuesday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="56"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="94"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Wednesday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="12"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="67"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Thursday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="43"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="91"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Friday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="22"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="73"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Saturday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="53"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="82"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-4"
|
||||
>
|
||||
<div
|
||||
class="progress-group-prepend"
|
||||
>
|
||||
<span
|
||||
class="progress-group-text"
|
||||
>
|
||||
|
||||
Sunday
|
||||
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="info"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="9"
|
||||
/>
|
||||
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="danger"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="69"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="legend text-center"
|
||||
>
|
||||
<small>
|
||||
<sup>
|
||||
<cbadge-stub
|
||||
activeclass="active"
|
||||
color="info"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
shape="pill"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
</cbadge-stub>
|
||||
</sup>
|
||||
|
||||
New clients
|
||||
|
||||
|
||||
<sup>
|
||||
<cbadge-stub
|
||||
activeclass="active"
|
||||
color="danger"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
innavitem="true"
|
||||
routertag="a"
|
||||
shape="pill"
|
||||
tag="span"
|
||||
target="_self"
|
||||
>
|
||||
|
||||
</cbadge-stub>
|
||||
</sup>
|
||||
|
||||
Recurring clients
|
||||
|
||||
</small>
|
||||
</div>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
lg="6"
|
||||
sm="12"
|
||||
tag="div"
|
||||
>
|
||||
<crow-stub
|
||||
gutters="true"
|
||||
>
|
||||
<ccol-stub
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccallout-stub
|
||||
color="warning"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
Pageviews
|
||||
</small>
|
||||
<br />
|
||||
|
||||
<strong
|
||||
class="h4"
|
||||
>
|
||||
78,623
|
||||
</strong>
|
||||
</ccallout-stub>
|
||||
</ccol-stub>
|
||||
|
||||
<ccol-stub
|
||||
sm="6"
|
||||
tag="div"
|
||||
>
|
||||
<ccallout-stub
|
||||
color="success"
|
||||
>
|
||||
<small
|
||||
class="text-muted"
|
||||
>
|
||||
Organic
|
||||
</small>
|
||||
<br />
|
||||
|
||||
<strong
|
||||
class="h4"
|
||||
>
|
||||
49,123
|
||||
</strong>
|
||||
</ccallout-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<hr
|
||||
class="mt-0"
|
||||
/>
|
||||
|
||||
<ul
|
||||
class="horizontal-bars type-2"
|
||||
>
|
||||
<div
|
||||
class="progress-group"
|
||||
>
|
||||
<div
|
||||
class="progress-group-header"
|
||||
>
|
||||
<cicon-stub
|
||||
class="progress-group-icon"
|
||||
name="user"
|
||||
/>
|
||||
|
||||
<span
|
||||
class="title"
|
||||
>
|
||||
Male
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ml-auto font-weight-bold"
|
||||
>
|
||||
43%
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="warning"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="43"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group mb-5"
|
||||
>
|
||||
<div
|
||||
class="progress-group-header"
|
||||
>
|
||||
<cicon-stub
|
||||
class="progress-group-icon"
|
||||
name="user-female"
|
||||
/>
|
||||
|
||||
<span
|
||||
class="title"
|
||||
>
|
||||
Female
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ml-auto font-weight-bold"
|
||||
>
|
||||
37%
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="warning"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="37"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group"
|
||||
>
|
||||
<div
|
||||
class="progress-group-header"
|
||||
>
|
||||
<cicon-stub
|
||||
class="progress-group-icon"
|
||||
name="globe-alt"
|
||||
/>
|
||||
|
||||
<span
|
||||
class="title"
|
||||
>
|
||||
Organic Search
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ml-auto font-weight-bold"
|
||||
>
|
||||
|
||||
191,235
|
||||
<span
|
||||
class="text-muted small"
|
||||
>
|
||||
(56%)
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="56"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group"
|
||||
>
|
||||
<div
|
||||
class="progress-group-header"
|
||||
>
|
||||
<cicon-stub
|
||||
class="progress-group-icon"
|
||||
height="17"
|
||||
name="facebook"
|
||||
/>
|
||||
|
||||
<span
|
||||
class="title"
|
||||
>
|
||||
Facebook
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ml-auto font-weight-bold"
|
||||
>
|
||||
|
||||
51,223
|
||||
<span
|
||||
class="text-muted small"
|
||||
>
|
||||
(15%)
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="15"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group"
|
||||
>
|
||||
<div
|
||||
class="progress-group-header"
|
||||
>
|
||||
<cicon-stub
|
||||
class="progress-group-icon"
|
||||
height="17"
|
||||
name="twitter"
|
||||
/>
|
||||
|
||||
<span
|
||||
class="title"
|
||||
>
|
||||
Twitter
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ml-auto font-weight-bold"
|
||||
>
|
||||
|
||||
37,564
|
||||
<span
|
||||
class="text-muted small"
|
||||
>
|
||||
(11%)
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="11"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group"
|
||||
>
|
||||
<div
|
||||
class="progress-group-header"
|
||||
>
|
||||
<cicon-stub
|
||||
class="progress-group-icon"
|
||||
height="17"
|
||||
name="linkedin"
|
||||
/>
|
||||
|
||||
<span
|
||||
class="title"
|
||||
>
|
||||
LinkedIn
|
||||
</span>
|
||||
|
||||
<span
|
||||
class="ml-auto font-weight-bold"
|
||||
>
|
||||
|
||||
27,319
|
||||
<span
|
||||
class="text-muted small"
|
||||
>
|
||||
(8%)
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="progress-group-bars"
|
||||
>
|
||||
<cprogress-stub
|
||||
class="progress-xs"
|
||||
color="success"
|
||||
max="100"
|
||||
precision="0"
|
||||
value="8"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="divider text-center"
|
||||
>
|
||||
<cbutton-stub
|
||||
activeclass="active"
|
||||
class="text-muted"
|
||||
color="link"
|
||||
event="click"
|
||||
exactactiveclass="active"
|
||||
routertag="a"
|
||||
size="sm"
|
||||
target="_self"
|
||||
type="button"
|
||||
>
|
||||
<cicon-stub
|
||||
name="options"
|
||||
/>
|
||||
</cbutton-stub>
|
||||
</div>
|
||||
</ul>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
|
||||
<br />
|
||||
|
||||
<cdatatable-stub
|
||||
class="mb-0 table-outline"
|
||||
fields="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
head-color="light"
|
||||
hover="true"
|
||||
items="[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]"
|
||||
itemsperpage="10"
|
||||
no-sorting=""
|
||||
responsive="true"
|
||||
sortervalue="[object Object]"
|
||||
/>
|
||||
</ccardbody-stub>
|
||||
</ccard-stub>
|
||||
</ccol-stub>
|
||||
</crow-stub>
|
||||
</div>
|
||||
`;
|
||||
Reference in New Issue
Block a user