Gemfury

skava / @skava/ui js

Repository URL to install this package:
Details
@skava/ui / coverage / lcov-report / src / playground / Placeholder / breeds / Paragraph.tsx.html
<!doctype html>
<html lang="en">
<head>
    <title>Code coverage report for src/playground/Placeholder/breeds/Paragraph.tsx</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="../../../../prettify.css" />
    <link rel="stylesheet" href="../../../../base.css" />
    <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> / <a href="index.html">src/playground/Placeholder/breeds</a> Paragraph.tsx
    </h1>
    <div class='clearfix'>
      <div class='fl pad1y space-right2'>
        <span class="strong">0% </span>
        <span class="quiet">Statements</span>
        <span class='fraction'>0/18</span>
      </div>
      <div class='fl pad1y space-right2'>
        <span class="strong">0% </span>
        <span class="quiet">Branches</span>
        <span class='fraction'>0/2</span>
      </div>
      <div class='fl pad1y space-right2'>
        <span class="strong">0% </span>
        <span class="quiet">Functions</span>
        <span class='fraction'>0/6</span>
      </div>
      <div class='fl pad1y space-right2'>
        <span class="strong">0% </span>
        <span class="quiet">Lines</span>
        <span class='fraction'>0/17</span>
      </div>
    </div>
  </div>
  <div class='status-line low'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66</td><td class="line-coverage quiet"><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-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-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-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-no">&nbsp;</span>
<span class="cline-any cline-no">&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-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-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-no">&nbsp;</span>
<span class="cline-any cline-no">&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></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" >import * as React from 'react'</span>
<span class="cstat-no" title="statement not covered" >import * as PropTypes from 'prop-types'</span>
<span class="cstat-no" title="statement not covered" >import TextRow from './TextRow'</span>
&nbsp;
export type DefaultedProps = Props &amp; {
  widths: NonNullable&lt;Props['widths']&gt;
}
&nbsp;
export type Props = {
  rows: number
  color: string
  lineSpacing?: string | number
  widths?: number[]
  style?: React.CSSProperties
  className?: string
}
&nbsp;
<span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >export default class TextBlock extends React.Component&lt;Props&gt; {</span></span>
  static <span class="cstat-no" title="statement not covered" >propTypes = {</span>
    rows: PropTypes.number.isRequired,
    color: PropTypes.string.isRequired,
    lineSpacing: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
    widths: PropTypes.arrayOf(PropTypes.number),
    style: PropTypes.object,
    className: PropTypes.string,
  }
&nbsp;
  static <span class="cstat-no" title="statement not covered" >defaultProps: Partial&lt;Props&gt; = {</span>
    widths: [97, 100, 94, 90, 98, 95, 98, 40],
    rows: 8,
  }
&nbsp;
<span class="cstat-no" title="statement not covered" >  getRowStyle = <span class="fstat-no" title="function not covered" >(i</span>: number) =&gt; {</span>
    const { rows, widths } = <span class="cstat-no" title="statement not covered" >this.props as DefaultedProps</span>
&nbsp;
<span class="cstat-no" title="statement not covered" >    return {</span>
      maxHeight: `${100 / (rows * 2 - 1)}%`,
      width: `${widths[(i + widths.length) % widths.length]}%`,
    }
  }
&nbsp;
<span class="cstat-no" title="statement not covered" >  getRows = <span class="fstat-no" title="function not covered" >() </span>=&gt; {</span>
    const { rows, lineSpacing, color } = <span class="cstat-no" title="statement not covered" >this.props</span>
    const range: undefined[] = <span class="cstat-no" title="statement not covered" >Array.apply(undefined, Array(rows))</span>
<span class="cstat-no" title="statement not covered" >    return range.map(<span class="fstat-no" title="function not covered" >(_</span>, i) =&gt; (</span>
<span class="cstat-no" title="statement not covered" >      &lt;TextRow</span>
        color={color}
        style={this.getRowStyle(i)}
        lineSpacing={i !== 0 ? lineSpacing : 0}
        key={i}
      /&gt;
    ))
  }
&nbsp;
<span class="fstat-no" title="function not covered" >  render</span>() {
    const { style, className } = <span class="cstat-no" title="statement not covered" >this.props</span>
    const classes = <span class="cstat-no" title="statement not covered" >['text-block', className].filter(<span class="fstat-no" title="function not covered" >c </span>=&gt; <span class="cstat-no" title="statement not covered" >c)</span>.join(' ')</span>
&nbsp;
<span class="cstat-no" title="statement not covered" >    return (</span>
      &lt;div className={classes} style={{ ...style, width: '100%' }}&gt;
        {this.getRows()}
      &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">istanbul</a> at Sun Nov 25 2018 21:37:17 GMT+0530 (India Standard Time)
</div>
</div>
<script src="../../../../prettify.js"></script>
<script>
window.onload = function () {
        if (typeof prettyPrint === 'function') {
            prettyPrint();
        }
};
</script>
<script src="../../../../sorter.js"></script>
</body>
</html>
skava / @skava/ui js

Products

About

Resources

Contact Gemfury
