Flow Coverage Report - src/components/SecondaryPanes/FrameworkComponent.js

Go back to all files summary.

Filename	Percent	Total	Covered	Uncovered
src/components/SecondaryPanes/FrameworkComponent.js	59 %	122	73	49

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

// @flow
import React, { PureComponent } from "react";
import { bindActionCreators } from "redux";
import { connect } from "react-redux";
import actions from "../../actions";

import { createObjectClient } from "../../client/firefox";

import { getSelectedFrame, getAllPopupObjectProperties } from "../../selectors";

import { ObjectInspector, ObjectInspectorUtils } from "devtools-reps";
import { isReactComponent } from "../../utils/preview";

import type { Frame } from "../../types";

const { createNode, getChildren } = ObjectInspectorUtils.node;
const { loadItemProperties } = ObjectInspectorUtils.loadProperties;

type Props = {
  setPopupObjectProperties: (Object, Object) => void,
  selectedFrame: Frame,
  popupObjectProperties: Object
};

class FrameworkComponent extends PureComponent<Props> {
  async componentWillMount() {
    const expression = "this;";
    const { selectedFrame, setPopupObjectProperties } = this.props;
    const value = selectedFrame.this;

    const root = createNode(null, expression, expression, { value });
    const properties = await loadItemProperties(root, createObjectClient);
    if (properties) {
      setPopupObjectProperties(value, properties);
    }
  }

  renderReactComponent() {
    const { selectedFrame, popupObjectProperties } = this.props;
    const expression = "this;";
    const value = selectedFrame.this;
    const root = {
      name: expression,
      path: expression,
      contents: { value }
    };

    const loadedRootProperties = popupObjectProperties[value.actor];

    let roots = getChildren({
      item: root,
      loadedProperties: new Map([[root.path, loadedRootProperties]])
    });

    roots = roots.filter(r => ["state", "props"].includes(r.name));

    return (
      <div className="pane framework-component">
        <ObjectInspector
          roots={roots}
          autoExpandAll={false}
          autoExpandDepth={0}
          disableWrap={true}
          disabledFocus={true}
          dimTopLevelWindow={true}
          createObjectClient={grip => createObjectClient(grip)}
        />
      </div>
    );
  }

  render() {
    const { selectedFrame } = this.props;
    if (isReactComponent(selectedFrame.this)) {
      return this.renderReactComponent();
    }

    return null;
  }
}

export default connect(
  state => {
    return {
      selectedFrame: getSelectedFrame(state),
      popupObjectProperties: getAllPopupObjectProperties(state)
    };
  },
  dispatch => bindActionCreators(actions, dispatch)
)(FrameworkComponent);

{"expressions":{"covered_count":73,"uncovered_count":49,"uncovered_locs":[{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":20,"column":9,"offset":705},"end":{"line":20,"column":18,"offset":715}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":20,"column":21,"offset":717},"end":{"line":20,"column":31,"offset":728}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":20,"column":37,"offset":733},"end":{"line":20,"column":56,"offset":753}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":20,"column":37,"offset":733},"end":{"line":20,"column":61,"offset":758}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":21,"column":9,"offset":768},"end":{"line":21,"column":26,"offset":786}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":21,"column":32,"offset":791},"end":{"line":21,"column":51,"offset":811}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":21,"column":32,"offset":791},"end":{"line":21,"column":66,"offset":826}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":35,"column":11,"offset":1194},"end":{"line":35,"column":14,"offset":1198}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":35,"column":18,"offset":1201},"end":{"line":35,"column":27,"offset":1211}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":35,"column":18,"offset":1201},"end":{"line":35,"column":68,"offset":1252}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":36,"column":11,"offset":1264},"end":{"line":36,"column":20,"offset":1274}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":36,"column":24,"offset":1277},"end":{"line":36,"column":73,"offset":1327}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":36,"column":30,"offset":1283},"end":{"line":36,"column":47,"offset":1301}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":36,"column":30,"offset":1283},"end":{"line":36,"column":73,"offset":1327}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":36,"column":49,"offset":1302},"end":{"line":36,"column":52,"offset":1306}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":37,"column":9,"offset":1337},"end":{"line":37,"column":18,"offset":1347}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":38,"column":39,"offset":1389},"end":{"line":38,"column":48,"offset":1399}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":52,"column":11,"offset":1686},"end":{"line":52,"column":30,"offset":1706}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":52,"column":34,"offset":1709},"end":{"line":52,"column":67,"offset":1743}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":52,"column":56,"offset":1731},"end":{"line":52,"column":66,"offset":1742}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":54,"column":9,"offset":1754},"end":{"line":54,"column":13,"offset":1759}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":54,"column":17,"offset":1762},"end":{"line":54,"column":27,"offset":1773}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":54,"column":17,"offset":1762},"end":{"line":57,"column":6,"offset":1869}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":56,"column":46,"offset":1839},"end":{"line":56,"column":65,"offset":1859}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":59,"column":5,"offset":1876},"end":{"line":59,"column":66,"offset":1938}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":59,"column":13,"offset":1884},"end":{"line":59,"column":17,"offset":1889}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":59,"column":13,"offset":1884},"end":{"line":59,"column":66,"offset":1938}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":59,"column":26,"offset":1897},"end":{"line":59,"column":26,"offset":1898}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":59,"column":59,"offset":1930},"end":{"line":59,"column":59,"offset":1931}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":59,"column":59,"offset":1930},"end":{"line":59,"column":64,"offset":1936}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":64,"column":18,"offset":2045},"end":{"line":64,"column":22,"offset":2050}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":70,"column":31,"offset":2239},"end":{"line":70,"column":34,"offset":2243}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":70,"column":39,"offset":2247},"end":{"line":70,"column":62,"offset":2271}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":70,"column":58,"offset":2266},"end":{"line":70,"column":61,"offset":2270}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":86,"column":16,"offset":2500},"end":{"line":86,"column":22,"offset":2507}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":86,"column":16,"offset":2500},"end":{"line":94,"column":1,"offset":2710}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":86,"column":16,"offset":2500},"end":{"line":94,"column":21,"offset":2730}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":87,"column":3,"offset":2511},"end":{"line":87,"column":7,"offset":2516}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":89,"column":22,"offset":2556},"end":{"line":89,"column":37,"offset":2572}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":89,"column":22,"offset":2556},"end":{"line":89,"column":44,"offset":2579}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":89,"column":39,"offset":2573},"end":{"line":89,"column":43,"offset":2578}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":90,"column":30,"offset":2610},"end":{"line":90,"column":56,"offset":2637}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":90,"column":30,"offset":2610},"end":{"line":90,"column":63,"offset":2644}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":90,"column":58,"offset":2638},"end":{"line":90,"column":62,"offset":2643}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":93,"column":3,"offset":2659},"end":{"line":93,"column":10,"offset":2667}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":93,"column":15,"offset":2671},"end":{"line":93,"column":32,"offset":2689}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":93,"column":15,"offset":2671},"end":{"line":93,"column":51,"offset":2708}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":93,"column":34,"offset":2690},"end":{"line":93,"column":40,"offset":2697}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/FrameworkComponent.js","type":"SourceFile","start":{"line":93,"column":43,"offset":2699},"end":{"line":93,"column":50,"offset":2707}}]},"percent":59}