Flow Coverage Report - src/components/Editor/Breakpoints.js

Go back to all files summary.

Filename	Percent	Total	Covered	Uncovered
src/components/Editor/Breakpoints.js	57 %	50	29	21

/* 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 { connect } from "react-redux";
import React, { Component } from "react";

import Breakpoint from "./Breakpoint";

import { getSelectedSource, getVisibleBreakpoints } from "../../selectors";
import { makeLocationId } from "../../utils/breakpoint";
import { isLoaded } from "../../utils/source";

import type { BreakpointsMap } from "../../reducers/types";
import type { SourceRecord } from "../../types";

type Props = {
  selectedSource: SourceRecord,
  breakpoints: BreakpointsMap,
  editor: Object
};

class Breakpoints extends Component<Props> {
  shouldComponentUpdate(nextProps: Props) {
    if (nextProps.selectedSource && !isLoaded(nextProps.selectedSource)) {
      return false;
    }

    return true;
  }

  render() {
    const { breakpoints, selectedSource, editor } = this.props;

    if (!selectedSource || !breakpoints || selectedSource.get("isBlackBoxed")) {
      return null;
    }

    return (
      <div>
        {breakpoints.valueSeq().map(bp => {
          return (
            <Breakpoint
              key={makeLocationId(bp.location)}
              breakpoint={bp}
              selectedSource={selectedSource}
              editor={editor}
            />
          );
        })}
      </div>
    );
  }
}

export default connect(state => ({
  breakpoints: getVisibleBreakpoints(state),
  selectedSource: getSelectedSource(state)
}))(Breakpoints);

{"expressions":{"covered_count":29,"uncovered_count":21,"uncovered_locs":[{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":26,"column":47,"offset":864},"end":{"line":26,"column":70,"offset":888}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":36,"column":10,"offset":1029},"end":{"line":36,"column":23,"offset":1043}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":36,"column":29,"offset":1048},"end":{"line":36,"column":39,"offset":1059}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":36,"column":44,"offset":1063},"end":{"line":36,"column":57,"offset":1077}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":36,"column":44,"offset":1063},"end":{"line":36,"column":77,"offset":1097}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":42,"column":10,"offset":1161},"end":{"line":42,"column":20,"offset":1172}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":42,"column":10,"offset":1161},"end":{"line":42,"column":31,"offset":1183}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":42,"column":10,"offset":1161},"end":{"line":51,"column":10,"offset":1431}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":42,"column":37,"offset":1188},"end":{"line":42,"column":38,"offset":1190}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":45,"column":35,"offset":1273},"end":{"line":45,"column":36,"offset":1275}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":45,"column":35,"offset":1273},"end":{"line":45,"column":45,"offset":1284}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":46,"column":27,"offset":1313},"end":{"line":46,"column":28,"offset":1315}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":47,"column":31,"offset":1347},"end":{"line":47,"column":44,"offset":1361}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":57,"column":16,"offset":1475},"end":{"line":57,"column":22,"offset":1482}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":57,"column":16,"offset":1475},"end":{"line":60,"column":3,"offset":1586}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":57,"column":16,"offset":1475},"end":{"line":60,"column":16,"offset":1599}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":57,"column":24,"offset":1483},"end":{"line":57,"column":28,"offset":1488}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":58,"column":38,"offset":1532},"end":{"line":58,"column":42,"offset":1537}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":59,"column":19,"offset":1558},"end":{"line":59,"column":35,"offset":1575}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":59,"column":19,"offset":1558},"end":{"line":59,"column":42,"offset":1582}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/Breakpoints.js","type":"SourceFile","start":{"line":59,"column":37,"offset":1576},"end":{"line":59,"column":41,"offset":1581}}]},"percent":57}