Testing GridItem + AddFruit components

This commit is contained in:
2020-12-08 18:03:48 +01:00
parent 065ff6f3ff
commit b5ceae6c00
24 changed files with 844 additions and 380 deletions

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>