Develop #8

Open
wazolab wants to merge 50 commits from develop into master
24 changed files with 844 additions and 380 deletions
Showing only changes of commit b5ceae6c00 - Show all commits

View File

@@ -1,43 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<coverage generated="1607351828374" clover="3.2.0"> <coverage generated="1607446990049" clover="3.2.0">
<project timestamp="1607351828374" name="All files"> <project timestamp="1607446990050" name="All files">
<metrics statements="35" coveredstatements="8" conditionals="4" coveredconditionals="0" methods="19" coveredmethods="1" elements="58" coveredelements="9" complexity="0" loc="35" ncloc="35" packages="4" files="10" classes="10"/> <metrics statements="39" coveredstatements="12" conditionals="4" coveredconditionals="0" methods="26" coveredmethods="6" elements="69" coveredelements="18" complexity="0" loc="39" ncloc="39" packages="4" files="10" classes="10"/>
<package name="components"> <package name="components">
<metrics statements="5" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="3" coveredmethods="0"/> <metrics statements="9" coveredstatements="9" conditionals="0" coveredconditionals="0" methods="5" coveredmethods="5"/>
<file name="AddFruit.vue" path="/Users/viricel/Sites/fruit-project/src/components/AddFruit.vue"> <file name="AddFruit.vue" path="/Users/viricel/Sites/fruit-project/src/components/AddFruit.vue">
<metrics statements="4" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="3" coveredmethods="0"/> <metrics statements="8" coveredstatements="8" conditionals="0" coveredconditionals="0" methods="5" coveredmethods="5"/>
<line num="44" count="1" type="stmt"/> <line num="90" count="1" type="stmt"/>
<line num="50" count="0" type="stmt"/> <line num="96" count="5" type="stmt"/>
<line num="55" count="0" type="stmt"/> <line num="104" count="5" type="stmt"/>
<line num="59" count="0" type="stmt"/> <line num="105" count="5" type="stmt"/>
<line num="108" count="1" type="stmt"/>
<line num="112" count="1" type="stmt"/>
<line num="113" count="2" type="stmt"/>
<line num="116" count="1" type="stmt"/>
</file> </file>
<file name="Header.vue" path="/Users/viricel/Sites/fruit-project/src/components/Header.vue"> <file name="Header.vue" path="/Users/viricel/Sites/fruit-project/src/components/Header.vue">
<metrics statements="1" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/> <metrics statements="1" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
<line num="23" count="1" type="stmt"/> <line num="28" count="1" type="stmt"/>
</file> </file>
</package> </package>
<package name="components.Form.ImageUnsplash"> <package name="components.Form.ImageUnsplash">
<metrics statements="11" coveredstatements="3" conditionals="2" coveredconditionals="0" methods="4" coveredmethods="0"/> <metrics statements="11" coveredstatements="1" conditionals="2" coveredconditionals="0" methods="5" coveredmethods="0"/>
<file name="ImageSkeleton.vue" path="/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageSkeleton.vue"> <file name="ImageSkeleton.vue" path="/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageSkeleton.vue">
<metrics statements="1" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/> <metrics statements="1" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
<line num="13" count="1" type="stmt"/> <line num="13" count="0" type="stmt"/>
</file> </file>
<file name="ImageUnsplash.vue" path="/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageUnsplash.vue"> <file name="ImageUnsplash.vue" path="/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageUnsplash.vue">
<metrics statements="10" coveredstatements="2" conditionals="2" coveredconditionals="0" methods="4" coveredmethods="0"/> <metrics statements="10" coveredstatements="1" conditionals="2" coveredconditionals="0" methods="5" coveredmethods="0"/>
<line num="26" count="1" type="stmt"/> <line num="32" count="1" type="stmt"/>
<line num="27" count="1" type="stmt"/> <line num="37" count="0" type="stmt"/>
<line num="45" count="0" type="stmt"/> <line num="58" count="0" type="stmt"/>
<line num="55" count="0" type="stmt"/> <line num="68" count="0" type="stmt"/>
<line num="56" count="0" type="cond" truecount="0" falsecount="2"/> <line num="69" count="0" type="cond" truecount="0" falsecount="2"/>
<line num="57" count="0" type="stmt"/> <line num="70" count="0" type="stmt"/>
<line num="60" count="0" type="stmt"/> <line num="73" count="0" type="stmt"/>
<line num="61" count="0" type="stmt"/> <line num="74" count="0" type="stmt"/>
<line num="62" count="0" type="stmt"/> <line num="75" count="0" type="stmt"/>
<line num="64" count="0" type="stmt"/> <line num="77" count="0" type="stmt"/>
</file> </file>
</package> </package>
<package name="components.Grid"> <package name="components.Grid">
<metrics statements="10" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="6" coveredmethods="1"/> <metrics statements="10" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="8" coveredmethods="1"/>
<file name="DeleteItem.vue" path="/Users/viricel/Sites/fruit-project/src/components/Grid/DeleteItem.vue"> <file name="DeleteItem.vue" path="/Users/viricel/Sites/fruit-project/src/components/Grid/DeleteItem.vue">
<metrics statements="3" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="5" coveredmethods="0"/> <metrics statements="3" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="5" coveredmethods="0"/>
<line num="27" count="0" type="stmt"/> <line num="27" count="0" type="stmt"/>
@@ -45,16 +49,16 @@
<line num="36" count="0" type="stmt"/> <line num="36" count="0" type="stmt"/>
</file> </file>
<file name="Grid.vue" path="/Users/viricel/Sites/fruit-project/src/components/Grid/Grid.vue"> <file name="Grid.vue" path="/Users/viricel/Sites/fruit-project/src/components/Grid/Grid.vue">
<metrics statements="3" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/> <metrics statements="3" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="0"/>
<line num="16" count="0" type="stmt"/> <line num="16" count="0" type="stmt"/>
<line num="17" count="0" type="stmt"/> <line num="17" count="0" type="stmt"/>
<line num="18" count="0" type="stmt"/> <line num="23" count="0" type="stmt"/>
</file> </file>
<file name="GridItem.vue" path="/Users/viricel/Sites/fruit-project/src/components/Grid/GridItem.vue"> <file name="GridItem.vue" path="/Users/viricel/Sites/fruit-project/src/components/Grid/GridItem.vue">
<metrics statements="3" coveredstatements="3" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/> <metrics statements="3" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="2" coveredmethods="1"/>
<line num="23" count="1" type="stmt"/> <line num="23" count="1" type="stmt"/>
<line num="24" count="1" type="stmt"/> <line num="27" count="0" type="stmt"/>
<line num="37" count="1" type="stmt"/> <line num="36" count="2" type="stmt"/>
</file> </file>
<file name="GridItemSkeleton.vue" path="/Users/viricel/Sites/fruit-project/src/components/Grid/GridItemSkeleton.vue"> <file name="GridItemSkeleton.vue" path="/Users/viricel/Sites/fruit-project/src/components/Grid/GridItemSkeleton.vue">
<metrics statements="1" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/> <metrics statements="1" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
@@ -62,21 +66,21 @@
</file> </file>
</package> </package>
<package name="views"> <package name="views">
<metrics statements="9" coveredstatements="0" conditionals="2" coveredconditionals="0" methods="6" coveredmethods="0"/> <metrics statements="9" coveredstatements="0" conditionals="2" coveredconditionals="0" methods="8" coveredmethods="0"/>
<file name="Fruit.vue" path="/Users/viricel/Sites/fruit-project/src/views/Fruit.vue"> <file name="Fruit.vue" path="/Users/viricel/Sites/fruit-project/src/views/Fruit.vue">
<metrics statements="5" coveredstatements="0" conditionals="2" coveredconditionals="0" methods="3" coveredmethods="0"/> <metrics statements="5" coveredstatements="0" conditionals="2" coveredconditionals="0" methods="4" coveredmethods="0"/>
<line num="28" count="0" type="stmt"/> <line num="28" count="0" type="stmt"/>
<line num="29" count="0" type="stmt"/> <line num="32" count="0" type="stmt"/>
<line num="35" count="0" type="stmt"/> <line num="34" count="0" type="stmt"/>
<line num="41" count="0" type="stmt"/> <line num="40" count="0" type="stmt"/>
<line num="47" count="0" type="cond" truecount="0" falsecount="2"/> <line num="46" count="0" type="cond" truecount="0" falsecount="2"/>
</file> </file>
<file name="Fruits.vue" path="/Users/viricel/Sites/fruit-project/src/views/Fruits.vue"> <file name="Fruits.vue" path="/Users/viricel/Sites/fruit-project/src/views/Fruits.vue">
<metrics statements="4" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="3" coveredmethods="0"/> <metrics statements="4" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="4" coveredmethods="0"/>
<line num="13" count="0" type="stmt"/> <line num="13" count="0" type="stmt"/>
<line num="14" count="0" type="stmt"/> <line num="17" count="0" type="stmt"/>
<line num="23" count="0" type="stmt"/> <line num="22" count="0" type="stmt"/>
<line num="28" count="0" type="stmt"/> <line num="27" count="0" type="stmt"/>
</file> </file>
</package> </package>
</project> </project>

View File

