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

added unit tests to widgets

Browse Source
This commit is contained in:
woothu
2018-10-09 13:33:43 +02:00
parent b318110c7d
commit 4741d4231a
14 changed files with 233 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/Widgets.vue
+33 -30
View File
@@ -2,86 +2,94 @@
<div class="animated fadeIn">
<b-row>
<b-col sm="6" lg="3">
<widget01 header="89.9%" variant="success"/>
<widget01 header="89.9%" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="success" :value="25"/>
</b-col>
<b-col sm="6" lg="3">
<widget01 header="12.124" variant="info"/>
<widget01 header="12.124" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="info" :value="25"/>
</b-col>
<b-col sm="6" lg="3">
<widget01 header="$98.111,00" variant="warning"/>
<widget01 header="$98.111,00" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="warning" :value="25"/>
</b-col>
<b-col sm="6" lg="3">
<widget01 header="2 TB" variant="danger"/>
<widget01 header="2 TB" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="danger" :value="25"/>
</b-col>
</b-row><!--/.row-->
<b-row>
<b-col sm="6" lg="3">
<widget01 header="89.9%" variant="background-success"/>
<widget01 header="89.9%" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="background-success" :value="25"/>
</b-col>
<b-col sm="6" lg="3">
<widget01 header="12.124" variant="background-info"/>
<widget01 header="12.124" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="background-info" :value="25"/>
</b-col>
<b-col sm="6" lg="3">
<widget01 header="$98.111,00" variant="background-warning"/>
<widget01 header="$98.111,00" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="background-warning" :value="25"/>
</b-col>
<b-col sm="6" lg="3">
<widget01 header="2 TB" variant="background-danger"/>
<widget01 header="2 TB" text="Lorem ipsum..." footer="Lorem ipsum dolor sit amet enim."
variant="background-danger" :value="25"/>
</b-col>
</b-row><!--/.row-->
<b-row>
<b-col cols="12" sm="6" lg="3">
<widget02 header="$1.999,50" iconClasses="fa fa-cogs bg-primary"/>
<widget02 header="$1.999,50" iconClasses="fa fa-cogs bg-primary" text="Income"/>
</b-col>
<b-col cols="12" sm="6" lg="3">
<widget02 header="$1.999,50" iconClasses="fa fa-laptop bg-info"/>
<widget02 header="$1.999,50" iconClasses="fa fa-laptop bg-info" text="Income"/>
</b-col>
<b-col cols="12" sm="6" lg="3">
<widget02 header="$1.999,50" iconClasses="fa fa-moon-o bg-warning bg-primary"/>
<widget02 header="$1.999,50" iconClasses="fa fa-moon-o bg-warning bg-primary" text="Income"/>
</b-col>
<b-col cols="12" sm="6" lg="3">
<widget02 header="$1.999,50" iconClasses="fa fa-bell bg-danger"/>
<widget02 header="$1.999,50" iconClasses="fa fa-bell bg-danger" text="Income"/>
</b-col>
</b-row><!--/.row-->
<b-row>
<b-col cols="12" sm="6" lg="3">
<widget02 header="$1.999,50" iconClasses="fa fa-cogs bg-primary" :showLink="true"/>
<widget02 header="$1.999,50" iconClasses="fa fa-cogs bg-primary" text="Income" :showLink="true"/>
</b-col>
<b-col cols="12" sm="6" lg="3">
<widget02 header="$1.999,50" iconClasses="fa fa-laptop bg-info" :showLink="true"/>
<widget02 header="$1.999,50" iconClasses="fa fa-laptop bg-info" text="Income" :showLink="true"/>
</b-col>
<b-col cols="12" sm="6" lg="3">
<widget02 header="$1.999,50" iconClasses="fa fa-moon-o bg-warning bg-primary" :showLink="true"/>
<widget02 header="$1.999,50" iconClasses="fa fa-moon-o bg-warning bg-primary" text="Income" :showLink="true"/>
</b-col>
<b-col cols="12" sm="6" lg="3">
<widget02 header="$1.999,50" iconClasses="fa fa-bell bg-danger" :showLink="true"/>
<widget02 header="$1.999,50" iconClasses="fa fa-bell bg-danger" text="Income" :showLink="true"/>
</b-col>
</b-row><!--/.row-->
<b-row>
<b-col cols="12" sm="6" lg="3">
<widget03 header="$1.999,50" iconClasses="fa fa-cogs bg-primary"/>
<widget03 header="$1.999,50" text="Income" iconClasses="fa fa-cogs bg-primary"/>
</b-col>
<b-col cols="12" sm="6" lg="3">
<widget03 header="$1.999,50" iconClasses="fa fa-laptop bg-info"/>
<widget03 header="$1.999,50" text="Income" iconClasses="fa fa-laptop bg-info"/>
</b-col>
<b-col cols="12" sm="6" lg="3">
<widget03 header="$1.999,50" iconClasses="fa fa-moon-o bg-warning bg-primary"/>
<widget03 header="$1.999,50" text="Income" iconClasses="fa fa-moon-o bg-warning bg-primary"/>
</b-col>
<b-col cols="12" sm="6" lg="3">
<widget03 header="$1.999,50" iconClasses="fa fa-bell bg-danger"/>
<widget03 header="$1.999,50" text="Income" iconClasses="fa fa-bell bg-danger"/>
</b-col>
</b-row><!--/.row-->
<b-row>
<b-col cols="12" sm="6" lg="3">
<widget03 header="$1.999,50" iconClasses="fa fa-cogs bg-primary px-5"/>
<widget03 header="$1.999,50" text="Income" iconClasses="fa fa-cogs bg-primary px-5"/>
</b-col>
<b-col cols="12" sm="6" lg="3">
<widget03 header="$1.999,50" iconClasses="fa fa-laptop bg-info px-5"/>
<widget03 header="$1.999,50" text="Income" iconClasses="fa fa-laptop bg-info px-5"/>
</b-col>
<b-col cols="12" sm="6" lg="3">
<widget03 header="$1.999,50" iconClasses="fa fa-moon-o bg-warning bg-primary px-5"/>
<widget03 header="$1.999,50" text="Income" iconClasses="fa fa-moon-o bg-warning bg-primary px-5"/>
</b-col>
<b-col cols="12" sm="6" lg="3">
<widget03 header="$1.999,50" iconClasses="fa fa-bell bg-danger px-5"/>
<widget03 header="$1.999,50" text="Income" iconClasses="fa fa-bell bg-danger px-5"/>
</b-col>
</b-row><!--/.row-->
<b-row>
@@ -160,7 +168,7 @@ import Widget04 from './widgets/Widget04'
import Widget05 from './widgets/Widget05'
export default {
name: 'widgets',
name: 'Widgets',
components: {
Widget01,
Widget02,
@@ -168,10 +176,5 @@ export default {
Widget04,
Widget05
},
data () {
return {
msg: 'Widgets'
}
}
}
</script>
src/views/widgets/Widget01.vue
+3 -3
View File
@@ -26,11 +26,11 @@ export default {
props: {
header: {
type: String,
default: 'Lorem ipsum...'
default: 'header|string'
},
text: {
type: String,
default: 'Lorem ipsum...'
default: 'text|string'
},
variant: {
type: String,
@@ -38,7 +38,7 @@ export default {
},
footer: {
type: String,
default: 'Lorem ipsum dolor sit amet enim.'
default: 'footer|string'
},
value: {
type: Number,
src/views/widgets/Widget02.vue
+2 -2
View File
@@ -21,11 +21,11 @@ export default {
},
header: {
type: String,
default: 'Lorem ipsum...'
default: 'header|string'
},
text: {
type: String,
default: 'Income'
default: 'text|string'
},
showLink: {
type: Boolean,
src/views/widgets/Widget03.vue
+2 -2
View File
@@ -18,11 +18,11 @@ export default {
},
header: {
type: String,
default: 'Lorem ipsum...'
default: 'header|string'
},
text: {
type: String,
default: 'Income'
default: 'text|string'
},
}
}
src/views/widgets/Widget04.vue
+4 -4
View File
@@ -39,19 +39,19 @@ export default {
},
rightHeader: {
type: String,
default: '89k'
default: 'rightHeader|string'
},
rightFooter: {
type: String,
default: 'friends'
default: 'rightFooter|string'
},
leftHeader: {
type: String,
default: '459'
default: 'leftHeader|string'
},
leftFooter: {
type: String,
default: 'feeds'
default: 'leftFooter|string'
},
}
}
src/views/widgets/Widget05.vue
+2 -2
View File
@@ -32,11 +32,11 @@ export default {
},
header: {
type: String,
default: 'Lorem ipsum...'
default: 'header|string'
},
text: {
type: String,
default: 'Lorem ipsum...'
default: 'text|string'
},
variant: {
type: String,