Flow Coverage Report - src/components/SecondaryPanes/Frames/FrameMenu.js

Go back to all files summary.

Filename	Percent	Total	Covered	Uncovered
src/components/SecondaryPanes/Frames/FrameMenu.js	76 %	126	96	30

/* 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 { showMenu } from "devtools-contextmenu";
import { copyToTheClipboard } from "../../../utils/clipboard";
import type { LocalFrame } from "./types";
import type { ContextMenuItem } from "../../../types";
import { kebabCase } from "lodash";

const blackboxString = "sourceFooter.blackbox";
const unblackboxString = "sourceFooter.unblackbox";

function formatMenuElement(
  labelString: string,
  click: Function,
  disabled: boolean = false
): ContextMenuItem {
  const label = L10N.getStr(labelString);
  const accesskey = L10N.getStr(`${labelString}.accesskey`);
  const id = `node-menu-${kebabCase(label)}`;
  return {
    id,
    label,
    accesskey,
    disabled,
    click
  };
}

function copySourceElement(url) {
  return formatMenuElement("copySourceUri2", () => copyToTheClipboard(url));
}

function copyStackTraceElement(copyStackTrace) {
  return formatMenuElement("copyStackTrace", () => copyStackTrace());
}

function toggleFrameworkGroupingElement(
  toggleFrameworkGrouping,
  frameworkGroupingOn
) {
  const actionType = frameworkGroupingOn
    ? "framework.disableGrouping"
    : "framework.enableGrouping";

  return formatMenuElement(actionType, () => toggleFrameworkGrouping());
}

function blackBoxSource(source, toggleBlackBox) {
  const toggleBlackBoxString = source.isBlackBoxed
    ? unblackboxString
    : blackboxString;

  return formatMenuElement(toggleBlackBoxString, () => toggleBlackBox(source));
}

export default function FrameMenu(
  frame: LocalFrame,
  frameworkGroupingOn: boolean,
  callbacks: Object,
  event: SyntheticKeyboardEvent<HTMLElement>
) {
  event.stopPropagation();
  event.preventDefault();

  const menuOptions = [];

  const source = frame.source;

  const toggleFrameworkElement = toggleFrameworkGroupingElement(
    callbacks.toggleFrameworkGrouping,
    frameworkGroupingOn
  );
  menuOptions.push(toggleFrameworkElement);

  if (source) {
    const copySourceUri2 = copySourceElement(source.url);
    menuOptions.push(copySourceUri2);
    menuOptions.push(blackBoxSource(source, callbacks.toggleBlackBox));
  }

  const copyStackTraceItem = copyStackTraceElement(callbacks.copyStackTrace);

  menuOptions.push(copyStackTraceItem);

  showMenu(event, menuOptions);
}

{"expressions":{"covered_count":96,"uncovered_count":30,"uncovered_locs":[{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":22,"column":27,"offset":813},"end":{"line":22,"column":35,"offset":822}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":22,"column":27,"offset":813},"end":{"line":22,"column":42,"offset":829}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":32,"column":28,"offset":937},"end":{"line":32,"column":30,"offset":940}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":33,"column":52,"offset":995},"end":{"line":33,"column":69,"offset":1013}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":33,"column":52,"offset":995},"end":{"line":33,"column":74,"offset":1018}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":33,"column":71,"offset":1014},"end":{"line":33,"column":73,"offset":1017}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":36,"column":32,"offset":1055},"end":{"line":36,"column":45,"offset":1069}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":37,"column":52,"offset":1124},"end":{"line":37,"column":65,"offset":1138}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":37,"column":52,"offset":1124},"end":{"line":37,"column":67,"offset":1140}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":41,"column":3,"offset":1189},"end":{"line":41,"column":25,"offset":1212}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":48,"column":46,"offset":1395},"end":{"line":48,"column":68,"offset":1418}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":48,"column":46,"offset":1395},"end":{"line":48,"column":70,"offset":1420}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":51,"column":25,"offset":1450},"end":{"line":51,"column":30,"offset":1456}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":51,"column":33,"offset":1458},"end":{"line":51,"column":46,"offset":1472}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":52,"column":32,"offset":1507},"end":{"line":52,"column":37,"offset":1513}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":52,"column":32,"offset":1507},"end":{"line":52,"column":50,"offset":1526}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":56,"column":56,"offset":1628},"end":{"line":56,"column":69,"offset":1642}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":56,"column":56,"offset":1628},"end":{"line":56,"column":77,"offset":1650}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":56,"column":71,"offset":1643},"end":{"line":56,"column":76,"offset":1649}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":70,"column":9,"offset":1903},"end":{"line":70,"column":14,"offset":1909}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":70,"column":18,"offset":1912},"end":{"line":70,"column":29,"offset":1924}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":73,"column":5,"offset":1996},"end":{"line":73,"column":37,"offset":2029}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":78,"column":7,"offset":2111},"end":{"line":78,"column":12,"offset":2117}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":79,"column":46,"offset":2166},"end":{"line":79,"column":51,"offset":2172}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":79,"column":46,"offset":2166},"end":{"line":79,"column":55,"offset":2176}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":81,"column":37,"offset":2253},"end":{"line":81,"column":42,"offset":2259}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":81,"column":45,"offset":2261},"end":{"line":81,"column":68,"offset":2285}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":84,"column":52,"offset":2345},"end":{"line":84,"column":75,"offset":2369}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":88,"column":3,"offset":2416},"end":{"line":88,"column":10,"offset":2424}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/SecondaryPanes/Frames/FrameMenu.js","type":"SourceFile","start":{"line":88,"column":3,"offset":2416},"end":{"line":88,"column":30,"offset":2444}}]},"percent":76}