UNPKG

iot-dashboard

Version:

A generic dashboard application based on JavaScript, HTML and CSS. http://iot-dashboard.org

273 lines (272 loc) 10.7 kB
<!doctype html> <html lang="en"> <head> <title>Code coverage report for src/widgets/widthProvider.ui.js</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/widgets/</a> widthProvider.ui.js </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> <span class="strong">56.82% </span> <span class="quiet">Statements</span> <span class='fraction'>25/44</span> </div> <div class='fl pad1y space-right2'> <span class="strong">36% </span> <span class="quiet">Branches</span> <span class='fraction'>9/25</span> </div> <div class='fl pad1y space-right2'> <span class="strong">60% </span> <span class="quiet">Functions</span> <span class='fraction'>6/10</span> </div> <div class='fl pad1y space-right2'> <span class="strong">60% </span> <span class="quiet">Lines</span> <span class='fraction'>24/40</span> </div> </div> </div> <div class='status-line medium'></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 67 68 69 70</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-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></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-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-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-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"></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-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></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-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-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"></span> <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">/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ "use strict"; var __extends = (this &amp;&amp; this.__extends) || function (d, b) { for (var p in b) <span class="cstat-no" title="statement not covered" >if (b.hasOwnProperty(p)) <span class="cstat-no" title="statement not covered" >d[p] = b[p];</span></span> function __() { this.constructor = d; } d.prototype = b === null ? <span class="branch-0 cbranch-no" title="branch not covered" >Object.create(b) </span>: (__.prototype = b.prototype, new __()); }; var __assign = (this &amp;&amp; this.__assign) || Object.assign || <span class="fstat-no" title="function not covered" ><span class="branch-3 cbranch-no" title="branch not covered" >function(t) {</span></span> <span class="cstat-no" title="statement not covered" > for (var s, i = 1, n = arguments.length; i &lt; n; i++) {</span> <span class="cstat-no" title="statement not covered" > s = arguments[i];</span> <span class="cstat-no" title="statement not covered" > for (var p in s) <span class="cstat-no" title="statement not covered" >if (Object.prototype.hasOwnProperty.call(s, p))</span></span> <span class="cstat-no" title="statement not covered" > t[p] = s[p];</span> } <span class="cstat-no" title="statement not covered" > return t;</span> }; // @noflow // Intentional; Flow can't handle the bind on L20 var React = require('react'); var ReactDOM = require('react-dom'); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = function (ComposedComponent) { var WidthProvider = (function (_super) { __extends(WidthProvider, _super); function WidthProvider(props) { _super.call(this, props); this.state = { mounted: false, width: 1280 }; } WidthProvider.prototype.componentDidMount = <span class="fstat-no" title="function not covered" >function () {</span> <span class="cstat-no" title="statement not covered" > this.setState({ mounted: true });</span> <span class="cstat-no" title="statement not covered" > window.addEventListener('resize', this.onWindowResize.bind(this));</span> // Call to properly set the breakpoint and resize the elements. // Note that if you're doing a full-width element, this can get a little wonky if a scrollbar // appears because of the grid. In that case, fire your own resize event, or set `overflow: scroll` on your body. <span class="cstat-no" title="statement not covered" > this.onWindowResize();</span> }; WidthProvider.prototype.componentWillUnmount = <span class="fstat-no" title="function not covered" >function () {</span> <span class="cstat-no" title="statement not covered" > window.removeEventListener('resize', this.onWindowResize);</span> }; WidthProvider.prototype.onWindowResize = <span class="fstat-no" title="function not covered" >function (_event, cb) {</span> <span class="cstat-no" title="statement not covered" > var node = ReactDOM.findDOMNode(this);</span> <span class="cstat-no" title="statement not covered" > var padLeft = window.getComputedStyle(node, null).getPropertyValue('padding-left') || 0;</span> <span class="cstat-no" title="statement not covered" > padLeft = parseInt(padLeft) || 0;</span> <span class="cstat-no" title="statement not covered" > var padRight = window.getComputedStyle(node, null).getPropertyValue('padding-right') || 0;</span> <span class="cstat-no" title="statement not covered" > padRight = parseInt(padRight) || 0;</span> <span class="cstat-no" title="statement not covered" > this.setState({ width: node.offsetWidth - padLeft - padRight }, cb);</span> }; WidthProvider.prototype.render = function () { <span class="missing-if-branch" title="if path not taken" >I</span>if (this.props.measureBeforeMount &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >!this.state.mounted)</span> <span class="cstat-no" title="statement not covered" > return React.createElement("div", __assign({}, this.props, this.state));</span> return React.createElement(ComposedComponent, __assign({}, this.props, this.state)); }; return WidthProvider; }(React.Component)); WidthProvider.defaultProps = { measureBeforeMount: false }; WidthProvider.propTypes = { // If true, will not render children until mounted. Useful for getting the exact width before // rendering, to prevent any unsightly resizing. measureBeforeMount: React.PropTypes.bool }; return WidthProvider; }; &nbsp; &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="http://istanbul-js.org/" target="_blank">istanbul</a> at Fri Nov 04 2016 11:23:08 GMT+0000 (UTC) </div> </div> <script src="../../prettify.js"></script> <script> window.onload = function () { if (typeof prettyPrint === 'function') { prettyPrint(); } }; </script> <script src="../../sorter.js"></script> </body> </html>