wazolab/fruit-project
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 1 Wiki Activity

Add GridItem test

Browse Source
This commit is contained in:
Noé Viricel
2020-12-06 16:03:41 +01:00
parent 397470bc70
commit 7893b25910
11 changed files with 157 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
coverage/lcov-report/components/Grid.vue.html
View File

@@ -83,7 +83,20 @@
<a name='L25'></a><a href='#L25'>25</a>
<a name='L26'></a><a href='#L26'>26</a>
<a name='L27'></a><a href='#L27'>27</a>
<a name='L28'></a><a href='#L28'>28</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<a name='L28'></a><a href='#L28'>28</a>
<a name='L29'></a><a href='#L29'>29</a>
<a name='L30'></a><a href='#L30'>30</a>
<a name='L31'></a><a href='#L31'>31</a>
<a name='L32'></a><a href='#L32'>32</a>
<a name='L33'></a><a href='#L33'>33</a>
<a name='L34'></a><a href='#L34'>34</a>
<a name='L35'></a><a href='#L35'>35</a>
<a name='L36'></a><a href='#L36'>36</a>
<a name='L37'></a><a href='#L37'>37</a>
<a name='L38'></a><a href='#L38'>38</a>
<a name='L39'></a><a href='#L39'>39</a>
<a name='L40'></a><a href='#L40'>40</a>
<a name='L41'></a><a href='#L41'>41</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -110,6 +123,19 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
&lt;div class="grid"&gt;
&lt;GridItem :key="item.id" v-for="item in data" :item="item" /&gt;
@@ -133,8 +159,21 @@ export default {
&lt;style scoped lang="less"&gt;
.grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr;
column-gap: 1rem;
row-gap: 1.5rem;
&nbsp;
@media screen and (min-width: @md) {
grid-template-columns: repeat(2, 1fr);
}
&nbsp;
@media screen and (min-width: @lg) {
grid-template-columns: repeat(3, 1fr);
}
&nbsp;
@media screen and (min-width: @xl) {
grid-template-columns: repeat(4, 1fr);
}
}
&lt;/style&gt;
&nbsp;</pre></td></tr></table></pre>
@@ -144,7 +183,7 @@ export default {
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
at Fri Dec 04 2020 03:29:36 GMT+0100 (Central European Standard Time)
at Sun Dec 06 2020 15:56:50 GMT+0100 (Central European Standard Time)
</div>
</div>
<script src="../prettify.js"></script>

2
coverage/lcov-report/components/index.html
View File

@@ -94,7 +94,7 @@
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
at Fri Dec 04 2020 03:29:36 GMT+0100 (Central European Standard Time)
at Sun Dec 06 2020 15:56:50 GMT+0100 (Central European Standard Time)
</div>
</div>
<script src="../prettify.js"></script>

22
coverage/lcov-report/index.html
View File

@@ -22,9 +22,9 @@
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">57.14% </span>
<span class="strong">60% </span>
<span class="quiet">Statements</span>
<span class='fraction'>4/7</span>
<span class='fraction'>3/5</span>
</div>
@@ -36,16 +36,16 @@
<div class='fl pad1y space-right2'>
<span class="strong">33.33% </span>
<span class="strong">0% </span>
<span class="quiet">Functions</span>
<span class='fraction'>1/3</span>
<span class='fraction'>0/1</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">57.14% </span>
<span class="strong">60% </span>
<span class="quiet">Lines</span>
<span class='fraction'>4/7</span>
<span class='fraction'>3/5</span>
</div>
@@ -92,13 +92,13 @@
<div class="chart"><div class="cover-fill" style="width: 50%"></div><div class="cover-empty" style="width: 50%"></div></div>
</td>
<td data-value="50" class="pct medium">50%</td>
<td data-value="6" class="abs medium">3/6</td>
<td data-value="4" class="abs medium">2/4</td>
<td data-value="100" class="pct high">100%</td>
<td data-value="0" class="abs high">0/0</td>
<td data-value="33.33" class="pct low">33.33%</td>
<td data-value="3" class="abs low">1/3</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="1" class="abs low">0/1</td>
<td data-value="50" class="pct medium">50%</td>
<td data-value="6" class="abs medium">3/6</td>
<td data-value="4" class="abs medium">2/4</td>
</tr>
</tbody>
@@ -109,7 +109,7 @@
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
at Fri Dec 04 2020 03:29:36 GMT+0100 (Central European Standard Time)
at Sun Dec 06 2020 15:56:50 GMT+0100 (Central European Standard Time)
</div>
</div>
<script src="prettify.js"></script>

29
coverage/lcov-report/views/Fruit.vue.html
View File

@@ -24,7 +24,7 @@
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Statements</span>
<span class='fraction'>0/3</span>
<span class='fraction'>0/1</span>
</div>
@@ -36,16 +36,16 @@
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="strong">100% </span>
<span class="quiet">Functions</span>
<span class='fraction'>0/2</span>
<span class='fraction'>0/0</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Lines</span>
<span class='fraction'>0/3</span>
<span class='fraction'>0/1</span>
</div>
@@ -74,12 +74,7 @@
<a name='L16'></a><a href='#L16'>16</a>
<a name='L17'></a><a href='#L17'>17</a>
<a name='L18'></a><a href='#L18'>18</a>
<a name='L19'></a><a href='#L19'>19</a>
<a name='L20'></a><a href='#L20'>20</a>
<a name='L21'></a><a href='#L21'>21</a>
<a name='L22'></a><a href='#L22'>22</a>
<a name='L23'></a><a href='#L23'>23</a>
<a name='L24'></a><a href='#L24'>24</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<a name='L19'></a><a href='#L19'>19</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -94,17 +89,12 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
&lt;div&gt;
&lt;h1&gt;Fruit Details&lt;/h1&gt;
&lt;h2&gt;&lt;span @click="() =&gt; this.$router.back()"&gt;◀&lt;/span&gt; Details&lt;/h2&gt;
{{ this.fruit }}
&lt;/div&gt;
&lt;/template&gt;
@@ -115,11 +105,6 @@ export default {
name: "FruitDetails",
computed: {
...mapState(["fruit"])
},
<span class="fstat-no" title="function not covered" > beforeRouteEnter(to, from, next) {</span>
<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" > next(async vm =&gt; {</span></span>
<span class="cstat-no" title="statement not covered" > await vm.$store.dispatch("getFruit", to.params.id);</span>
});
}
};
&lt;/script&gt;
@@ -132,7 +117,7 @@ export default {
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
at Fri Dec 04 2020 03:29:36 GMT+0100 (Central European Standard Time)
at Sun Dec 06 2020 15:56:50 GMT+0100 (Central European Standard Time)
</div>
</div>
<script src="../prettify.js"></script>

49
coverage/lcov-report/views/Fruits.vue.html
View File

@@ -22,9 +22,9 @@
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">100% </span>
<span class="strong">66.67% </span>
<span class="quiet">Statements</span>
<span class='fraction'>3/3</span>
<span class='fraction'>2/3</span>
</div>
@@ -36,16 +36,16 @@
<div class='fl pad1y space-right2'>
<span class="strong">100% </span>
<span class="strong">0% </span>
<span class="quiet">Functions</span>
<span class='fraction'>1/1</span>
<span class='fraction'>0/1</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">100% </span>
<span class="strong">66.67% </span>
<span class="quiet">Lines</span>
<span class='fraction'>3/3</span>
<span class='fraction'>2/3</span>
</div>
@@ -54,7 +54,7 @@
Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
</p>
</div>
<div class='status-line high'></div>
<div class='status-line medium'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
<a name='L2'></a><a href='#L2'>2</a>
@@ -78,7 +78,14 @@
<a name='L20'></a><a href='#L20'>20</a>
<a name='L21'></a><a href='#L21'>21</a>
<a name='L22'></a><a href='#L22'>22</a>
<a name='L23'></a><a href='#L23'>23</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<a name='L23'></a><a href='#L23'>23</a>
<a name='L24'></a><a href='#L24'>24</a>
<a name='L25'></a><a href='#L25'>25</a>
<a name='L26'></a><a href='#L26'>26</a>
<a name='L27'></a><a href='#L27'>27</a>
<a name='L28'></a><a href='#L28'>28</a>
<a name='L29'></a><a href='#L29'>29</a>
<a name='L30'></a><a href='#L30'>30</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -96,13 +103,20 @@
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1x</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
&lt;div&gt;
&lt;h1&gt;Fruits Directory&lt;/h1&gt;
&lt;div class="fruits"&gt;
&lt;h2&gt;Directory&lt;/h2&gt;
&lt;Grid :data="this.fruits" /&gt;
&lt;/div&gt;
&lt;/template&gt;
@@ -117,11 +131,18 @@ export default {
computed: {
...mapState(["fruits"])
},
async created() {
await this.$store.dispatch("getFruits");
<span class="fstat-no" title="function not covered" > async created() {</span>
<span class="cstat-no" title="statement not covered" > await this.$store.dispatch("getFruits");</span>
}
};
&lt;/script&gt;
&nbsp;
&lt;style lang="less"&gt;
.fruits {
margin: 0 auto;
max-width: 1200px;
}
&lt;/style&gt;
&nbsp;</pre></td></tr></table></pre>
<div class='push'></div><!-- for sticky footer -->
@@ -129,7 +150,7 @@ export default {
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
at Fri Dec 04 2020 03:29:36 GMT+0100 (Central European Standard Time)
at Sun Dec 06 2020 15:56:50 GMT+0100 (Central European Standard Time)
</div>
</div>
<script src="../prettify.js"></script>

36
coverage/lcov-report/views/index.html
View File

@@ -24,7 +24,7 @@
<div class='fl pad1y space-right2'>
<span class="strong">50% </span>
<span class="quiet">Statements</span>
<span class='fraction'>3/6</span>
<span class='fraction'>2/4</span>
</div>
@@ -36,16 +36,16 @@
<div class='fl pad1y space-right2'>
<span class="strong">33.33% </span>
<span class="strong">0% </span>
<span class="quiet">Functions</span>
<span class='fraction'>1/3</span>
<span class='fraction'>0/1</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">50% </span>
<span class="quiet">Lines</span>
<span class='fraction'>3/6</span>
<span class='fraction'>2/4</span>
</div>
@@ -77,28 +77,28 @@
<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="3" class="abs low">0/3</td>
<td data-value="1" class="abs low">0/1</td>
<td data-value="100" class="pct high">100%</td>
<td data-value="0" class="abs high">0/0</td>
<td data-value="100" class="pct high">100%</td>
<td data-value="0" class="abs high">0/0</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="2" class="abs low">0/2</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="3" class="abs low">0/3</td>
<td data-value="1" class="abs low">0/1</td>
</tr>
<tr>
<td class="file high" data-value="Fruits.vue"><a href="Fruits.vue.html">Fruits.vue</a></td>
<td data-value="100" class="pic high">
<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
<td class="file medium" data-value="Fruits.vue"><a href="Fruits.vue.html">Fruits.vue</a></td>
<td data-value="66.67" class="pic medium">
<div class="chart"><div class="cover-fill" style="width: 66%"></div><div class="cover-empty" style="width: 34%"></div></div>
</td>
<td data-value="100" class="pct high">100%</td>
<td data-value="3" class="abs high">3/3</td>
<td data-value="66.67" class="pct medium">66.67%</td>
<td data-value="3" class="abs medium">2/3</td>
<td data-value="100" class="pct high">100%</td>
<td data-value="0" class="abs high">0/0</td>
<td data-value="100" class="pct high">100%</td>
<td data-value="1" class="abs high">1/1</td>
<td data-value="100" class="pct high">100%</td>
<td data-value="3" class="abs high">3/3</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="1" class="abs low">0/1</td>
<td data-value="66.67" class="pct medium">66.67%</td>
<td data-value="3" class="abs medium">2/3</td>
</tr>
</tbody>
@@ -109,7 +109,7 @@
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
at Fri Dec 04 2020 03:29:36 GMT+0100 (Central European Standard Time)
at Sun Dec 06 2020 15:56:50 GMT+0100 (Central European Standard Time)
</div>
</div>
<script src="../prettify.js"></script>