@@ -1,11 +1,11 @@
{"/Users/viricel/Sites/fruit-project/src/components/AddFruit.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/AddFruit.vue","statementMap":{"0":{"start":{"line":44,"column":0},"end":{"line":44,"column":null}},"1":{"start":{"line":50,"column":0},"end":{"line":50,"column":null}},"2":{"start":{"line":55,"column":0},"end":{"line":55,"column":null}},"3":{"start":{"line":59,"column":0},"end":{"line":59,"column":null}}},"fnMap":{"0":{"name":"(anonymous_1)","decl":{"start":{"line":49,"column":0},"end":{"line":49,"column":null}},"loc":{"start":{"line":49,"column":0},"end":{"line":53,"column":null}}},"1":{"name":"(anonymous_2)","decl":{"start":{"line":54,"column":0},"end":{"line":54,"column":null}},"loc":{"start":{"line":54,"column":0},"end":{"line":56,"column":null}}},"2":{"name":"(anonymous_3)","decl":{"start":{"line":58,"column":0},"end":{"line":58,"column":null}},"loc":{"start":{"line":58,"column":0},"end":{"line":60,"column":null}}}},"branchMap":{},"s":{"0":1,"1":0,"2":0,"3":0},"f":{"0":0,"1":0,"2":0},"b":{}} {"/Users/viricel/Sites/fruit-project/src/components/AddFruit.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/AddFruit.vue","statementMap":{"0":{"start":{"line":90,"column":0},"end":{"line":90,"column":null}},"1":{"start":{"line":96,"column":0},"end":{"line":96,"column":null}},"2":{"start":{"line":104,"column":0},"end":{"line":104,"column":null}},"3":{"start":{"line":105,"column":0},"end":{"line":105,"column":null}},"4":{"start":{"line":108,"column":0},"end":{"line":108,"column":null}},"5":{"start":{"line":112,"column":0},"end":{"line":112,"column":null}},"6":{"start":{"line":113,"column":0},"end":{"line":113,"column":null}},"7":{"start":{"line":116,"column":0},"end":{"line":116,"column":null}}},"fnMap":{"0":{"name":"(anonymous_1)","decl":{"start":{"line":95,"column":0},"end":{"line":95,"column":null}},"loc":{"start":{"line":95,"column":0},"end":{"line":102,"column":null}}},"1":{"name":"(anonymous_2)","decl":{"start":{"line":103,"column":0},"end":{"line":103,"column":null}},"loc":{"start":{"line":103,"column":0},"end":{"line":106,"column":null}}},"2":{"name":"(anonymous_3)","decl":{"start":{"line":107,"column":0},"end":{"line":107,"column":null}},"loc":{"start":{"line":107,"column":0},"end":{"line":109,"column":null}}},"3":{"name":"(anonymous_4)","decl":{"start":{"line":111,"column":0},"end":{"line":111,"column":null}},"loc":{"start":{"line":111,"column":0},"end":{"line":117,"column":null}}},"4":{"name":"(anonymous_5)","decl":{"start":{"line":113,"column":0},"end":{"line":113,"column":null}},"loc":{"start":{"line":113,"column":0},"end":{"line":113,"column":null}}}},"branchMap":{},"s":{"0":1,"1":5,"2":5,"3":5,"4":1,"5":1,"6":2,"7":1},"f":{"0":5,"1":5,"2":1,"3":1,"4":1},"b":{}}
,"/Users/viricel/Sites/fruit-project/src/components/Header.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Header.vue","statementMap":{"0":{"start":{"line":23,"column":0},"end":{"line":23,"column":null}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{}} ,"/Users/viricel/Sites/fruit-project/src/components/Header.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Header.vue","statementMap":{"0":{"start":{"line":28,"column":0},"end":{"line":28,"column":null}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{}}
,"/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageSkeleton.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageSkeleton.vue","statementMap":{"0":{"start":{"line":13,"column":0},"end":{"line":13,"column":null}}},"fnMap":{},"branchMap":{},"s":{"0":1},"f":{},"b":{}} ,"/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageSkeleton.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageSkeleton.vue","statementMap":{"0":{"start":{"line":13,"column":0},"end":{"line":13,"column":null}}},"fnMap":{},"branchMap":{},"s":{"0":0},"f":{},"b":{}}
,"/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageUnsplash.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageUnsplash.vue","statementMap":{"0":{"start":{"line":26,"column":0},"end":{"line":26,"column":null}},"1":{"start":{"line":27,"column":0},"end":{"line":27,"column":null}},"2":{"start":{"line":45,"column":0},"end":{"line":45,"column":null}},"3":{"start":{"line":55,"column":0},"end":{"line":55,"column":null}},"4":{"start":{"line":56,"column":0},"end":{"line":64,"column":null}},"5":{"start":{"line":57,"column":0},"end":{"line":62,"column":null}},"6":{"start":{"line":60,"column":0},"end":{"line":60,"column":null}},"7":{"start":{"line":61,"column":0},"end":{"line":61,"column":null}},"8":{"start":{"line":62,"column":0},"end":{"line":62,"column":null}},"9":{"start":{"line":64,"column":0},"end":{"line":64,"column":null}}},"fnMap":{"0":{"name":"(anonymous_1)","decl":{"start":{"line":44,"column":0},"end":{"line":44,"column":null}},"loc":{"start":{"line":44,"column":0},"end":{"line":49,"column":null}}},"1":{"name":"(anonymous_2)","decl":{"start":{"line":54,"column":0},"end":{"line":54,"column":null}},"loc":{"start":{"line":54,"column":0},"end":{"line":65,"column":null}}},"2":{"name":"(anonymous_3)","decl":{"start":{"line":57,"column":0},"end":{"line":57,"column":null}},"loc":{"start":{"line":57,"column":0},"end":{"line":62,"column":null}}},"3":{"name":"(anonymous_4)","decl":{"start":{"line":62,"column":0},"end":{"line":62,"column":null}},"loc":{"start":{"line":62,"column":0},"end":{"line":62,"column":null}}}},"branchMap":{"0":{"loc":{"start":{"line":56,"column":0},"end":{"line":64,"column":null}},"type":"if","locations":[{"start":{"line":56,"column":0},"end":{"line":64,"column":null}},{"start":{"line":56,"column":0},"end":{"line":64,"column":null}}]}},"s":{"0":1,"1":1,"2":0,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0},"f":{"0":0,"1":0,"2":0,"3":0},"b":{"0":[0,0]}} ,"/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageUnsplash.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageUnsplash.vue","statementMap":{"0":{"start":{"line":32,"column":0},"end":{"line":32,"column":null}},"1":{"start":{"line":37,"column":0},"end":{"line":37,"column":null}},"2":{"start":{"line":58,"column":0},"end":{"line":58,"column":null}},"3":{"start":{"line":68,"column":0},"end":{"line":68,"column":null}},"4":{"start":{"line":69,"column":0},"end":{"line":77,"column":null}},"5":{"start":{"line":70,"column":0},"end":{"line":75,"column":null}},"6":{"start":{"line":73,"column":0},"end":{"line":73,"column":null}},"7":{"start":{"line":74,"column":0},"end":{"line":74,"column":null}},"8":{"start":{"line":75,"column":0},"end":{"line":75,"column":null}},"9":{"start":{"line":77,"column":0},"end":{"line":77,"column":null}}},"fnMap":{"0":{"name":"(anonymous_1)","decl":{"start":{"line":37,"column":0},"end":{"line":37,"column":null}},"loc":{"start":{"line":37,"column":0},"end":{"line":37,"column":null}}},"1":{"name":"(anonymous_3)","decl":{"start":{"line":57,"column":0},"end":{"line":57,"column":null}},"loc":{"start":{"line":57,"column":0},"end":{"line":62,"column":null}}},"2":{"name":"(anonymous_4)","decl":{"start":{"line":67,"column":0},"end":{"line":67,"column":null}},"loc":{"start":{"line":67,"column":0},"end":{"line":78,"column":null}}},"3":{"name":"(anonymous_5)","decl":{"start":{"line":70,"column":0},"end":{"line":70,"column":null}},"loc":{"start":{"line":70,"column":0},"end":{"line":75,"column":null}}},"4":{"name":"(anonymous_6)","decl":{"start":{"line":75,"column":0},"end":{"line":75,"column":null}},"loc":{"start":{"line":75,"column":0},"end":{"line":75,"column":null}}}},"branchMap":{"0":{"loc":{"start":{"line":69,"column":0},"end":{"line":77,"column":null}},"type":"if","locations":[{"start":{"line":69,"column":0},"end":{"line":77,"column":null}},{"start":{"line":69,"column":0},"end":{"line":77,"column":null}}]}},"s":{"0":1,"1":0,"2":0,"3":0,"4":0,"5":0,"6":0,"7":0,"8":0,"9":0},"f":{"0":0,"1":0,"2":0,"3":0,"4":0},"b":{"0":[0,0]}}
,"/Users/viricel/Sites/fruit-project/src/components/Grid/DeleteItem.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Grid/DeleteItem.vue","statementMap":{"0":{"start":{"line":27,"column":0},"end":{"line":27,"column":null}},"1":{"start":{"line":33,"column":0},"end":{"line":33,"column":null}},"2":{"start":{"line":36,"column":0},"end":{"line":36,"column":null}}},"fnMap":{"0":{"name":"(anonymous_1)","decl":{"start":{"line":23,"column":0},"end":{"line":23,"column":null}},"loc":{"start":{"line":23,"column":0},"end":{"line":23,"column":null}}},"1":{"name":"(anonymous_2)","decl":{"start":{"line":26,"column":0},"end":{"line":26,"column":null}},"loc":{"start":{"line":26,"column":0},"end":{"line":30,"column":null}}},"2":{"name":"(anonymous_3)","decl":{"start":{"line":32,"column":0},"end":{"line":32,"column":null}},"loc":{"start":{"line":32,"column":0},"end":{"line":34,"column":null}}},"3":{"name":"(anonymous_4)","decl":{"start":{"line":35,"column":0},"end":{"line":35,"column":null}},"loc":{"start":{"line":35,"column":0},"end":{"line":37,"column":null}}},"4":{"name":"(anonymous_5)","decl":{"start":{"line":36,"column":0},"end":{"line":36,"column":null}},"loc":{"start":{"line":36,"column":0},"end":{"line":36,"column":null}}}},"branchMap":{},"s":{"0":0,"1":0,"2":0},"f":{"0":0,"1":0,"2":0,"3":0,"4":0},"b":{}} ,"/Users/viricel/Sites/fruit-project/src/components/Grid/DeleteItem.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Grid/DeleteItem.vue","statementMap":{"0":{"start":{"line":27,"column":0},"end":{"line":27,"column":null}},"1":{"start":{"line":33,"column":0},"end":{"line":33,"column":null}},"2":{"start":{"line":36,"column":0},"end":{"line":36,"column":null}}},"fnMap":{"0":{"name":"(anonymous_1)","decl":{"start":{"line":23,"column":0},"end":{"line":23,"column":null}},"loc":{"start":{"line":23,"column":0},"end":{"line":23,"column":null}}},"1":{"name":"(anonymous_2)","decl":{"start":{"line":26,"column":0},"end":{"line":26,"column":null}},"loc":{"start":{"line":26,"column":0},"end":{"line":30,"column":null}}},"2":{"name":"(anonymous_3)","decl":{"start":{"line":32,"column":0},"end":{"line":32,"column":null}},"loc":{"start":{"line":32,"column":0},"end":{"line":34,"column":null}}},"3":{"name":"(anonymous_4)","decl":{"start":{"line":35,"column":0},"end":{"line":35,"column":null}},"loc":{"start":{"line":35,"column":0},"end":{"line":37,"column":null}}},"4":{"name":"(anonymous_5)","decl":{"start":{"line":36,"column":0},"end":{"line":36,"column":null}},"loc":{"start":{"line":36,"column":0},"end":{"line":36,"column":null}}}},"branchMap":{},"s":{"0":0,"1":0,"2":0},"f":{"0":0,"1":0,"2":0,"3":0,"4":0},"b":{}}
,"/Users/viricel/Sites/fruit-project/src/components/Grid/Grid.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Grid/Grid.vue","statementMap":{"0":{"start":{"line":16,"column":0},"end":{"line":16,"column":null}},"1":{"start":{"line":17,"column":0},"end":{"line":17,"column":null}},"2":{"start":{"line":18,"column":0},"end":{"line":18,"column":null}}},"fnMap":{},"branchMap":{},"s":{"0":0,"1":0,"2":0},"f":{},"b":{}} ,"/Users/viricel/Sites/fruit-project/src/components/Grid/Grid.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Grid/Grid.vue","statementMap":{"0":{"start":{"line":16,"column":0},"end":{"line":16,"column":null}},"1":{"start":{"line":17,"column":0},"end":{"line":17,"column":null}},"2":{"start":{"line":23,"column":0},"end":{"line":23,"column":null}}},"fnMap":{"0":{"name":"(anonymous_1)","decl":{"start":{"line":23,"column":0},"end":{"line":23,"column":null}},"loc":{"start":{"line":23,"column":0},"end":{"line":23,"column":null}}}},"branchMap":{},"s":{"0":0,"1":0,"2":0},"f":{"0":0},"b":{}}
,"/Users/viricel/Sites/fruit-project/src/components/Grid/GridItem.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Grid/GridItem.vue","statementMap":{"0":{"start":{"line":23,"column":0},"end":{"line":23,"column":null}},"1":{"start":{"line":24,"column":0},"end":{"line":24,"column":null}},"2":{"start":{"line":37,"column":0},"end":{"line":37,"column":null}}},"fnMap":{"0":{"name":"(anonymous_1)","decl":{"start":{"line":36,"column":0},"end":{"line":36,"column":null}},"loc":{"start":{"line":36,"column":0},"end":{"line":38,"column":null}}}},"branchMap":{},"s":{"0":1,"1":1,"2":1},"f":{"0":1},"b":{}} ,"/Users/viricel/Sites/fruit-project/src/components/Grid/GridItem.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Grid/GridItem.vue","statementMap":{"0":{"start":{"line":23,"column":0},"end":{"line":23,"column":null}},"1":{"start":{"line":27,"column":0},"end":{"line":27,"column":null}},"2":{"start":{"line":36,"column":0},"end":{"line":36,"column":null}}},"fnMap":{"0":{"name":"(anonymous_1)","decl":{"start":{"line":27,"column":0},"end":{"line":27,"column":null}},"loc":{"start":{"line":27,"column":0},"end":{"line":27,"column":null}}},"1":{"name":"(anonymous_3)","decl":{"start":{"line":35,"column":0},"end":{"line":35,"column":null}},"loc":{"start":{"line":35,"column":0},"end":{"line":37,"column":null}}}},"branchMap":{},"s":{"0":1,"1":0,"2":2},"f":{"0":0,"1":2},"b":{}}
,"/Users/viricel/Sites/fruit-project/src/components/Grid/GridItemSkeleton.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Grid/GridItemSkeleton.vue","statementMap":{"0":{"start":{"line":16,"column":0},"end":{"line":16,"column":null}}},"fnMap":{},"branchMap":{},"s":{"0":0},"f":{},"b":{}} ,"/Users/viricel/Sites/fruit-project/src/components/Grid/GridItemSkeleton.vue": {"path":"/Users/viricel/Sites/fruit-project/src/components/Grid/GridItemSkeleton.vue","statementMap":{"0":{"start":{"line":16,"column":0},"end":{"line":16,"column":null}}},"fnMap":{},"branchMap":{},"s":{"0":0},"f":{},"b":{}}
,"/Users/viricel/Sites/fruit-project/src/views/Fruit.vue": {"path":"/Users/viricel/Sites/fruit-project/src/views/Fruit.vue","statementMap":{"0":{"start":{"line":28,"column":0},"end":{"line":28,"column":null}},"1":{"start":{"line":29,"column":0},"end":{"line":29,"column":null}},"2":{"start":{"line":35,"column":0},"end":{"line":35,"column":null}},"3":{"start":{"line":41,"column":0},"end":{"line":41,"column":null}},"4":{"start":{"line":47,"column":0},"end":{"line":47,"column":null}}},"fnMap":{"0":{"name":"(anonymous_1)","decl":{"start":{"line":34,"column":0},"end":{"line":34,"column":null}},"loc":{"start":{"line":34,"column":0},"end":{"line":38,"column":null}}},"1":{"name":"(anonymous_2)","decl":{"start":{"line":40,"column":0},"end":{"line":40,"column":null}},"loc":{"start":{"line":40,"column":0},"end":{"line":42,"column":null}}},"2":{"name":"(anonymous_3)","decl":{"start":{"line":46,"column":0},"end":{"line":46,"column":null}},"loc":{"start":{"line":46,"column":0},"end":{"line":48,"column":null}}}},"branchMap":{"0":{"loc":{"start":{"line":47,"column":0},"end":{"line":47,"column":null}},"type":"cond-expr","locations":[{"start":{"line":47,"column":0},"end":{"line":47,"column":null}},{"start":{"line":47,"column":0},"end":{"line":47,"column":null}}]}},"s":{"0":0,"1":0,"2":0,"3":0,"4":0},"f":{"0":0,"1":0,"2":0},"b":{"0":[0,0]}} ,"/Users/viricel/Sites/fruit-project/src/views/Fruit.vue": {"path":"/Users/viricel/Sites/fruit-project/src/views/Fruit.vue","statementMap":{"0":{"start":{"line":28,"column":0},"end":{"line":28,"column":null}},"1":{"start":{"line":32,"column":0},"end":{"line":32,"column":null}},"2":{"start":{"line":34,"column":0},"end":{"line":34,"column":null}},"3":{"start":{"line":40,"column":0},"end":{"line":40,"column":null}},"4":{"start":{"line":46,"column":0},"end":{"line":46,"column":null}}},"fnMap":{"0":{"name":"(anonymous_1)","decl":{"start":{"line":32,"column":0},"end":{"line":32,"column":null}},"loc":{"start":{"line":32,"column":0},"end":{"line":32,"column":null}}},"1":{"name":"(anonymous_3)","decl":{"start":{"line":33,"column":0},"end":{"line":33,"column":null}},"loc":{"start":{"line":33,"column":0},"end":{"line":37,"column":null}}},"2":{"name":"(anonymous_4)","decl":{"start":{"line":39,"column":0},"end":{"line":39,"column":null}},"loc":{"start":{"line":39,"column":0},"end":{"line":41,"column":null}}},"3":{"name":"(anonymous_5)","decl":{"start":{"line":45,"column":0},"end":{"line":45,"column":null}},"loc":{"start":{"line":45,"column":0},"end":{"line":47,"column":null}}}},"branchMap":{"0":{"loc":{"start":{"line":46,"column":0},"end":{"line":46,"column":null}},"type":"cond-expr","locations":[{"start":{"line":46,"column":0},"end":{"line":46,"column":null}},{"start":{"line":46,"column":0},"end":{"line":46,"column":null}}]}},"s":{"0":0,"1":0,"2":0,"3":0,"4":0},"f":{"0":0,"1":0,"2":0,"3":0},"b":{"0":[0,0]}}
,"/Users/viricel/Sites/fruit-project/src/views/Fruits.vue": {"path":"/Users/viricel/Sites/fruit-project/src/views/Fruits.vue","statementMap":{"0":{"start":{"line":13,"column":0},"end":{"line":13,"column":null}},"1":{"start":{"line":14,"column":0},"end":{"line":14,"column":null}},"2":{"start":{"line":23,"column":0},"end":{"line":23,"column":null}},"3":{"start":{"line":28,"column":0},"end":{"line":28,"column":null}}},"fnMap":{"0":{"name":"(anonymous_1)","decl":{"start":{"line":22,"column":0},"end":{"line":22,"column":null}},"loc":{"start":{"line":22,"column":0},"end":{"line":26,"column":null}}},"1":{"name":"(anonymous_2)","decl":{"start":{"line":27,"column":0},"end":{"line":27,"column":null}},"loc":{"start":{"line":27,"column":0},"end":{"line":29,"column":null}}},"2":{"name":"(anonymous_3)","decl":{"start":{"line":28,"column":0},"end":{"line":28,"column":null}},"loc":{"start":{"line":28,"column":0},"end":{"line":28,"column":null}}}},"branchMap":{},"s":{"0":0,"1":0,"2":0,"3":0},"f":{"0":0,"1":0,"2":0},"b":{}} ,"/Users/viricel/Sites/fruit-project/src/views/Fruits.vue": {"path":"/Users/viricel/Sites/fruit-project/src/views/Fruits.vue","statementMap":{"0":{"start":{"line":13,"column":0},"end":{"line":13,"column":null}},"1":{"start":{"line":17,"column":0},"end":{"line":17,"column":null}},"2":{"start":{"line":22,"column":0},"end":{"line":22,"column":null}},"3":{"start":{"line":27,"column":0},"end":{"line":27,"column":null}}},"fnMap":{"0":{"name":"(anonymous_1)","decl":{"start":{"line":17,"column":0},"end":{"line":17,"column":null}},"loc":{"start":{"line":17,"column":0},"end":{"line":17,"column":null}}},"1":{"name":"(anonymous_3)","decl":{"start":{"line":21,"column":0},"end":{"line":21,"column":null}},"loc":{"start":{"line":21,"column":0},"end":{"line":25,"column":null}}},"2":{"name":"(anonymous_4)","decl":{"start":{"line":26,"column":0},"end":{"line":26,"column":null}},"loc":{"start":{"line":26,"column":0},"end":{"line":28,"column":null}}},"3":{"name":"(anonymous_5)","decl":{"start":{"line":27,"column":0},"end":{"line":27,"column":null}},"loc":{"start":{"line":27,"column":0},"end":{"line":27,"column":null}}}},"branchMap":{},"s":{"0":0,"1":0,"2":0,"3":0},"f":{"0":0,"1":0,"2":0,"3":0},"b":{}}
} }

