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

Go back to all files summary.

Filename	Percent	Total	Covered	Uncovered
src/components/Editor/HighlightLines.js	51 %	87	45	42

/* 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 { Component } from "react";
import { range, isEmpty } from "lodash";
import { connect } from "react-redux";
import { getHighlightedLineRange } from "../../selectors";

type Props = {
  highlightedLineRange: Object,
  editor: Object
};

class HighlightLines extends Component<Props> {
  highlightLineRange: Function;

  constructor() {
    super();
  }

  componentDidMount() {
    this.highlightLineRange();
  }

  componentWillUpdate() {
    this.clearHighlightRange();
  }

  componentDidUpdate() {
    this.highlightLineRange();
  }

  componentWillUnmount() {
    this.clearHighlightRange();
  }

  clearHighlightRange() {
    const { highlightedLineRange, editor } = this.props;

    const { codeMirror } = editor;

    if (isEmpty(highlightedLineRange) || !codeMirror) {
      return;
    }

    const { start, end } = highlightedLineRange;
    codeMirror.operation(() => {
      range(start - 1, end).forEach(line => {
        codeMirror.removeLineClass(line, "line", "highlight-lines");
      });
    });
  }

  highlightLineRange = () => {
    const { highlightedLineRange, editor } = this.props;

    const { codeMirror } = editor;

    if (isEmpty(highlightedLineRange) || !codeMirror) {
      return;
    }

    const { start, end } = highlightedLineRange;

    codeMirror.operation(() => {
      editor.alignLine(start);

      range(start - 1, end).forEach(line => {
        codeMirror.addLineClass(line, "line", "highlight-lines");
      });
    });
  };

  render() {
    return null;
  }
}

export default connect(state => ({
  highlightedLineRange: getHighlightedLineRange(state)
}))(HighlightLines);

{"expressions":{"covered_count":45,"uncovered_count":42,"uncovered_locs":[{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":42,"column":13,"offset":921},"end":{"line":42,"column":22,"offset":931}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":44,"column":9,"offset":953},"end":{"line":44,"column":15,"offset":960}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":44,"column":9,"offset":953},"end":{"line":44,"column":37,"offset":982}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":44,"column":43,"offset":987},"end":{"line":44,"column":52,"offset":997}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":48,"column":13,"offset":1034},"end":{"line":48,"column":17,"offset":1039}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":48,"column":20,"offset":1041},"end":{"line":48,"column":22,"offset":1044}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":49,"column":5,"offset":1075},"end":{"line":49,"column":14,"offset":1085}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":49,"column":5,"offset":1075},"end":{"line":53,"column":6,"offset":1235}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":50,"column":7,"offset":1110},"end":{"line":50,"column":11,"offset":1115}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":50,"column":7,"offset":1110},"end":{"line":50,"column":27,"offset":1131}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":50,"column":7,"offset":1110},"end":{"line":52,"column":8,"offset":1227}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":50,"column":13,"offset":1116},"end":{"line":50,"column":17,"offset":1121}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":50,"column":24,"offset":1127},"end":{"line":50,"column":26,"offset":1130}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":50,"column":37,"offset":1140},"end":{"line":50,"column":40,"offset":1144}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":51,"column":9,"offset":1158},"end":{"line":51,"column":18,"offset":1168}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":51,"column":9,"offset":1158},"end":{"line":51,"column":67,"offset":1217}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":51,"column":36,"offset":1185},"end":{"line":51,"column":39,"offset":1189}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":59,"column":13,"offset":1343},"end":{"line":59,"column":22,"offset":1353}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":61,"column":9,"offset":1375},"end":{"line":61,"column":15,"offset":1382}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":61,"column":9,"offset":1375},"end":{"line":61,"column":37,"offset":1404}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":61,"column":43,"offset":1409},"end":{"line":61,"column":52,"offset":1419}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":65,"column":13,"offset":1456},"end":{"line":65,"column":17,"offset":1461}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":65,"column":20,"offset":1463},"end":{"line":65,"column":22,"offset":1466}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":67,"column":5,"offset":1498},"end":{"line":67,"column":14,"offset":1508}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":67,"column":5,"offset":1498},"end":{"line":73,"column":6,"offset":1687}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":68,"column":7,"offset":1533},"end":{"line":68,"column":29,"offset":1556}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":68,"column":24,"offset":1550},"end":{"line":68,"column":28,"offset":1555}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":70,"column":7,"offset":1565},"end":{"line":70,"column":11,"offset":1570}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":70,"column":7,"offset":1565},"end":{"line":70,"column":27,"offset":1586}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":70,"column":7,"offset":1565},"end":{"line":72,"column":8,"offset":1679}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":70,"column":13,"offset":1571},"end":{"line":70,"column":17,"offset":1576}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":70,"column":24,"offset":1582},"end":{"line":70,"column":26,"offset":1585}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":70,"column":37,"offset":1595},"end":{"line":70,"column":40,"offset":1599}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":71,"column":9,"offset":1613},"end":{"line":71,"column":18,"offset":1623}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":71,"column":9,"offset":1613},"end":{"line":71,"column":64,"offset":1669}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":71,"column":33,"offset":1637},"end":{"line":71,"column":36,"offset":1641}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":81,"column":16,"offset":1747},"end":{"line":81,"column":22,"offset":1754}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":81,"column":16,"offset":1747},"end":{"line":83,"column":3,"offset":1825}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":81,"column":16,"offset":1747},"end":{"line":83,"column":19,"offset":1841}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":81,"column":24,"offset":1755},"end":{"line":81,"column":28,"offset":1760}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":82,"column":25,"offset":1791},"end":{"line":82,"column":54,"offset":1821}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HighlightLines.js","type":"SourceFile","start":{"line":82,"column":49,"offset":1815},"end":{"line":82,"column":53,"offset":1820}}]},"percent":51}