Filename	Percent	Total	Covered	Uncovered
src/components/Editor/HitMarker.js	80 %	82	66	16

Filename

Percent

Total

Covered

Uncovered

src/components/Editor/HitMarker.js

80 %

/* 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";

const markerEl = document.createElement("div");

function makeMarker() {
  const marker = markerEl.cloneNode(true);
  marker.className = "editor hit-marker";
  return marker;
}

type Props = {
  hitData: { [string]: any },
  editor: any
};

class HitMarker extends Component<Props> {
  addMarker() {
    const hitData = this.props.hitData;
    const line = hitData.line - 1;

    this.props.editor.setGutterMarker(line, "hit-markers", makeMarker());

    this.props.editor.addLineClass(line, "line", "hit-marker");
  }

  shouldComponentUpdate(nextProps: any) {
    return (
      this.props.editor !== nextProps.editor ||
      this.props.hitData !== nextProps.hitData
    );
  }

  componentDidMount() {
    this.addMarker();
  }

  componentDidUpdate() {
    this.addMarker();
  }

  componentWillUnmount() {
    const hitData = this.props.hitData;
    const line = hitData.line - 1;

    this.props.editor.setGutterMarker(line, "hit-markers", null);
    this.props.editor.removeLineClass(line, "line", "hit-marker");
  }

  render() {
    return null;
  }
}

export default HitMarker;

{"expressions":{"covered_count":66,"uncovered_count":16,"uncovered_locs":[{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":24,"column":18,"offset":610},"end":{"line":24,"column":29,"offset":622}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":26,"column":5,"offset":633},"end":{"line":26,"column":21,"offset":650}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":26,"column":5,"offset":633},"end":{"line":26,"column":72,"offset":701}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":28,"column":5,"offset":708},"end":{"line":28,"column":21,"offset":725}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":28,"column":5,"offset":708},"end":{"line":28,"column":62,"offset":766}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":31,"column":25,"offset":797},"end":{"line":31,"column":38,"offset":811}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":33,"column":7,"offset":834},"end":{"line":33,"column":23,"offset":851}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":33,"column":29,"offset":856},"end":{"line":33,"column":37,"offset":865}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":33,"column":29,"offset":856},"end":{"line":33,"column":44,"offset":872}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":34,"column":30,"offset":905},"end":{"line":34,"column":38,"offset":914}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":34,"column":30,"offset":905},"end":{"line":34,"column":46,"offset":922}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":48,"column":18,"offset":1122},"end":{"line":48,"column":29,"offset":1134}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":50,"column":5,"offset":1145},"end":{"line":50,"column":21,"offset":1162}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":50,"column":5,"offset":1145},"end":{"line":50,"column":64,"offset":1205}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":51,"column":5,"offset":1211},"end":{"line":51,"column":21,"offset":1228}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/HitMarker.js","type":"SourceFile","start":{"line":51,"column":5,"offset":1211},"end":{"line":51,"column":65,"offset":1272}}]},"percent":80}

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