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

16
coverage/lcov-report/components/Form/ImageUnsplash/ImageSkeleton.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">0% </span>
<span class="quiet">Statements</span>
<span class='fraction'>1/1</span>
<span class='fraction'>0/1</span>
</div>
@@ -43,9 +43,9 @@
<div class='fl pad1y space-right2'>
<span class="strong">100% </span>
<span class="strong">0% </span>
<span class="quiet">Lines</span>
<span class='fraction'>1/1</span>
<span class='fraction'>0/1</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 low'></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>
@@ -91,7 +91,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-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>
@@ -114,7 +114,7 @@
&lt;/template&gt;
&nbsp;
&lt;script&gt;
import VueContentLoading from "vue-content-loading";
<span class="cstat-no" title="statement not covered" >import VueContentLoading from "vue-content-loading";</span>
&nbsp;
export default {
name: "ImageSkeleton",
@@ -132,7 +132,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>

71
coverage/lcov-report/components/Form/ImageUnsplash/ImageUnsplash.vue.html
View File

@@ -22,9 +22,9 @@
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">20% </span>
<span class="strong">10% </span>
<span class="quiet">Statements</span>
<span class='fraction'>2/10</span>
<span class='fraction'>1/10</span>
</div>
@@ -38,14 +38,14 @@
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Functions</span>
<span class='fraction'>0/4</span>
<span class='fraction'>0/5</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">20% </span>
<span class="strong">10% </span>
<span class="quiet">Lines</span>
<span class='fraction'>2/10</span>
<span class='fraction'>1/10</span>
</div>
@@ -181,7 +181,20 @@
<a name='L123'></a><a href='#L123'>123</a>
<a name='L124'></a><a href='#L124'>124</a>
<a name='L125'></a><a href='#L125'>125</a>
<a name='L126'></a><a href='#L126'>126</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<a name='L126'></a><a href='#L126'>126</a>
<a name='L127'></a><a href='#L127'>127</a>
<a name='L128'></a><a href='#L128'>128</a>
<a name='L129'></a><a href='#L129'>129</a>
<a name='L130'></a><a href='#L130'>130</a>
<a name='L131'></a><a href='#L131'>131</a>
<a name='L132'></a><a href='#L132'>132</a>
<a name='L133'></a><a href='#L133'>133</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>
<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>
@@ -207,7 +220,14 @@
<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-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>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
@@ -300,14 +320,8 @@
<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="image-unsplash"&gt;
&lt;div :class="containerClass" class="image-unsplash"&gt;
&lt;label for="search-unsplash"&gt;{{ label }}&lt;/label&gt;
&lt;!-- Loading placeholder --&gt;
&lt;ImageSkeleton v-if="loading" /&gt;
@@ -325,21 +339,30 @@
&nbsp;
&lt;!-- Search input --&gt;
&lt;div class="search-box"&gt;
&lt;input id="search-unsplash" type="search" :placeholder="placeholder" @change="handleSearch" /&gt;
&lt;input
id="search-unsplash"
type="search"
:placeholder="placeholder"
@change="handleSearch"
:required="required"
/&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/template&gt;
&nbsp;
&lt;script&gt;
import { mapState } from "vuex";
import ImageSkeleton from "./ImageSkeleton";
&nbsp;
export default {
name: "ImageUnsplash",
components: {
ImageSkeleton
<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" > ImageSkeleton: () =&gt; import("./ImageSkeleton")</span></span>
},
props: {
containerClass: {
type: String,
default: null
},
label: {
type: String,
default: "Image (from Unsplash)"
@@ -347,6 +370,10 @@ export default {
placeholder: {
type: String,
default: "Type anything !"
},
required: {
type: Boolean,
default: false
}
},
<span class="fstat-no" title="function not covered" > data() {</span>
@@ -377,12 +404,6 @@ export default {
&nbsp;
&lt;style scoped lang="less"&gt;
.image-unsplash {
label {
display: block;
font-weight: bold;
margin-bottom: 0.5rem;
}
&nbsp;
.preview,
.skeleton {
margin-bottom: 1rem;
@@ -412,7 +433,7 @@ export default {
position: absolute;
z-index: 1;
top: 50%;
right: 0.3rem;
right: 0.5rem;
width: 24px;
height: 24px;
transform: translateY(-50%);
@@ -438,7 +459,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>

40
coverage/lcov-report/components/Form/ImageUnsplash/index.html
View File

@@ -22,9 +22,9 @@
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">27.27% </span>
<span class="strong">9.09% </span>
<span class="quiet">Statements</span>
<span class='fraction'>3/11</span>
<span class='fraction'>1/11</span>
</div>
@@ -38,14 +38,14 @@
<div class='fl pad1y space-right2'>
<span class="strong">0% </span>
<span class="quiet">Functions</span>
<span class='fraction'>0/4</span>
<span class='fraction'>0/5</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">27.27% </span>
<span class="strong">9.09% </span>
<span class="quiet">Lines</span>
<span class='fraction'>3/11</span>
<span class='fraction'>1/11</span>
</div>
@@ -72,33 +72,33 @@
</tr>
</thead>
<tbody><tr>
<td class="file high" data-value="ImageSkeleton.vue"><a href="ImageSkeleton.vue.html">ImageSkeleton.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 low" data-value="ImageSkeleton.vue"><a href="ImageSkeleton.vue.html">ImageSkeleton.vue</a></td>
<td data-value="0" class="pic low">
<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
</td>
<td data-value="100" class="pct high">100%</td>
<td data-value="1" class="abs high">1/1</td>
<td data-value="0" class="pct low">0%</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="100" class="pct high">100%</td>
<td data-value="1" class="abs high">1/1</td>
<td data-value="0" class="pct low">0%</td>
<td data-value="1" class="abs low">0/1</td>
</tr>
<tr>
<td class="file low" data-value="ImageUnsplash.vue"><a href="ImageUnsplash.vue.html">ImageUnsplash.vue</a></td>
<td data-value="20" class="pic low">
<div class="chart"><div class="cover-fill" style="width: 20%"></div><div class="cover-empty" style="width: 80%"></div></div>
<td data-value="10" class="pic low">
<div class="chart"><div class="cover-fill" style="width: 10%"></div><div class="cover-empty" style="width: 90%"></div></div>
</td>
<td data-value="20" class="pct low">20%</td>
<td data-value="10" class="abs low">2/10</td>
<td data-value="10" class="pct low">10%</td>
<td data-value="10" class="abs low">1/10</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="4" class="abs low">0/4</td>
<td data-value="20" class="pct low">20%</td>
<td data-value="10" class="abs low">2/10</td>
<td data-value="5" class="abs low">0/5</td>
<td data-value="10" class="pct low">10%</td>
<td data-value="10" class="abs low">1/10</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 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>