View File

@@ -22,9 +22,9 @@
<div class='clearfix'> <div class='clearfix'>
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">25% </span> <span class="strong">100% </span>
<span class="quiet">Statements</span> <span class="quiet">Statements</span>
<span class='fraction'>1/4</span> <span class='fraction'>8/8</span>
</div> </div>
@@ -36,16 +36,16 @@
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">0% </span> <span class="strong">100% </span>
<span class="quiet">Functions</span> <span class="quiet">Functions</span>
<span class='fraction'>0/3</span> <span class='fraction'>5/5</span>
</div> </div>
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">25% </span> <span class="strong">100% </span>
<span class="quiet">Lines</span> <span class="quiet">Lines</span>
<span class='fraction'>1/4</span> <span class='fraction'>8/8</span>
</div> </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. 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> </p>
</div> </div>
<div class='status-line low'></div> <div class='status-line high'></div>
<pre><table class="coverage"> <pre><table class="coverage">
<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a> <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
<a name='L2'></a><a href='#L2'>2</a> <a name='L2'></a><a href='#L2'>2</a>
@@ -168,7 +168,155 @@
<a name='L110'></a><a href='#L110'>110</a> <a name='L110'></a><a href='#L110'>110</a>
<a name='L111'></a><a href='#L111'>111</a> <a name='L111'></a><a href='#L111'>111</a>
<a name='L112'></a><a href='#L112'>112</a> <a name='L112'></a><a href='#L112'>112</a>
<a name='L113'></a><a href='#L113'>113</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span> <a name='L113'></a><a href='#L113'>113</a>
<a name='L114'></a><a href='#L114'>114</a>
<a name='L115'></a><a href='#L115'>115</a>
<a name='L116'></a><a href='#L116'>116</a>
<a name='L117'></a><a href='#L117'>117</a>
<a name='L118'></a><a href='#L118'>118</a>
<a name='L119'></a><a href='#L119'>119</a>
<a name='L120'></a><a href='#L120'>120</a>
<a name='L121'></a><a href='#L121'>121</a>
<a name='L122'></a><a href='#L122'>122</a>
<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>
<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>
<a name='L134'></a><a href='#L134'>134</a>
<a name='L135'></a><a href='#L135'>135</a>
<a name='L136'></a><a href='#L136'>136</a>
<a name='L137'></a><a href='#L137'>137</a>
<a name='L138'></a><a href='#L138'>138</a>
<a name='L139'></a><a href='#L139'>139</a>
<a name='L140'></a><a href='#L140'>140</a>
<a name='L141'></a><a href='#L141'>141</a>
<a name='L142'></a><a href='#L142'>142</a>
<a name='L143'></a><a href='#L143'>143</a>
<a name='L144'></a><a href='#L144'>144</a>
<a name='L145'></a><a href='#L145'>145</a>
<a name='L146'></a><a href='#L146'>146</a>
<a name='L147'></a><a href='#L147'>147</a>
<a name='L148'></a><a href='#L148'>148</a>
<a name='L149'></a><a href='#L149'>149</a>
<a name='L150'></a><a href='#L150'>150</a>
<a name='L151'></a><a href='#L151'>151</a>
<a name='L152'></a><a href='#L152'>152</a>
<a name='L153'></a><a href='#L153'>153</a>
<a name='L154'></a><a href='#L154'>154</a>
<a name='L155'></a><a href='#L155'>155</a>
<a name='L156'></a><a href='#L156'>156</a>
<a name='L157'></a><a href='#L157'>157</a>
<a name='L158'></a><a href='#L158'>158</a>
<a name='L159'></a><a href='#L159'>159</a>
<a name='L160'></a><a href='#L160'>160</a>
<a name='L161'></a><a href='#L161'>161</a>
<a name='L162'></a><a href='#L162'>162</a>
<a name='L163'></a><a href='#L163'>163</a>
<a name='L164'></a><a href='#L164'>164</a>
<a name='L165'></a><a href='#L165'>165</a>
<a name='L166'></a><a href='#L166'>166</a>
<a name='L167'></a><a href='#L167'>167</a>
<a name='L168'></a><a href='#L168'>168</a>
<a name='L169'></a><a href='#L169'>169</a>
<a name='L170'></a><a href='#L170'>170</a>
<a name='L171'></a><a href='#L171'>171</a>
<a name='L172'></a><a href='#L172'>172</a>
<a name='L173'></a><a href='#L173'>173</a>
<a name='L174'></a><a href='#L174'>174</a>
<a name='L175'></a><a href='#L175'>175</a>
<a name='L176'></a><a href='#L176'>176</a>
<a name='L177'></a><a href='#L177'>177</a>
<a name='L178'></a><a href='#L178'>178</a>
<a name='L179'></a><a href='#L179'>179</a>
<a name='L180'></a><a href='#L180'>180</a>
<a name='L181'></a><a href='#L181'>181</a>
<a name='L182'></a><a href='#L182'>182</a>
<a name='L183'></a><a href='#L183'>183</a>
<a name='L184'></a><a href='#L184'>184</a>
<a name='L185'></a><a href='#L185'>185</a>
<a name='L186'></a><a href='#L186'>186</a>
<a name='L187'></a><a href='#L187'>187</a>
<a name='L188'></a><a href='#L188'>188</a>
<a name='L189'></a><a href='#L189'>189</a>
<a name='L190'></a><a href='#L190'>190</a>
<a name='L191'></a><a href='#L191'>191</a>
<a name='L192'></a><a href='#L192'>192</a>
<a name='L193'></a><a href='#L193'>193</a>
<a name='L194'></a><a href='#L194'>194</a>
<a name='L195'></a><a href='#L195'>195</a>
<a name='L196'></a><a href='#L196'>196</a>
<a name='L197'></a><a href='#L197'>197</a>
<a name='L198'></a><a href='#L198'>198</a>
<a name='L199'></a><a href='#L199'>199</a>
<a name='L200'></a><a href='#L200'>200</a>
<a name='L201'></a><a href='#L201'>201</a>
<a name='L202'></a><a href='#L202'>202</a>
<a name='L203'></a><a href='#L203'>203</a>
<a name='L204'></a><a href='#L204'>204</a>
<a name='L205'></a><a href='#L205'>205</a>
<a name='L206'></a><a href='#L206'>206</a>
<a name='L207'></a><a href='#L207'>207</a>
<a name='L208'></a><a href='#L208'>208</a>
<a name='L209'></a><a href='#L209'>209</a>
<a name='L210'></a><a href='#L210'>210</a>
<a name='L211'></a><a href='#L211'>211</a>
<a name='L212'></a><a href='#L212'>212</a>
<a name='L213'></a><a href='#L213'>213</a>
<a name='L214'></a><a href='#L214'>214</a>
<a name='L215'></a><a href='#L215'>215</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>
<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>
<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>
<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>
@@ -217,16 +365,72 @@
<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-no">&nbsp;</span> <span class="cline-any cline-yes">5x</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-yes">5x</span>
<span class="cline-any cline-yes">5x</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-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-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-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>
<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>
<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-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-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>
@@ -283,41 +487,87 @@
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt; <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
&lt;div class="modal"&gt; &lt;div class="modal"&gt;
&lt;h2&gt;New Fruit&lt;/h2&gt; &lt;h2&gt;New Fruit&lt;/h2&gt;
&lt;form id="new-fruit"&gt; &lt;form id="new-fruit" @submit.prevent="checkForm"&gt;
&lt;!-- name --&gt; &lt;!-- name --&gt;
&lt;p&gt; &lt;div class="form-field"&gt;
&lt;input ref="autofocus" type="text" v-model="fruit.name" placeholder="Name" /&gt; &lt;label for="fruit-name"&gt;Name&lt;/label&gt;
&lt;/p&gt; &lt;input
id="fruit-name"
ref="autofocus"
type="text"
v-model="fruit.name"
placeholder="Ex: Banana"
required
/&gt;
&lt;/div&gt;
&nbsp; &nbsp;
&lt;!-- image finder (with Unsplash API) --&gt; &lt;!-- image finder (with Unsplash API) --&gt;
&lt;ImageUnsplash &lt;ImageUnsplash
@getValue="getImage" @getValue="url =&gt; (fruit.image = url)"
label="Image" label="Image"
containerClass="form-field"
placeholder="Search: strawberry, apple ..." placeholder="Search: strawberry, apple ..."
:required="true"
/&gt; /&gt;
&nbsp; &nbsp;
&lt;div class="input-group"&gt; &lt;div class="form-group"&gt;
&lt;!-- taste --&gt; &lt;!-- taste --&gt;
&lt;input type="text" v-model="fruit.taste" placeholder="Taste" /&gt; &lt;div class="form-field"&gt;
&nbsp; &lt;label for="fruit-taste"&gt;Taste&lt;/label&gt;
&lt;!-- color --&gt; &lt;input
&lt;input type="color" v-model="fruit.color" placeholder="Color" /&gt; id="fruit-taste"
type="text"
v-model="fruit.taste"
placeholder="Ex: sweet"
required
/&gt;
&lt;/div&gt; &lt;/div&gt;
&nbsp; &nbsp;
&lt;!-- color --&gt;
&lt;div class="form-field"&gt;
&lt;label for="fruit-color"&gt;Color&lt;/label&gt;
&lt;input id="fruit-color" type="color" v-model="fruit.color" placeholder="Color" required /&gt;
&lt;/div&gt;
&lt;/div&gt;
&nbsp;
&lt;div class="form-group"&gt;
&lt;!-- price --&gt; &lt;!-- price --&gt;
&lt;p&gt; &lt;div class="form-field"&gt;
&lt;input type="number" v-model="fruit.price" placeholder="Price" /&gt; &lt;label for="fruit-price"&gt;Price ($)&lt;/label&gt;
&lt;/p&gt; &lt;input
id="fruit-price"
type="number"
v-model="fruit.price"
placeholder="Ex: $13"
required
min="0"
/&gt;
&lt;/div&gt;
&nbsp; &nbsp;
&lt;!-- expires --&gt; &lt;!-- expires --&gt;
&lt;p&gt; &lt;div class="form-field"&gt;
&lt;input type="date" v-model="fruit.expires" placeholder="Expiry date" /&gt; &lt;label for="fruit-expires"&gt;Expiration Date&lt;/label&gt;
&lt;/p&gt; &lt;input id="fruit-expires" type="date" v-model="fruit.expires" required /&gt;
&lt;/div&gt;
&lt;/div&gt;
&nbsp; &nbsp;
&lt;!-- description --&gt; &lt;!-- description --&gt;
&lt;p&gt; &lt;div class="form-field"&gt;
&lt;textarea v-model="fruit.description" placeholder="Message ..." /&gt; &lt;label for="fruit-description"&gt;Description&lt;/label&gt;
&lt;/p&gt; &lt;textarea
id="fruit-description"
v-model="fruit.description"
placeholder="Ex: malesuada pellentesque elit eget ..."
required
/&gt;
&lt;/div&gt;
&nbsp;
&lt;div class="actions"&gt;
&lt;button class="btn btn--cancel" type="button" @click="() =&gt; $store.commit('toggleModal')"&gt;
Cancel
&lt;/button&gt;
&lt;button class="btn btn--success" type="submit"&gt;Save&lt;/button&gt;
&lt;/div&gt;
&lt;/form&gt; &lt;/form&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/template&gt; &lt;/template&gt;
@@ -328,17 +578,28 @@ import ImageUnsplash from "./Form/ImageUnsplash/ImageUnsplash";
export default { export default {
name: "AddFruit", name: "AddFruit",
components: { ImageUnsplash }, components: { ImageUnsplash },
<span class="fstat-no" title="function not covered" > data() {</span> data() {
<span class="cstat-no" title="statement not covered" > return {</span> return {
fruit: {} fruit: {
color: "#000000",
isFruit: true
}
}; };
}, },
<span class="fstat-no" title="function not covered" > mounted() {</span> mounted() {
<span class="cstat-no" title="statement not covered" > this.$refs["autofocus"].focus();</span> this.$refs["autofocus"].focus();
document.body.classList.add("is-overlayed");
},
destroyed() {
document.body.classList.remove("is-overlayed");
}, },
methods: { methods: {
<span class="fstat-no" title="function not covered" > getImage(url) {</span> async checkForm(e) {
<span class="cstat-no" title="statement not covered" > this.fruit.image = url;</span> this.fruit.expires = new Date(this.fruit.expires);
await this.$store
.dispatch("addFruit", this.fruit)
.then(() =&gt; this.$store.commit("toggleModal"));
e.preventDefault();
} }
} }
}; };
@@ -346,15 +607,15 @@ export default {
&nbsp; &nbsp;
&lt;style lang="less"&gt; &lt;style lang="less"&gt;
.modal { .modal {
position: absolute; position: fixed;
top: @headerHeight; top: @headerHeight;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
height: 100%;
background-color: @color-2; background-color: @color-2;
padding: 1rem; padding: 1rem;
z-index: 14; z-index: 14;
overflow-y: scroll;
&nbsp; &nbsp;
form { form {
border: 2px solid @color-1; border: 2px solid @color-1;
@@ -364,30 +625,75 @@ export default {
background-color: rgba(0, 0, 0, 0.06); background-color: rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 4px 1px #d2d2f2; box-shadow: 0 1px 4px 1px #d2d2f2;
padding: 1rem; padding: 1rem;
margin-bottom: 1rem;
&nbsp; &nbsp;
.input-group { @media screen and (min-width: @sm) {
display: flex; width: 425px;
align-items: center; margin: 0 auto 2rem auto;
margin: 1rem 0; }
&nbsp; &nbsp;
[type="color"] { [type="color"] {
width: 35%;
height: 48px; height: 48px;
} }
&nbsp; &nbsp;
:first-child { .form-field {
margin-right: 1rem; padding: 0.75rem 1rem;
border-radius: 4px;
box-sizing: border-box;
background-color: @color-2;
margin: 1rem 0;
&nbsp;
label {
display: block;
font-weight: bold;
margin-bottom: 0.5rem;
}
&nbsp;
textarea,
input {
width: 100%;
box-sizing: border-box;
border: none;
border-radius: 4px;
background-color: lighten(@text-color, 70%);
padding: 0.75rem 1rem;
color: darken(@color-1, 20%);
} }
} }
&nbsp; &nbsp;
input, .form-group {
.image-unsplash { display: flex;
box-sizing: border-box; align-items: center;
width: 100%; margin: 1rem 0;
border-radius: 4px;
border: 1px solid #cecece;
background-color: @color-2; background-color: @color-2;
padding: 0.75rem 1rem; &nbsp;
.form-field {
background-color: none;
margin: 0;
width: 50%;
}
}
&nbsp;
.actions {
display: flex;
align-items: center;
justify-content: flex-end;
&nbsp;
.btn {
border: none;
border-radius: 4px;
color: @color-2;
padding: 0.5rem 1.35rem;
margin: 0 0.5rem;
&nbsp;
&amp;--success {
background-color: #2ecc71;
}
&nbsp;
&amp;--cancel {
background-color: darken(#cecece, 15%);
}
}
} }
} }
} }
@@ -399,7 +705,7 @@ export default {
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../prettify.js"></script> <script src="../prettify.js"></script>

View File

@@ -22,9 +22,9 @@
<div class='clearfix'> <div class='clearfix'>
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">100% </span> <span class="strong">0% </span>
<span class="quiet">Statements</span> <span class="quiet">Statements</span>
<span class='fraction'>1/1</span> <span class='fraction'>0/1</span>
</div> </div>
@@ -43,9 +43,9 @@
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">100% </span> <span class="strong">0% </span>
<span class="quiet">Lines</span> <span class="quiet">Lines</span>
<span class='fraction'>1/1</span> <span class='fraction'>0/1</span>
</div> </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. 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> </p>
</div> </div>
<div class='status-line high'></div> <div class='status-line low'></div>
<pre><table class="coverage"> <pre><table class="coverage">
<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a> <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
<a name='L2'></a><a href='#L2'>2</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-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>
@@ -114,7 +114,7 @@
&lt;/template&gt; &lt;/template&gt;
&nbsp; &nbsp;
&lt;script&gt; &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; &nbsp;
export default { export default {
name: "ImageSkeleton", name: "ImageSkeleton",
@@ -132,7 +132,7 @@ export default {
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../../../prettify.js"></script> <script src="../../../prettify.js"></script>

View File

@@ -22,9 +22,9 @@
<div class='clearfix'> <div class='clearfix'>
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">20% </span> <span class="strong">10% </span>
<span class="quiet">Statements</span> <span class="quiet">Statements</span>
<span class='fraction'>2/10</span> <span class='fraction'>1/10</span>
</div> </div>
@@ -38,14 +38,14 @@
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">0% </span> <span class="strong">0% </span>
<span class="quiet">Functions</span> <span class="quiet">Functions</span>
<span class='fraction'>0/4</span> <span class='fraction'>0/5</span>
</div> </div>
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">20% </span> <span class="strong">10% </span>
<span class="quiet">Lines</span> <span class="quiet">Lines</span>
<span class='fraction'>2/10</span> <span class='fraction'>1/10</span>
</div> </div>
@@ -181,7 +181,20 @@
<a name='L123'></a><a href='#L123'>123</a> <a name='L123'></a><a href='#L123'>123</a>
<a name='L124'></a><a href='#L124'>124</a> <a name='L124'></a><a href='#L124'>124</a>
<a name='L125'></a><a href='#L125'>125</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> <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-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-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> <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>
<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; <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;label for="search-unsplash"&gt;{{ label }}&lt;/label&gt;
&lt;!-- Loading placeholder --&gt; &lt;!-- Loading placeholder --&gt;
&lt;ImageSkeleton v-if="loading" /&gt; &lt;ImageSkeleton v-if="loading" /&gt;
@@ -325,21 +339,30 @@
&nbsp; &nbsp;
&lt;!-- Search input --&gt; &lt;!-- Search input --&gt;
&lt;div class="search-box"&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;/div&gt; &lt;/div&gt;
&lt;/template&gt; &lt;/template&gt;
&nbsp; &nbsp;
&lt;script&gt; &lt;script&gt;
import { mapState } from "vuex"; import { mapState } from "vuex";
import ImageSkeleton from "./ImageSkeleton";
&nbsp; &nbsp;
export default { export default {
name: "ImageUnsplash", name: "ImageUnsplash",
components: { 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: { props: {
containerClass: {
type: String,
default: null
},
label: { label: {
type: String, type: String,
default: "Image (from Unsplash)" default: "Image (from Unsplash)"
@@ -347,6 +370,10 @@ export default {
placeholder: { placeholder: {
type: String, type: String,
default: "Type anything !" default: "Type anything !"
},
required: {
type: Boolean,
default: false
} }
}, },
<span class="fstat-no" title="function not covered" > data() {</span> <span class="fstat-no" title="function not covered" > data() {</span>
@@ -377,12 +404,6 @@ export default {
&nbsp; &nbsp;
&lt;style scoped lang="less"&gt; &lt;style scoped lang="less"&gt;
.image-unsplash { .image-unsplash {
label {
display: block;
font-weight: bold;
margin-bottom: 0.5rem;
}
&nbsp;
.preview, .preview,
.skeleton { .skeleton {
margin-bottom: 1rem; margin-bottom: 1rem;
@@ -412,7 +433,7 @@ export default {
position: absolute; position: absolute;
z-index: 1; z-index: 1;
top: 50%; top: 50%;
right: 0.3rem; right: 0.5rem;
width: 24px; width: 24px;
height: 24px; height: 24px;
transform: translateY(-50%); transform: translateY(-50%);
@@ -438,7 +459,7 @@ export default {
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../../../prettify.js"></script> <script src="../../../prettify.js"></script>

View File

@@ -22,9 +22,9 @@
<div class='clearfix'> <div class='clearfix'>
<div class='fl pad1y space-right2'> <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="quiet">Statements</span>
<span class='fraction'>3/11</span> <span class='fraction'>1/11</span>
</div> </div>
@@ -38,14 +38,14 @@
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">0% </span> <span class="strong">0% </span>
<span class="quiet">Functions</span> <span class="quiet">Functions</span>
<span class='fraction'>0/4</span> <span class='fraction'>0/5</span>
</div> </div>
<div class='fl pad1y space-right2'> <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="quiet">Lines</span>
<span class='fraction'>3/11</span> <span class='fraction'>1/11</span>
</div> </div>
@@ -72,33 +72,33 @@
</tr> </tr>
</thead> </thead>
<tbody><tr> <tbody><tr>
<td class="file high" data-value="ImageSkeleton.vue"><a href="ImageSkeleton.vue.html">ImageSkeleton.vue</a></td> <td class="file low" data-value="ImageSkeleton.vue"><a href="ImageSkeleton.vue.html">ImageSkeleton.vue</a></td>
<td data-value="100" class="pic high"> <td data-value="0" class="pic low">
<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div> <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
</td> </td>
<td data-value="100" class="pct high">100%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="1" class="abs high">1/1</td> <td data-value="1" class="abs low">0/1</td>
<td data-value="100" class="pct high">100%</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="abs high">0/0</td>
<td data-value="100" class="pct high">100%</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="abs high">0/0</td>
<td data-value="100" class="pct high">100%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="1" class="abs high">1/1</td> <td data-value="1" class="abs low">0/1</td>
</tr> </tr>
<tr> <tr>
<td class="file low" data-value="ImageUnsplash.vue"><a href="ImageUnsplash.vue.html">ImageUnsplash.vue</a></td> <td class="file low" data-value="ImageUnsplash.vue"><a href="ImageUnsplash.vue.html">ImageUnsplash.vue</a></td>
<td data-value="20" class="pic low"> <td data-value="10" class="pic low">
<div class="chart"><div class="cover-fill" style="width: 20%"></div><div class="cover-empty" style="width: 80%"></div></div> <div class="chart"><div class="cover-fill" style="width: 10%"></div><div class="cover-empty" style="width: 90%"></div></div>
</td> </td>
<td data-value="20" class="pct low">20%</td> <td data-value="10" class="pct low">10%</td>
<td data-value="10" class="abs low">2/10</td> <td data-value="10" class="abs low">1/10</td>
<td data-value="0" class="pct low">0%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="2" class="abs low">0/2</td> <td data-value="2" class="abs low">0/2</td>
<td data-value="0" class="pct low">0%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="4" class="abs low">0/4</td> <td data-value="5" class="abs low">0/5</td>
<td data-value="20" class="pct low">20%</td> <td data-value="10" class="pct low">10%</td>
<td data-value="10" class="abs low">2/10</td> <td data-value="10" class="abs low">1/10</td>
</tr> </tr>
</tbody> </tbody>
@@ -109,7 +109,7 @@
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../../../prettify.js"></script> <script src="../../../prettify.js"></script>

View File

@@ -250,8 +250,8 @@
&lt;div v-if="openPrompt" :class="{ open: openPrompt }" class="prompt"&gt; &lt;div v-if="openPrompt" :class="{ open: openPrompt }" class="prompt"&gt;
&lt;h3&gt;You will delete '{{ item.name }}'?&lt;/h3&gt; &lt;h3&gt;You will delete '{{ item.name }}'?&lt;/h3&gt;
&lt;div class="actions"&gt; &lt;div class="actions"&gt;
&lt;button class="btn btn-cancel" @click="openPrompt = false"&gt;No&lt;/button&gt; &lt;button class="btn btn--cancel" @click="openPrompt = false"&gt;No&lt;/button&gt;
&lt;button class="btn btn-success" @click="removeFruit(item.id)"&gt;Yes&lt;/button&gt; &lt;button class="btn btn--success" @click="removeFruit(item.id)"&gt;Yes&lt;/button&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/div&gt; &lt;/div&gt;
@@ -311,16 +311,16 @@ export default {
color: @color-2; color: @color-2;
padding: 0.5rem 1.35rem; padding: 0.5rem 1.35rem;
margin: 0 0.5rem; margin: 0 0.5rem;
}
&nbsp; &nbsp;
.btn-success { &amp;--success {
background-color: #2ecc71; background-color: #2ecc71;
} }
&nbsp; &nbsp;
.btn-cancel { &amp;--cancel {
background-color: darken(#cecece, 15%); background-color: darken(#cecece, 15%);
} }
} }
}
&nbsp; &nbsp;
.delete-btn { .delete-btn {
position: absolute; position: absolute;
@@ -342,7 +342,7 @@ export default {
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../../prettify.js"></script> <script src="../../prettify.js"></script>

View File

@@ -36,9 +36,9 @@
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">100% </span> <span class="strong">0% </span>
<span class="quiet">Functions</span> <span class="quiet">Functions</span>
<span class='fraction'>0/0</span> <span class='fraction'>0/1</span>
</div> </div>
@@ -138,8 +138,7 @@
<a name='L80'></a><a href='#L80'>80</a> <a name='L80'></a><a href='#L80'>80</a>
<a name='L81'></a><a href='#L81'>81</a> <a name='L81'></a><a href='#L81'>81</a>
<a name='L82'></a><a href='#L82'>82</a> <a name='L82'></a><a href='#L82'>82</a>
<a name='L83'></a><a href='#L83'>83</a> <a name='L83'></a><a href='#L83'>83</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<a name='L84'></a><a href='#L84'>84</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>
@@ -156,6 +155,11 @@
<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-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-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>
@@ -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>
<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; <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;div :class="{ error: !loading &amp;&amp; !data.length }" class="grid"&gt;
&lt;!-- Loading placeholder --&gt; &lt;!-- Loading placeholder --&gt;
@@ -239,13 +237,12 @@
&lt;script&gt; &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 { 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 GridItemSkeleton from "./GridItemSkeleton";</span>
<span class="cstat-no" title="statement not covered" >import GridItem from "./GridItem";</span>
&nbsp; &nbsp;
export default { export default {
name: "Grid", name: "Grid",
components: { components: {
GridItemSkeleton, 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: { props: {
data: Array data: Array
@@ -312,7 +309,7 @@ export default {
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../../prettify.js"></script> <script src="../../prettify.js"></script>

View File

@@ -22,9 +22,9 @@
<div class='clearfix'> <div class='clearfix'>
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">100% </span> <span class="strong">66.67% </span>
<span class="quiet">Statements</span> <span class="quiet">Statements</span>
<span class='fraction'>3/3</span> <span class='fraction'>2/3</span>
</div> </div>
@@ -36,16 +36,16 @@
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">100% </span> <span class="strong">50% </span>
<span class="quiet">Functions</span> <span class="quiet">Functions</span>
<span class='fraction'>1/1</span> <span class='fraction'>1/2</span>
</div> </div>
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">100% </span> <span class="strong">66.67% </span>
<span class="quiet">Lines</span> <span class="quiet">Lines</span>
<span class='fraction'>3/3</span> <span class='fraction'>2/3</span>
</div> </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. 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> </p>
</div> </div>
<div class='status-line high'></div> <div class='status-line medium'></div>
<pre><table class="coverage"> <pre><table class="coverage">
<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a> <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
<a name='L2'></a><a href='#L2'>2</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='L108'></a><a href='#L108'>108</a>
<a name='L109'></a><a href='#L109'>109</a> <a name='L109'></a><a href='#L109'>109</a>
<a name='L110'></a><a href='#L110'>110</a> <a name='L110'></a><a href='#L110'>110</a>
<a name='L111'></a><a href='#L111'>111</a> <a name='L111'></a><a href='#L111'>111</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<a name='L112'></a><a href='#L112'>112</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>
@@ -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-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-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> <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">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>
<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-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span>
@@ -301,11 +299,10 @@
&nbsp; &nbsp;
&lt;script&gt; &lt;script&gt;
import { mapState } from "vuex"; import { mapState } from "vuex";
import DeleteItem from "./DeleteItem";
&nbsp; &nbsp;
export default { export default {
name: "GridItem", 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: { props: {
item: Object item: Object
}, },
@@ -396,7 +393,7 @@ export default {
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../../prettify.js"></script> <script src="../../prettify.js"></script>

View File

@@ -141,7 +141,7 @@ export default {
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../../prettify.js"></script> <script src="../../prettify.js"></script>

View File

@@ -22,9 +22,9 @@
<div class='clearfix'> <div class='clearfix'>
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">30% </span> <span class="strong">20% </span>
<span class="quiet">Statements</span> <span class="quiet">Statements</span>
<span class='fraction'>3/10</span> <span class='fraction'>2/10</span>
</div> </div>
@@ -36,16 +36,16 @@
<div class='fl pad1y space-right2'> <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="quiet">Functions</span>
<span class='fraction'>1/6</span> <span class='fraction'>1/8</span>
</div> </div>
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">30% </span> <span class="strong">20% </span>
<span class="quiet">Lines</span> <span class="quiet">Lines</span>
<span class='fraction'>3/10</span> <span class='fraction'>2/10</span>
</div> </div>
@@ -95,25 +95,25 @@
<td data-value="3" class="abs low">0/3</td> <td data-value="3" class="abs low">0/3</td>
<td data-value="100" class="pct high">100%</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="abs high">0/0</td>
<td data-value="100" class="pct high">100%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="0" class="abs high">0/0</td> <td data-value="1" class="abs low">0/1</td>
<td data-value="0" class="pct low">0%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="3" class="abs low">0/3</td> <td data-value="3" class="abs low">0/3</td>
</tr> </tr>
<tr> <tr>
<td class="file high" data-value="GridItem.vue"><a href="GridItem.vue.html">GridItem.vue</a></td> <td class="file medium" data-value="GridItem.vue"><a href="GridItem.vue.html">GridItem.vue</a></td>
<td data-value="100" class="pic high"> <td data-value="66.67" class="pic medium">
<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div> <div class="chart"><div class="cover-fill" style="width: 66%"></div><div class="cover-empty" style="width: 34%"></div></div>
</td> </td>
<td data-value="100" class="pct high">100%</td> <td data-value="66.67" class="pct medium">66.67%</td>
<td data-value="3" class="abs high">3/3</td> <td data-value="3" class="abs medium">2/3</td>
<td data-value="100" class="pct high">100%</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="abs high">0/0</td>
<td data-value="100" class="pct high">100%</td> <td data-value="50" class="pct medium">50%</td>
<td data-value="1" class="abs high">1/1</td> <td data-value="2" class="abs medium">1/2</td>
<td data-value="100" class="pct high">100%</td> <td data-value="66.67" class="pct medium">66.67%</td>
<td data-value="3" class="abs high">3/3</td> <td data-value="3" class="abs medium">2/3</td>
</tr> </tr>
<tr> <tr>
@@ -139,7 +139,7 @@
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../../prettify.js"></script> <script src="../../prettify.js"></script>

View File

@@ -157,7 +157,16 @@
<a name='L99'></a><a href='#L99'>99</a> <a name='L99'></a><a href='#L99'>99</a>
<a name='L100'></a><a href='#L100'>100</a> <a name='L100'></a><a href='#L100'>100</a>
<a name='L101'></a><a href='#L101'>101</a> <a name='L101'></a><a href='#L101'>101</a>
<a name='L102'></a><a href='#L102'>102</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span> <a name='L102'></a><a href='#L102'>102</a>
<a name='L103'></a><a href='#L103'>103</a>
<a name='L104'></a><a href='#L104'>104</a>
<a name='L105'></a><a href='#L105'>105</a>
<a name='L106'></a><a href='#L106'>106</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>
<span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span>
@@ -257,7 +266,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></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt; <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">&lt;template&gt;
&lt;header id="header" class="main-nav"&gt; &lt;header id="header" class="main-nav"&gt;
&lt;router-link to="/"&gt; &lt;router-link to="/"&gt;
@@ -267,13 +275,18 @@
&nbsp; &nbsp;
&lt;div class="actions"&gt; &lt;div class="actions"&gt;
&lt;button &lt;button
:disabled="modalIsOpen"
class="action-btn action-btn--delete" class="action-btn action-btn--delete"
@click="() =&gt; $store.commit('toggleDeleteMode')" @click="() =&gt; $store.commit('toggleDeleteMode')"
&gt; &gt;
{{ deleteMode ? "&amp;#x1F6AB;" : "&amp;#x1f5d1;" }} {{ deleteMode ? "&amp;#x1F6AB;" : "&amp;#x1f5d1;" }}
&lt;/button&gt; &lt;/button&gt;
&lt;button class="action-btn action-btn--add" @click="() =&gt; $store.commit('toggleModal')"&gt; &lt;button
+ :disabled="deleteMode"
class="action-btn action-btn--add"
@click="() =&gt; $store.commit('toggleModal')"
&gt;
{{ modalIsOpen ? "&amp;#x1F6AB;" : "&amp;#x2795;" }}
&lt;/button&gt; &lt;/button&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/header&gt; &lt;/header&gt;
@@ -285,7 +298,7 @@ import { mapState } from "vuex";
export default { export default {
name: "Header", name: "Header",
computed: { computed: {
...mapState(["deleteMode"]) ...mapState(["deleteMode", "modalIsOpen"])
} }
}; };
&lt;/script&gt; &lt;/script&gt;
@@ -335,24 +348,23 @@ header {
border: none; border: none;
border-radius: 50%; border-radius: 50%;
color: @color-2; color: @color-2;
font-size: 28px; font-size: 24px;
font-weight: lighter; font-weight: lighter;
text-align: center; text-align: center;
margin-left: 1rem; margin-left: 1rem;
padding-top: 2px;
background: lighten(#cecece, 10%);
&nbsp;
&amp;:disabled {
opacity: 0.4;
}
&nbsp; &nbsp;
&amp;--delete { &amp;--delete {
border: 1px solid @text-error; border: 1px solid @text-error;
background: lighten(#cecece, 10%);
font-size: 24px;
padding-top: 2px;
} }
&nbsp; &nbsp;
&amp;--add { &amp;--add {
background: linear-gradient(112.4deg, #1c9797 11.05%, #147171 89.93%); border: 1px solid @color-1;
&nbsp;
&amp;:hover {
background: linear-gradient(0deg, #1c9797 11.05%, #147171 89.93%);
}
} }
} }
} }
@@ -366,7 +378,7 @@ header {
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../prettify.js"></script> <script src="../prettify.js"></script>

View File

@@ -22,9 +22,9 @@
<div class='clearfix'> <div class='clearfix'>
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">40% </span> <span class="strong">100% </span>
<span class="quiet">Statements</span> <span class="quiet">Statements</span>
<span class='fraction'>2/5</span> <span class='fraction'>9/9</span>
</div> </div>
@@ -36,16 +36,16 @@
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">0% </span> <span class="strong">100% </span>
<span class="quiet">Functions</span> <span class="quiet">Functions</span>
<span class='fraction'>0/3</span> <span class='fraction'>5/5</span>
</div> </div>
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">40% </span> <span class="strong">100% </span>
<span class="quiet">Lines</span> <span class="quiet">Lines</span>
<span class='fraction'>2/5</span> <span class='fraction'>9/9</span>
</div> </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. 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> </p>
</div> </div>
<div class='status-line low'></div> <div class='status-line high'></div>
<div class="pad1"> <div class="pad1">
<table class="coverage-summary"> <table class="coverage-summary">
<thead> <thead>
@@ -72,18 +72,18 @@
</tr> </tr>
</thead> </thead>
<tbody><tr> <tbody><tr>
<td class="file low" data-value="AddFruit.vue"><a href="AddFruit.vue.html">AddFruit.vue</a></td> <td class="file high" data-value="AddFruit.vue"><a href="AddFruit.vue.html">AddFruit.vue</a></td>
<td data-value="25" class="pic low"> <td data-value="100" class="pic high">
<div class="chart"><div class="cover-fill" style="width: 25%"></div><div class="cover-empty" style="width: 75%"></div></div> <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
</td> </td>
<td data-value="25" class="pct low">25%</td> <td data-value="100" class="pct high">100%</td>
<td data-value="4" class="abs low">1/4</td> <td data-value="8" class="abs high">8/8</td>
<td data-value="100" class="pct high">100%</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="abs high">0/0</td>
<td data-value="0" class="pct low">0%</td> <td data-value="100" class="pct high">100%</td>
<td data-value="3" class="abs low">0/3</td> <td data-value="5" class="abs high">5/5</td>
<td data-value="25" class="pct low">25%</td> <td data-value="100" class="pct high">100%</td>
<td data-value="4" class="abs low">1/4</td> <td data-value="8" class="abs high">8/8</td>
</tr> </tr>
<tr> <tr>
@@ -109,7 +109,7 @@
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../prettify.js"></script> <script src="../prettify.js"></script>

View File

@@ -22,9 +22,9 @@
<div class='clearfix'> <div class='clearfix'>
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">22.86% </span> <span class="strong">30.77% </span>
<span class="quiet">Statements</span> <span class="quiet">Statements</span>
<span class='fraction'>8/35</span> <span class='fraction'>12/39</span>
</div> </div>
@@ -36,16 +36,16 @@
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">5.26% </span> <span class="strong">23.08% </span>
<span class="quiet">Functions</span> <span class="quiet">Functions</span>
<span class='fraction'>1/19</span> <span class='fraction'>6/26</span>
</div> </div>
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">22.86% </span> <span class="strong">30.77% </span>
<span class="quiet">Lines</span> <span class="quiet">Lines</span>
<span class='fraction'>8/35</span> <span class='fraction'>12/39</span>
</div> </div>
@@ -72,48 +72,48 @@
</tr> </tr>
</thead> </thead>
<tbody><tr> <tbody><tr>
<td class="file low" data-value="components"><a href="components/index.html">components</a></td> <td class="file high" data-value="components"><a href="components/index.html">components</a></td>
<td data-value="40" class="pic low"> <td data-value="100" class="pic high">
<div class="chart"><div class="cover-fill" style="width: 40%"></div><div class="cover-empty" style="width: 60%"></div></div> <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
</td> </td>
<td data-value="40" class="pct low">40%</td> <td data-value="100" class="pct high">100%</td>
<td data-value="5" class="abs low">2/5</td> <td data-value="9" class="abs high">9/9</td>
<td data-value="100" class="pct high">100%</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="abs high">0/0</td>
<td data-value="0" class="pct low">0%</td> <td data-value="100" class="pct high">100%</td>
<td data-value="3" class="abs low">0/3</td> <td data-value="5" class="abs high">5/5</td>
<td data-value="40" class="pct low">40%</td> <td data-value="100" class="pct high">100%</td>
<td data-value="5" class="abs low">2/5</td> <td data-value="9" class="abs high">9/9</td>
</tr> </tr>
<tr> <tr>
<td class="file low" data-value="components/Form/ImageUnsplash"><a href="components/Form/ImageUnsplash/index.html">components/Form/ImageUnsplash</a></td> <td class="file low" data-value="components/Form/ImageUnsplash"><a href="components/Form/ImageUnsplash/index.html">components/Form/ImageUnsplash</a></td>
<td data-value="27.27" class="pic low"> <td data-value="9.09" class="pic low">
<div class="chart"><div class="cover-fill" style="width: 27%"></div><div class="cover-empty" style="width: 73%"></div></div> <div class="chart"><div class="cover-fill" style="width: 9%"></div><div class="cover-empty" style="width: 91%"></div></div>
</td> </td>
<td data-value="27.27" class="pct low">27.27%</td> <td data-value="9.09" class="pct low">9.09%</td>
<td data-value="11" class="abs low">3/11</td> <td data-value="11" class="abs low">1/11</td>
<td data-value="0" class="pct low">0%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="2" class="abs low">0/2</td> <td data-value="2" class="abs low">0/2</td>
<td data-value="0" class="pct low">0%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="4" class="abs low">0/4</td> <td data-value="5" class="abs low">0/5</td>
<td data-value="27.27" class="pct low">27.27%</td> <td data-value="9.09" class="pct low">9.09%</td>
<td data-value="11" class="abs low">3/11</td> <td data-value="11" class="abs low">1/11</td>
</tr> </tr>
<tr> <tr>
<td class="file low" data-value="components/Grid"><a href="components/Grid/index.html">components/Grid</a></td> <td class="file low" data-value="components/Grid"><a href="components/Grid/index.html">components/Grid</a></td>
<td data-value="30" class="pic low"> <td data-value="20" class="pic low">
<div class="chart"><div class="cover-fill" style="width: 30%"></div><div class="cover-empty" style="width: 70%"></div></div> <div class="chart"><div class="cover-fill" style="width: 20%"></div><div class="cover-empty" style="width: 80%"></div></div>
</td> </td>
<td data-value="30" class="pct low">30%</td> <td data-value="20" class="pct low">20%</td>
<td data-value="10" class="abs low">3/10</td> <td data-value="10" class="abs low">2/10</td>
<td data-value="100" class="pct high">100%</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="abs high">0/0</td>
<td data-value="16.67" class="pct low">16.67%</td> <td data-value="12.5" class="pct low">12.5%</td>
<td data-value="6" class="abs low">1/6</td> <td data-value="8" class="abs low">1/8</td>
<td data-value="30" class="pct low">30%</td> <td data-value="20" class="pct low">20%</td>
<td data-value="10" class="abs low">3/10</td> <td data-value="10" class="abs low">2/10</td>
</tr> </tr>
<tr> <tr>
@@ -126,7 +126,7 @@
<td data-value="0" class="pct low">0%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="2" class="abs low">0/2</td> <td data-value="2" class="abs low">0/2</td>
<td data-value="0" class="pct low">0%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="6" class="abs low">0/6</td> <td data-value="8" class="abs low">0/8</td>
<td data-value="0" class="pct low">0%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="9" class="abs low">0/9</td> <td data-value="9" class="abs low">0/9</td>
</tr> </tr>
@@ -139,7 +139,7 @@
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="prettify.js"></script> <script src="prettify.js"></script>

View File

@@ -38,7 +38,7 @@
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">0% </span> <span class="strong">0% </span>
<span class="quiet">Functions</span> <span class="quiet">Functions</span>
<span class='fraction'>0/3</span> <span class='fraction'>0/4</span>
</div> </div>
@@ -196,8 +196,7 @@
<a name='L138'></a><a href='#L138'>138</a> <a name='L138'></a><a href='#L138'>138</a>
<a name='L139'></a><a href='#L139'>139</a> <a name='L139'></a><a href='#L139'>139</a>
<a name='L140'></a><a href='#L140'>140</a> <a name='L140'></a><a href='#L140'>140</a>
<a name='L141'></a><a href='#L141'>141</a> <a name='L141'></a><a href='#L141'>141</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<a name='L142'></a><a href='#L142'>142</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>
@@ -225,12 +224,11 @@
<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-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-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-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>
@@ -366,11 +364,10 @@
&nbsp; &nbsp;
&lt;script&gt; &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 { mapState } from "vuex";</span>
<span class="cstat-no" title="statement not covered" >import DeleteItem from "@/components/Grid/DeleteItem";</span>
&nbsp; &nbsp;
export default { export default {
name: "FruitDetails", name: "FruitDetails",
components: { DeleteItem }, <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" > components: { DeleteItem: () =&gt; import("@/components/Grid/DeleteItem") },</span></span>
<span class="fstat-no" title="function not covered" > data() {</span> <span class="fstat-no" title="function not covered" > data() {</span>
<span class="cstat-no" title="statement not covered" > return {</span> <span class="cstat-no" title="statement not covered" > return {</span>
modalOpen: true modalOpen: true
@@ -486,7 +483,7 @@ article {
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../prettify.js"></script> <script src="../prettify.js"></script>

View File

@@ -38,7 +38,7 @@
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">0% </span> <span class="strong">0% </span>
<span class="quiet">Functions</span> <span class="quiet">Functions</span>
<span class='fraction'>0/3</span> <span class='fraction'>0/4</span>
</div> </div>
@@ -118,8 +118,7 @@
<a name='L60'></a><a href='#L60'>60</a> <a name='L60'></a><a href='#L60'>60</a>
<a name='L61'></a><a href='#L61'>61</a> <a name='L61'></a><a href='#L61'>61</a>
<a name='L62'></a><a href='#L62'>62</a> <a name='L62'></a><a href='#L62'>62</a>
<a name='L63'></a><a href='#L63'>63</a> <a name='L63'></a><a href='#L63'>63</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
<a name='L64'></a><a href='#L64'>64</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>
@@ -132,15 +131,14 @@
<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-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-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> <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-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>
@@ -195,11 +193,10 @@
&nbsp; &nbsp;
&lt;script&gt; &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 { mapState } from "vuex";</span>
<span class="cstat-no" title="statement not covered" >import Grid from "@/components/Grid/Grid";</span>
&nbsp; &nbsp;
export default { export default {
name: "Fruits", name: "Fruits",
components: { Grid }, <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" > components: { Grid: () =&gt; import("@/components/Grid/Grid") },</span></span>
computed: { computed: {
...mapState(["fruits"]) ...mapState(["fruits"])
}, },
@@ -252,7 +249,7 @@ export default {
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../prettify.js"></script> <script src="../prettify.js"></script>

View File

@@ -38,7 +38,7 @@
<div class='fl pad1y space-right2'> <div class='fl pad1y space-right2'>
<span class="strong">0% </span> <span class="strong">0% </span>
<span class="quiet">Functions</span> <span class="quiet">Functions</span>
<span class='fraction'>0/6</span> <span class='fraction'>0/8</span>
</div> </div>
@@ -81,7 +81,7 @@
<td data-value="0" class="pct low">0%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="2" class="abs low">0/2</td> <td data-value="2" class="abs low">0/2</td>
<td data-value="0" class="pct low">0%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="3" class="abs low">0/3</td> <td data-value="4" class="abs low">0/4</td>
<td data-value="0" class="pct low">0%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="5" class="abs low">0/5</td> <td data-value="5" class="abs low">0/5</td>
</tr> </tr>
@@ -96,7 +96,7 @@
<td data-value="100" class="pct high">100%</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="abs high">0/0</td>
<td data-value="0" class="pct low">0%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="3" class="abs low">0/3</td> <td data-value="4" class="abs low">0/4</td>
<td data-value="0" class="pct low">0%</td> <td data-value="0" class="pct low">0%</td>
<td data-value="4" class="abs low">0/4</td> <td data-value="4" class="abs low">0/4</td>
</tr> </tr>
@@ -109,7 +109,7 @@
<div class='footer quiet pad2 space-top1 center small'> <div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank">istanbul</a> <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>
</div> </div>
<script src="../prettify.js"></script> <script src="../prettify.js"></script>

View File

@@ -1,19 +1,27 @@
TN: TN:
SF:/Users/viricel/Sites/fruit-project/src/components/AddFruit.vue SF:/Users/viricel/Sites/fruit-project/src/components/AddFruit.vue
FN:49,(anonymous_1) FN:95,(anonymous_1)
FN:54,(anonymous_2) FN:103,(anonymous_2)
FN:58,(anonymous_3) FN:107,(anonymous_3)
FNF:3 FN:111,(anonymous_4)
FNH:0 FN:113,(anonymous_5)
FNDA:0,(anonymous_1) FNF:5
FNDA:0,(anonymous_2) FNH:5
FNDA:0,(anonymous_3) FNDA:5,(anonymous_1)
DA:44,1 FNDA:5,(anonymous_2)
DA:50,0 FNDA:1,(anonymous_3)
DA:55,0 FNDA:1,(anonymous_4)
DA:59,0 FNDA:1,(anonymous_5)
LF:4 DA:90,1
LH:1 DA:96,5
DA:104,5
DA:105,5
DA:108,1
DA:112,1
DA:113,2
DA:116,1
LF:8
LH:8
BRF:0 BRF:0
BRH:0 BRH:0
end_of_record end_of_record
@@ -21,7 +29,7 @@ TN:
SF:/Users/viricel/Sites/fruit-project/src/components/Header.vue SF:/Users/viricel/Sites/fruit-project/src/components/Header.vue
FNF:0 FNF:0
FNH:0 FNH:0
DA:23,1 DA:28,1
LF:1 LF:1
LH:1 LH:1
BRF:0 BRF:0
@@ -31,38 +39,40 @@ TN:
SF:/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageSkeleton.vue SF:/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageSkeleton.vue
FNF:0 FNF:0
FNH:0 FNH:0
DA:13,1 DA:13,0
LF:1 LF:1
LH:1 LH:0
BRF:0 BRF:0
BRH:0 BRH:0
end_of_record end_of_record
TN: TN:
SF:/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageUnsplash.vue SF:/Users/viricel/Sites/fruit-project/src/components/Form/ImageUnsplash/ImageUnsplash.vue
FN:44,(anonymous_1) FN:37,(anonymous_1)
FN:54,(anonymous_2)
FN:57,(anonymous_3) FN:57,(anonymous_3)
FN:62,(anonymous_4) FN:67,(anonymous_4)
FNF:4 FN:70,(anonymous_5)
FN:75,(anonymous_6)
FNF:5
FNH:0 FNH:0
FNDA:0,(anonymous_1) FNDA:0,(anonymous_1)
FNDA:0,(anonymous_2)
FNDA:0,(anonymous_3) FNDA:0,(anonymous_3)
FNDA:0,(anonymous_4) FNDA:0,(anonymous_4)
DA:26,1 FNDA:0,(anonymous_5)
DA:27,1 FNDA:0,(anonymous_6)
DA:45,0 DA:32,1
DA:55,0 DA:37,0
DA:56,0 DA:58,0
DA:57,0 DA:68,0
DA:60,0 DA:69,0
DA:61,0 DA:70,0
DA:62,0 DA:73,0
DA:64,0 DA:74,0
DA:75,0
DA:77,0
LF:10 LF:10
LH:2 LH:1
BRDA:56,0,0,0 BRDA:69,0,0,0
BRDA:56,0,1,0 BRDA:69,0,1,0
BRF:2 BRF:2
BRH:0 BRH:0
end_of_record end_of_record
@@ -90,11 +100,13 @@ BRH:0
end_of_record end_of_record
TN: TN:
SF:/Users/viricel/Sites/fruit-project/src/components/Grid/Grid.vue SF:/Users/viricel/Sites/fruit-project/src/components/Grid/Grid.vue
FNF:0 FN:23,(anonymous_1)
FNF:1
FNH:0 FNH:0
FNDA:0,(anonymous_1)
DA:16,0 DA:16,0
DA:17,0 DA:17,0
DA:18,0 DA:23,0
LF:3 LF:3
LH:0 LH:0
BRF:0 BRF:0
@@ -102,15 +114,17 @@ BRH:0
end_of_record end_of_record
TN: TN:
SF:/Users/viricel/Sites/fruit-project/src/components/Grid/GridItem.vue SF:/Users/viricel/Sites/fruit-project/src/components/Grid/GridItem.vue
FN:36,(anonymous_1) FN:27,(anonymous_1)
FNF:1 FN:35,(anonymous_3)
FNF:2
FNH:1 FNH:1
FNDA:1,(anonymous_1) FNDA:0,(anonymous_1)
FNDA:2,(anonymous_3)
DA:23,1 DA:23,1
DA:24,1 DA:27,0
DA:37,1 DA:36,2
LF:3 LF:3
LH:3 LH:2
BRF:0 BRF:0
BRH:0 BRH:0
end_of_record end_of_record
@@ -126,40 +140,44 @@ BRH:0
end_of_record end_of_record
TN: TN:
SF:/Users/viricel/Sites/fruit-project/src/views/Fruit.vue SF:/Users/viricel/Sites/fruit-project/src/views/Fruit.vue
FN:34,(anonymous_1) FN:32,(anonymous_1)
FN:40,(anonymous_2) FN:33,(anonymous_3)
FN:46,(anonymous_3) FN:39,(anonymous_4)
FNF:3 FN:45,(anonymous_5)
FNF:4
FNH:0 FNH:0
FNDA:0,(anonymous_1) FNDA:0,(anonymous_1)
FNDA:0,(anonymous_2)
FNDA:0,(anonymous_3) FNDA:0,(anonymous_3)
FNDA:0,(anonymous_4)
FNDA:0,(anonymous_5)
DA:28,0 DA:28,0
DA:29,0 DA:32,0
DA:35,0 DA:34,0
DA:41,0 DA:40,0
DA:47,0 DA:46,0
LF:5 LF:5
LH:0 LH:0
BRDA:47,0,0,0 BRDA:46,0,0,0
BRDA:47,0,1,0 BRDA:46,0,1,0
BRF:2 BRF:2
BRH:0 BRH:0
end_of_record end_of_record
TN: TN:
SF:/Users/viricel/Sites/fruit-project/src/views/Fruits.vue SF:/Users/viricel/Sites/fruit-project/src/views/Fruits.vue
FN:22,(anonymous_1) FN:17,(anonymous_1)
FN:27,(anonymous_2) FN:21,(anonymous_3)
FN:28,(anonymous_3) FN:26,(anonymous_4)
FNF:3 FN:27,(anonymous_5)
FNF:4
FNH:0 FNH:0
FNDA:0,(anonymous_1) FNDA:0,(anonymous_1)
FNDA:0,(anonymous_2)
FNDA:0,(anonymous_3) FNDA:0,(anonymous_3)
FNDA:0,(anonymous_4)
FNDA:0,(anonymous_5)
DA:13,0 DA:13,0
DA:14,0 DA:17,0
DA:23,0 DA:22,0
DA:28,0 DA:27,0
LF:4 LF:4
LH:0 LH:0
BRF:0 BRF:0

View File

@@ -17,6 +17,7 @@ export default {
}, },
addFruit: async ({ commit }, fruit) => { addFruit: async ({ commit }, fruit) => {
commit("setLoading", true); commit("setLoading", true);
console.log("here");
await axios await axios
.post("http://localhost:3000/fruit", fruit) .post("http://localhost:3000/fruit", fruit)
.then(res => commit("addFruit", res.data)) .then(res => commit("addFruit", res.data))

View File

@@ -0,0 +1,63 @@
import { shallowMount, createLocalVue } from "@vue/test-utils";
import Vuex from "vuex";
import AddFruit from "@/components/AddFruit";
const localVue = createLocalVue();
localVue.use(Vuex);
describe("Test AddFruit component.", () => {
let actions, mutations, store;
beforeEach(() => {
actions = {
addFruit: jest.fn(),
};
mutations = {
toggleModal: jest.fn(),
};
store = new Vuex.Store({ actions, mutations });
});
it("takes a snapshot of the component.", () => {
const wrapper = shallowMount(AddFruit, { store, localVue });
expect(wrapper.html()).toMatchSnapshot();
});
it("checks initial data.", () => {
const wrapper = shallowMount(AddFruit, { store, localVue });
expect(wrapper.vm.$data.fruit).toEqual({
color: "#000000",
isFruit: true,
});
});
it("closes AddFruit modal on Cancel click.", () => {
const wrapper = shallowMount(AddFruit, {
store,
localVue,
});
const cancelBtn = wrapper.find(".btn--cancel");
cancelBtn.trigger("click");
expect(mutations.toggleModal).toHaveBeenCalled();
});
it("dispatches addFruit action on form submission.", () => {
const wrapper = shallowMount(AddFruit, {
store,
localVue,
});
const form = wrapper.find("form");
form.trigger("submit");
expect(actions.addFruit).toHaveBeenCalled();
});
it("checks that 'is-overlayed' class is added/removed to <body> on mounted/destroy.", () => {
const wrapper = shallowMount(AddFruit, {
store,
localVue,
});
expect(document.body.classList).toContain("is-overlayed");
wrapper.destroy();
expect(document.body.classList).not.toContain("is-overlayed");
});
});

View File

@@ -5,19 +5,10 @@ import GridItem from "@/components/Grid/GridItem.vue";
const localVue = createLocalVue(); const localVue = createLocalVue();
localVue.use(Vuex); localVue.use(Vuex);
describe("Test GridItem.", () => { describe("Test GridItem component.", () => {
let store; let store;
beforeEach(() => { const item = {
store = new Vuex.Store();
});
it("checks link.", async () => {
const wrapper = mount(GridItem, {
store,
localVue,
propsData: {
item: {
id: 3, id: 3,
isFruit: true, isFruit: true,
name: "banana", name: "banana",
@@ -27,8 +18,27 @@ describe("Test GridItem.", () => {
description: "Iusto illum vero voluptatem.", description: "Iusto illum vero voluptatem.",
taste: "Handcrafted", taste: "Handcrafted",
expires: "2021-04-11T08:54:24.588Z" expires: "2021-04-11T08:54:24.588Z"
} };
},
beforeEach(() => {
store = new Vuex.Store();
});
it("takes a snapshot of the component.", () => {
const wrapper = mount(GridItem, {
store,
localVue,
propsData: { item },
stubs: ["router-link"]
});
expect(wrapper.html()).toMatchSnapshot();
});
it("checks link.", async () => {
const wrapper = mount(GridItem, {
store,
localVue,
propsData: { item },
stubs: { stubs: {
RouterLink: RouterLinkStub RouterLink: RouterLinkStub
} }

View File

@@ -0,0 +1,23 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Test AddFruit component. takes a snapshot of the component. 1`] = `
<div class="modal">
<h2>New Fruit</h2>
<form id="new-fruit">
<div class="form-field"><label for="fruit-name">Name</label> <input id="fruit-name" type="text" placeholder="Ex: Banana" required="required"></div>
<imageunsplash-stub containerclass="form-field" label="Image" placeholder="Search: strawberry, apple ..." required="true"></imageunsplash-stub>
<div class="form-group">
<div class="form-field"><label for="fruit-taste">Taste</label> <input id="fruit-taste" type="text" placeholder="Ex: sweet" required="required"></div>
<div class="form-field"><label for="fruit-color">Color</label> <input id="fruit-color" type="color" placeholder="Color" required="required"></div>
</div>
<div class="form-group">
<div class="form-field"><label for="fruit-price">Price ($)</label> <input id="fruit-price" type="number" placeholder="Ex: $13" required="required" min="0"></div>
<div class="form-field"><label for="fruit-expires">Expiration Date</label> <input id="fruit-expires" type="date" required="required"></div>
</div>
<div class="form-field"><label for="fruit-description">Description</label> <textarea id="fruit-description" placeholder="Ex: malesuada pellentesque elit eget ..." required="required"></textarea></div>
<div class="actions"><button type="button" class="btn btn--cancel">
Cancel
</button> <button type="submit" class="btn btn--success">Save</button></div>
</form>
</div>
`;

View File

@@ -0,0 +1,18 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Test GridItem component. takes a snapshot of the component. 1`] = `
<article class="grid-item">
<!---->
<router-link-stub to="/fruit/3">
<div class="thumbnail"><img src="/image/path.jpg" alt="banana"></div>
<section>
<h3>
banana
<span class="tag" style="background-color: rgb(118, 62, 68);">Handcrafted</span>
</h3>
<hr>
<p class="price">$907</p>
</section>
</router-link-stub>
</article>
`;

View File

@@ -3,7 +3,7 @@ import mutations from "@/store/mutations";
const { setFruits, setFruit, addFruit, removeFruit } = mutations; const { setFruits, setFruit, addFruit, removeFruit } = mutations;
let fruit = { const fruit = {
id: 3, id: 3,
isFruit: true, isFruit: true,
name: "banana", name: "banana",