Filename	Percent	Total	Covered	Uncovered
src/components/shared/VisibilityHandler.js	78 %	52	41	11

Filename

Percent

Total

Covered

Uncovered

src/components/shared/VisibilityHandler.js

78 %

/* 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/. */

/**
 * Helper class to disable panel rendering when it is in background.
 *
 * Toolbox code hides the iframes when switching to another panel
 * and triggers `visibilitychange` events.
 *
 * See devtools/client/framework/toolbox.js:setIframeVisible().
 */

import PropTypes from "prop-types";
import { Component } from "react";

class VisibilityHandler extends Component {
  static get propTypes() {
    return {
      children: PropTypes.element.isRequired
    };
  }

  constructor(props) {
    super(props);
    this.isVisible = true;
    this.onVisibilityChange = this.onVisibilityChange.bind(this);
  }

  componentDidMount() {
    window.addEventListener("visibilitychange", this.onVisibilityChange);
  }

  shouldComponentUpdate() {
    return document.visibilityState == "visible";
  }

  componentWillUnmount() {
    window.removeEventListener("visibilitychange", this.onVisibilityChange);
  }

  onVisibilityChange() {
    this.isVisible = false;
    if (document.visibilityState == "visible") {
      this.isVisible = true;
    }
    this.forceUpdate();
  }

  render() {
    return this.isVisible ? this.props.children : null;
  }
}

module.exports = VisibilityHandler;

{"expressions":{"covered_count":41,"uncovered_count":11,"uncovered_locs":[{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/VisibilityHandler.js","type":"SourceFile","start":{"line":20,"column":17,"offset":635},"end":{"line":20,"column":25,"offset":644}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/VisibilityHandler.js","type":"SourceFile","start":{"line":20,"column":17,"offset":635},"end":{"line":20,"column":33,"offset":652}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/VisibilityHandler.js","type":"SourceFile","start":{"line":20,"column":17,"offset":635},"end":{"line":20,"column":44,"offset":663}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/VisibilityHandler.js","type":"SourceFile","start":{"line":24,"column":15,"offset":690},"end":{"line":24,"column":19,"offset":695}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/VisibilityHandler.js","type":"SourceFile","start":{"line":25,"column":11,"offset":709},"end":{"line":25,"column":15,"offset":714}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/VisibilityHandler.js","type":"SourceFile","start":{"line":31,"column":5,"offset":843},"end":{"line":31,"column":10,"offset":849}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/VisibilityHandler.js","type":"SourceFile","start":{"line":31,"column":5,"offset":843},"end":{"line":31,"column":72,"offset":911}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/VisibilityHandler.js","type":"SourceFile","start":{"line":39,"column":5,"offset":1032},"end":{"line":39,"column":10,"offset":1038}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/VisibilityHandler.js","type":"SourceFile","start":{"line":39,"column":5,"offset":1032},"end":{"line":39,"column":75,"offset":1103}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/VisibilityHandler.js","type":"SourceFile","start":{"line":51,"column":29,"offset":1317},"end":{"line":51,"column":38,"offset":1327}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/VisibilityHandler.js","type":"SourceFile","start":{"line":51,"column":29,"offset":1317},"end":{"line":51,"column":47,"offset":1336}}]},"percent":78}

Flow Coverage Report - src/components/shared/VisibilityHandler.js