Skip to content

Commit

Permalink
chore(test): add tests for react components
Browse files Browse the repository at this point in the history
  • Loading branch information
@FranceBe
FranceBe committed Mar 6, 2024
1 parent d0bf484 commit 759acf7
Show file tree
Hide file tree
Showing 28 changed files with 46,960 additions and 38 deletions.
1 change: 1 addition & 0 deletions .tsbuildinfo
View file

Large diffs are not rendered by default.

30 changes: 30 additions & 0 deletions babel.config.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
module.exports = {
presets: [
[
'@babel/preset-env',
{
targets: {
node: 'current',
},
},
],
'@babel/preset-react',
'@babel/preset-typescript',
],
plugins: [
function () {
return {
visitor: {
MetaProperty(path) {
/**
replace "import.meta" by "process" to access env in jest test
env for vite : https://vitejs.dev/guide/env-and-mode.html#env-variables
issue for jest : https://github.com/vitejs/vite/issues/1149
**/
path.replaceWithSourceString('process')
},
},
}
},
],
}
11 changes: 11 additions & 0 deletions coverage/clover.xml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<coverage generated="1709746598836" clover="3.2.0">
<project timestamp="1709746598836" name="All files">
<metrics statements="2" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1" elements="3" coveredelements="3" complexity="0" loc="2" ncloc="2" packages="1" files="1" classes="1"/>
<file name="InstallmentsTotal.tsx" path="/Users/franceberut/work/Projects/pre-purchase/integrations/alma-woocommerce-gateway/src/assets/js/components/Installments/InstallmentsTotal/InstallmentsTotal.tsx">
<metrics statements="2" coveredstatements="2" conditionals="0" coveredconditionals="0" methods="1" coveredmethods="1"/>
<line num="9" count="1" type="stmt"/>
<line num="10" count="1" type="stmt"/>
</file>
</project>
</coverage>
2 changes: 2 additions & 0 deletions coverage/coverage-final.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
{"/Users/franceberut/work/Projects/pre-purchase/integrations/alma-woocommerce-gateway/src/assets/js/components/Installments/InstallmentsTotal/InstallmentsTotal.tsx": {"path":"/Users/franceberut/work/Projects/pre-purchase/integrations/alma-woocommerce-gateway/src/assets/js/components/Installments/InstallmentsTotal/InstallmentsTotal.tsx","statementMap":{"0":{"start":{"line":9,"column":50},"end":{"line":22,"column":1}},"1":{"start":{"line":10,"column":2},"end":{"line":21,"column":8}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":9,"column":50},"end":{"line":9,"column":51}},"loc":{"start":{"line":10,"column":2},"end":{"line":21,"column":8}},"line":10}},"branchMap":{},"s":{"0":1,"1":1},"f":{"0":1},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"20413b0fdfee1af0e6476d6a5082bd3cc1af1cb5"}
}
151 changes: 151 additions & 0 deletions coverage/lcov-report/InstallmentsTotal.tsx.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@

<!doctype html>
<html lang="en">

<head>
<title>Code coverage report for InstallmentsTotal.tsx</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="prettify.css" />
<link rel="stylesheet" href="base.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type='text/css'>
.coverage-summary .sorter {
background-image: url(sort-arrow-sprite.png);
}
</style>
</head>

<body>
<div class='wrapper'>
<div class='pad1'>
<h1><a href="index.html">All files</a> InstallmentsTotal.tsx</h1>
<div class='clearfix'>

<div class='fl pad1y space-right2'>
<span class="strong">100% </span>
<span class="quiet">Statements</span>
<span class='fraction'>2/2</span>
</div>


<div class='fl pad1y space-right2'>
<span class="strong">100% </span>
<span class="quiet">Branches</span>
<span class='fraction'>0/0</span>
</div>


<div class='fl pad1y space-right2'>
<span class="strong">100% </span>
<span class="quiet">Functions</span>
<span class='fraction'>1/1</span>
</div>


<div class='fl pad1y space-right2'>
<span class="strong">100% </span>
<span class="quiet">Lines</span>
<span class='fraction'>2/2</span>
</div>


</div>
<p class="quiet">
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>
<template id="filterTemplate">
<div class="quiet">
Filter:
<input type="search" id="fileSearch">
</div>
</template>
</div>
<div class='status-line high'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
<a name='L2'></a><a href='#L2'>2</a>
<a name='L3'></a><a href='#L3'>3</a>
<a name='L4'></a><a href='#L4'>4</a>
<a name='L5'></a><a href='#L5'>5</a>
<a name='L6'></a><a href='#L6'>6</a>
<a name='L7'></a><a href='#L7'>7</a>
<a name='L8'></a><a href='#L8'>8</a>
<a name='L9'></a><a href='#L9'>9</a>
<a name='L10'></a><a href='#L10'>10</a>
<a name='L11'></a><a href='#L11'>11</a>
<a name='L12'></a><a href='#L12'>12</a>
<a name='L13'></a><a href='#L13'>13</a>
<a name='L14'></a><a href='#L14'>14</a>
<a name='L15'></a><a href='#L15'>15</a>
<a name='L16'></a><a href='#L16'>16</a>
<a name='L17'></a><a href='#L17'>17</a>
<a name='L18'></a><a href='#L18'>18</a>
<a name='L19'></a><a href='#L19'>19</a>
<a name='L20'></a><a href='#L20'>20</a>
<a name='L21'></a><a href='#L21'>21</a>
<a name='L22'></a><a href='#L22'>22</a>
<a name='L23'></a><a href='#L23'>23</a></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-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-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<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">import React from "react";
import { FormattedMessage, FormattedNumber } from "react-intl";
import "./InstallmentsTotal.css";
&nbsp;
type Props = {
totalAmount: number;
};
&nbsp;
export const InstallmentsTotal: React.FC&lt;Props&gt; = ({ totalAmount }) =&gt; (
&lt;div className={"total"}&gt;
&lt;div&gt;
&lt;FormattedMessage id="installments.total" defaultMessage="Total TTC" /&gt;
&lt;/div&gt;
&lt;div&gt;
&lt;FormattedNumber
value={totalAmount / 100}
style="currency"
currency="EUR"
/&gt;
&lt;/div&gt;
&lt;/div&gt;
);
&nbsp;</pre></td></tr></table></pre>

<div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
Code coverage generated by
<a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
at 2024-03-06T17:36:38.829Z
</div>
<script src="prettify.js"></script>
<script>
window.onload = function () {
prettyPrint();
};
</script>
<script src="sorter.js"></script>
<script src="block-navigation.js"></script>
</body>
</html>

Loading

0 comments on commit 759acf7

Please sign in to comment.