Flow Coverage Report - src/utils/ui.js

Go back to all files summary.

Filename	Percent	Total	Covered	Uncovered
src/utils/ui.js	55 %	56	31	25

/* 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/>. */

/* Checks to see if the root element is available and
 * if the element is visible. We check the width of the element
 * because it is more reliable than either checking a focus state or
 * the visibleState or hidden property.
 */
export function isVisible() {
  const el = document.querySelector("#mount");
  return el && el.getBoundingClientRect().width;
}

/* Gets the line numbers width in the code editor
 */
export function getLineNumberWidth(editor) {
  const gutters = editor.display.gutters;
  const lineNumbers = gutters.querySelector(".CodeMirror-linenumbers");
  return lineNumbers && lineNumbers.clientWidth;
}

/**
 * Forces the breakpoint gutter to be the same size as the line
 * numbers gutter. Editor CSS will absolutely position the gutter
 * beneath the line numbers. This makes it easy to be flexible with
 * how we overlay breakpoints.
 */
export function resizeBreakpointGutter(editor: Object) {
  const gutters = editor.display.gutters;
  const breakpoints = gutters.querySelector(".breakpoints");
  if (breakpoints) {
    breakpoints.style.width = `${getLineNumberWidth(editor)}px`;
  }
}

/**
 * Forces the left toggle button in source header to be the same size
 * as the line numbers gutter.
 */
export function resizeToggleButton(editor: Object) {
  const toggleButton = document.querySelector(
    ".source-header .toggle-button-start"
  );
  if (toggleButton) {
    toggleButton.style.width = `${getLineNumberWidth(editor)}px`;
  }
}

{"expressions":{"covered_count":31,"uncovered_count":25,"uncovered_locs":[{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":11,"column":9,"offset":477},"end":{"line":11,"column":10,"offset":479}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":17,"column":36,"offset":657},"end":{"line":17,"column":41,"offset":663}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":18,"column":9,"offset":675},"end":{"line":18,"column":15,"offset":682}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":18,"column":19,"offset":685},"end":{"line":18,"column":24,"offset":691}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":18,"column":19,"offset":685},"end":{"line":18,"column":32,"offset":699}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":18,"column":19,"offset":685},"end":{"line":18,"column":40,"offset":707}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":19,"column":9,"offset":717},"end":{"line":19,"column":19,"offset":728}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":19,"column":23,"offset":731},"end":{"line":19,"column":29,"offset":738}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":19,"column":23,"offset":731},"end":{"line":19,"column":70,"offset":779}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":20,"column":10,"offset":790},"end":{"line":20,"column":20,"offset":801}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":20,"column":10,"offset":790},"end":{"line":20,"column":47,"offset":828}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":20,"column":25,"offset":805},"end":{"line":20,"column":35,"offset":816}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":20,"column":25,"offset":805},"end":{"line":20,"column":47,"offset":828}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":30,"column":9,"offset":1135},"end":{"line":30,"column":15,"offset":1142}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":30,"column":19,"offset":1145},"end":{"line":30,"column":32,"offset":1159}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":30,"column":19,"offset":1145},"end":{"line":30,"column":40,"offset":1167}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":31,"column":9,"offset":1177},"end":{"line":31,"column":19,"offset":1188}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":31,"column":23,"offset":1191},"end":{"line":31,"column":29,"offset":1198}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":31,"column":23,"offset":1191},"end":{"line":31,"column":59,"offset":1228}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":32,"column":7,"offset":1236},"end":{"line":32,"column":17,"offset":1247}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":33,"column":5,"offset":1255},"end":{"line":33,"column":15,"offset":1266}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":33,"column":5,"offset":1255},"end":{"line":33,"column":21,"offset":1272}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":33,"column":34,"offset":1284},"end":{"line":33,"column":59,"offset":1310}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":42,"column":9,"offset":1493},"end":{"line":42,"column":20,"offset":1505}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/utils/ui.js","type":"SourceFile","start":{"line":46,"column":35,"offset":1635},"end":{"line":46,"column":60,"offset":1661}}]},"percent":55}