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

Testing GridItem + AddFruit components

Browse Source
This commit is contained in:
Noé Viricel
2020-12-08 18:03:48 +01:00
parent 065ff6f3ff
commit b5ceae6c00
24 changed files with 844 additions and 380 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -250,8 +250,8 @@
<div v-if="openPrompt" :class="{ open: openPrompt }" class="prompt">
<h3>You will delete '{{ item.name }}'?</h3>
<div class="actions">
<button class="btn btn-cancel" @click="openPrompt = false">No</button>
<button class="btn btn-success" @click="removeFruit(item.id)">Yes</button>
<button class="btn btn--cancel" @click="openPrompt = false">No</button>
<button class="btn btn--success" @click="removeFruit(item.id)">Yes</button>
</div>
</div>
</div>
@@ -311,14 +311,14 @@ export default {
color: @color-2;
padding: 0.5rem 1.35rem;
margin: 0 0.5rem;
}
 
.btn-success {
background-color: #2ecc71;
}
&--success {
background-color: #2ecc71;
}
 
.btn-cancel {
background-color: darken(#cecece, 15%);
&--cancel {
background-color: darken(#cecece, 15%);
}
}
}
 
@@ -342,7 +342,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 Mon Dec 07 2020 15:37:08 GMT+0100 (Central European Standard Time)
at Tue Dec 08 2020 18:03:10 GMT+0100 (Central European Standard Time)
</div>
</div>
<script src="../../prettify.js"></script>

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

@@ -36,9 +36,9 @@
<div class='fl pad1y space-right2'>
<span class="strong">100% </span>
<span class="strong">0% </span>
<span class="quiet">Functions</span>
<span class='fraction'>0/0</span>
<span class='fraction'>0/1</span>
</div>
@@ -138,8 +138,7 @@
<a name='L80'></a><a href='#L80'>80</a>
<a name='L81'></a><a href='#L81'>81</a>
<a name='L82'></a><a href='#L82'>82</a>
<a name='L83'></a><a href='#L83'>83</a>
<a name='L84'></a><a href='#L84'>84</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<a name='L83'></a><a href='#L83'>83</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>
@@ -156,6 +155,11 @@
<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-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -216,12 +220,6 @@
<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="{ error: !loading &amp;&amp; !data.length }" class="grid"&gt;
&lt;!-- Loading placeholder --&gt;
@@ -239,13 +237,12 @@
&lt;script&gt;
<span class="cstat-no" title="statement not covered" >import { mapState } from "vuex";</span>
<span class="cstat-no" title="statement not covered" >import GridItemSkeleton from "./GridItemSkeleton";</span>
<span class="cstat-no" title="statement not covered" >import GridItem from "./GridItem";</span>
&nbsp;
export default {
name: "Grid",
components: {
GridItemSkeleton,
GridItem
<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" > GridItem: () =&gt; import("./GridItem")</span></span>
},
props: {
data: Array
@@ -312,7 +309,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 Mon Dec 07 2020 15:37:08 GMT+0100 (Central European Standard Time)
at Tue Dec 08 2020 18:03:10 GMT+0100 (Central European Standard Time)
</div>
</div>
<script src="../../prettify.js"></script>

33
coverage/lcov-report/components/Grid/GridItem.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">50% </span>
<span class="quiet">Functions</span>
<span class='fraction'>1/1</span>
<span class='fraction'>1/2</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>
@@ -166,8 +166,7 @@
<a name='L108'></a><a href='#L108'>108</a>
<a name='L109'></a><a href='#L109'>109</a>
<a name='L110'></a><a href='#L110'>110</a>
<a name='L111'></a><a href='#L111'>111</a>
<a name='L112'></a><a href='#L112'>112</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<a name='L111'></a><a href='#L111'>111</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>
@@ -190,7 +189,10 @@
<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-yes">1x</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-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>
@@ -199,11 +201,7 @@
<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-yes">1x</span>
<span class="cline-any cline-yes">2x</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>
@@ -301,11 +299,10 @@
&nbsp;
&lt;script&gt;
import { mapState } from "vuex";
import DeleteItem from "./DeleteItem";
&nbsp;
export default {
name: "GridItem",
components: { DeleteItem },
<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" > components: { DeleteItem: () =&gt; import("./DeleteItem") },</span></span>
props: {
item: Object
},
@@ -396,7 +393,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 Mon Dec 07 2020 15:37:08 GMT+0100 (Central European Standard Time)
at Tue Dec 08 2020 18:03:10 GMT+0100 (Central European Standard Time)
</div>
</div>
<script src="../../prettify.js"></script>

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

@@ -141,7 +141,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 Mon Dec 07 2020 15:37:08 GMT+0100 (Central European Standard Time)
at Tue Dec 08 2020 18:03:10 GMT+0100 (Central European Standard Time)
</div>
</div>
<script src="../../prettify.js"></script>

36
coverage/lcov-report/components/Grid/index.html
View File

@@ -22,9 +22,9 @@
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">30% </span>
<span class="strong">20% </span>
<span class="quiet">Statements</span>
<span class='fraction'>3/10</span>
<span class='fraction'>2/10</span>
</div>
@@ -36,16 +36,16 @@
<div class='fl pad1y space-right2'>
<span class="strong">16.67% </span>
<span class="strong">12.5% </span>
<span class="quiet">Functions</span>
<span class='fraction'>1/6</span>
<span class='fraction'>1/8</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">30% </span>
<span class="strong">20% </span>
<span class="quiet">Lines</span>
<span class='fraction'>3/10</span>
<span class='fraction'>2/10</span>
</div>
@@ -95,25 +95,25 @@
<td data-value="3" class="abs low">0/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="0" class="abs high">0/0</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="1" class="abs low">0/1</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="3" class="abs low">0/3</td>
</tr>
<tr>
<td class="file high" data-value="GridItem.vue"><a href="GridItem.vue.html">GridItem.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="GridItem.vue"><a href="GridItem.vue.html">GridItem.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="50" class="pct medium">50%</td>
<td data-value="2" class="abs medium">1/2</td>
<td data-value="66.67" class="pct medium">66.67%</td>
<td data-value="3" class="abs medium">2/3</td>
</tr>
<tr>
@@ -139,7 +139,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 Mon Dec 07 2020 15:37:08 GMT+0100 (Central European Standard Time)
at Tue Dec 08 2020 18:03:10 GMT+0100 (Central European Standard Time)
</div>
</div>
<script src="../../prettify.js"></script>