Filename	Percent	Total	Covered	Uncovered
src/components/Editor/CallSite.js	92 %	101	93	8

Filename

Percent

Total

Covered

Uncovered

src/components/Editor/CallSite.js

92 %

101

/* 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 { markText, toEditorRange } from "../../utils/editor";
require("./CallSite.css");

type MarkerType = {
  clear: Function
};

type Props = {
  callSite: Object,
  editor: Object,
  source: Object,
  breakpoint: Object,
  showCallSite: boolean
};

export default class CallSite extends Component<Props> {
  addCallSite: Function;
  marker: ?MarkerType;

  constructor() {
    super();

    this.marker = undefined;
  }

  addCallSite = (nextProps: ?Props) => {
    const { editor, callSite, breakpoint, source } = nextProps || this.props;
    const className = !breakpoint ? "call-site" : "call-site-bp";
    const sourceId = source.get("id");
    const editorRange = toEditorRange(sourceId, callSite.location);
    this.marker = markText(editor, className, editorRange);
  };

  clearCallSite = () => {
    if (this.marker) {
      this.marker.clear();
      this.marker = null;
    }
  };

  shouldComponentUpdate(nextProps: Props) {
    return this.props.editor !== nextProps.editor;
  }

  componentDidMount() {
    const { breakpoint, showCallSite } = this.props;

    if (!breakpoint && !showCallSite) {
      return;
    }

    this.addCallSite();
  }

  componentWillReceiveProps(nextProps: Props) {
    const { breakpoint, showCallSite } = this.props;

    if (nextProps.breakpoint !== breakpoint) {
      if (this.marker) {
        this.clearCallSite();
      }
      if (nextProps.showCallSite) {
        this.addCallSite(nextProps);
      }
    }

    if (nextProps.showCallSite !== showCallSite) {
      if (nextProps.showCallSite) {
        if (!this.marker) {
          this.addCallSite();
        }
      } else if (!nextProps.breakpoint) {
        this.clearCallSite();
      }
    }
  }

  componentWillUnmount() {
    if (!this.marker) {
      return;
    }
    this.marker.clear();
  }

  render() {
    return null;
  }
}

{"expressions":{"covered_count":93,"uncovered_count":8,"uncovered_locs":[{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/CallSite.js","type":"SourceFile","start":{"line":36,"column":11,"offset":873},"end":{"line":36,"column":18,"offset":881}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/CallSite.js","type":"SourceFile","start":{"line":36,"column":22,"offset":884},"end":{"line":36,"column":37,"offset":900}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/CallSite.js","type":"SourceFile","start":{"line":37,"column":39,"offset":940},"end":{"line":37,"column":46,"offset":948}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/CallSite.js","type":"SourceFile","start":{"line":37,"column":49,"offset":950},"end":{"line":37,"column":65,"offset":967}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/CallSite.js","type":"SourceFile","start":{"line":38,"column":5,"offset":974},"end":{"line":38,"column":58,"offset":1028}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/CallSite.js","type":"SourceFile","start":{"line":38,"column":19,"offset":988},"end":{"line":38,"column":58,"offset":1028}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/CallSite.js","type":"SourceFile","start":{"line":43,"column":7,"offset":1091},"end":{"line":43,"column":25,"offset":1110}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/Editor/CallSite.js","type":"SourceFile","start":{"line":89,"column":5,"offset":2039},"end":{"line":89,"column":23,"offset":2058}}]},"percent":92}

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