Bug 1429238 - Update Debugger Frontend v7.0. r=jdescottes

MozReview-Commit-ID: HqSj9MGVTlV

--HG--
extra : amend_source : 725fff1b3ca0a0d10f67ca31fa12db72bf356a13

devtools/client/debugger/new/README.mozilla

@@ -1,13 +1,13 @@
 This is the debugger.html project output.
 See https://github.com/devtools-html/debugger.html
 
-Version 6.0
-Comparison - https://github.com/devtools-html/debugger.html/compare/release-5...release-6
-Commit: https://github.com/devtools-html/debugger.html/commit/bdfae442a439b5d97767070af5b5f8b3fd00c2fc
+Version 7.0
+Comparison - https://github.com/devtools-html/debugger.html/compare/release-6...release-7
+Commit: https://github.com/devtools-html/debugger.html/commit/fb10a431822a1a1eb22e02613cb09cf12a10e67a
 
 Packages:
 - babel-plugin-transform-es2015-modules-commonjs @6.26.0
 - babel-preset-react @6.24.1
 - react @15.6.2
 - react-dom @15.6.2
-- webpack @3.8.1
+- webpack @3.10.0

devtools/client/debugger/new/debugger.css

@@ -3161,14 +3161,18 @@ html .breakpoints-list .breakpoint.paused {
 }
 
 .workers-list .worker {
-  font-size: 12px;
+  font-size: 1rem;
   color: var(--theme-content-color1);
-  padding: 0.5em 1em 0.5em 0.5em;
-  line-height: 1em;
+  padding: 0 1em;
+  line-height: 31px;
   position: relative;
   transition: all 0.25s ease;
   cursor: pointer;
 }
+
+.worker-list .worker:hover {
+  background-color: var(--search-overlays-semitransparent);
+}
 /* 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/>. */

devtools/client/debugger/new/pretty-print-worker.js

@@ -7,7 +7,7 @@
 		var a = factory();
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(this, function() {
+})(typeof self !== 'undefined' ? self : this, function() {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};

devtools/client/debugger/new/search-worker.js

@@ -7,7 +7,7 @@
 		var a = factory();
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(this, function() {
+})(typeof self !== 'undefined' ? self : this, function() {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -839,27 +839,27 @@ module.exports = isSymbol;
 /***/ 792:
 /***/ (function(module, exports) {
 
-var g;
-
-// This works in non-strict mode
-g = (function() {
-	return this;
-})();
-
-try {
-	// This works if eval is allowed (see CSP)
-	g = g || Function("return this")() || (1,eval)("this");
-} catch(e) {
-	// This works if the window reference is available
-	if(typeof window === "object")
-		g = window;
-}
-
-// g can still be undefined, but nothing to do about it...
-// We return undefined, instead of nothing here, so it's
-// easier to handle this case. if(!global) { ...}
-
-module.exports = g;
+var g;
+
+// This works in non-strict mode
+g = (function() {
+	return this;
+})();
+
+try {
+	// This works if eval is allowed (see CSP)
+	g = g || Function("return this")() || (1,eval)("this");
+} catch(e) {
+	// This works if the window reference is available
+	if(typeof window === "object")
+		g = window;
+}
+
+// g can still be undefined, but nothing to do about it...
+// We return undefined, instead of nothing here, so it's
+// easier to handle this case. if(!global) { ...}
+
+module.exports = g;
 
 
 /***/ }),

devtools/client/debugger/new/test/mochitest/browser.ini

@@ -125,5 +125,5 @@ skip-if = true # regular failures during release in Bug 1415300
 [browser_dbg-toggling-tools.js]
 skip-if = true # Bug 1414124
 [browser_dbg-wasm-sourcemaps.js]
-skip-if = true # regular failures during release in Bug 1415300
+skip-if = true
 [browser_dbg-reload.js]

devtools/client/debugger/new/test/mochitest/browser_dbg-expressions.js

@@ -87,6 +87,7 @@ add_task(async function() {
   await addExpression(dbg, "location");
   toggleExpression(dbg, 1);
   await waitForDispatch(dbg, "LOAD_OBJECT_PROPERTIES");
+
   is(findAllElements(dbg, "expressionNodes").length, 17);
 
   await deleteExpression(dbg, "location");

devtools/client/debugger/new/test/mochitest/browser_dbg-layout-changes.js

@@ -6,8 +6,6 @@
  * host changes.
  */
 
-"use strict";
-
 var gDefaultHostType = Services.prefs.getCharPref("devtools.toolbox.host");
 
 add_task(async function() {
@@ -17,13 +15,13 @@ add_task(async function() {
   const dbg = await initDebugger("doc-iframes.html");
 
   const layouts = [
+    ["vertical", "window:small"],
     ["horizontal", "bottom"],
     ["vertical", "side"],
-    ["horizontal", "window:big"],
-    ["vertical", "window:small"]
+    ["horizontal", "window:big"]
   ];
 
-  for (let layout of layouts) {
+  for (const layout of layouts) {
     const [orientation, host] = layout;
     await testLayout(dbg, orientation, host);
   }
@@ -57,10 +55,10 @@ async function switchHost(dbg, hostType) {
 
 function resizeToolboxWindow(dbg, host) {
   const { panel, toolbox } = dbg;
-  let sizeOption = host.split(":")[1];
-  let win = toolbox.win.parent;
+  const sizeOption = host.split(":")[1];
+  const win = toolbox.win.parent;
 
-  let breakpoint = 700;
+  const breakpoint = 800;
   if (sizeOption == "big" && win.outerWidth <= breakpoint) {
     return resizeWindow(dbg, breakpoint + 300);
   } else if (sizeOption == "small" && win.outerWidth >= breakpoint) {
@@ -70,7 +68,7 @@ function resizeToolboxWindow(dbg, host) {
 
 function resizeWindow(dbg, width) {
   const { panel, toolbox } = dbg;
-  let win = toolbox.win.parent;
+  const win = toolbox.win.parent;
   const currentWidth = win.screen.width;
   win.resizeTo(width, window.screen.availHeight);
 }

devtools/client/debugger/new/test/mochitest/browser_dbg-wasm-sourcemaps.js

@@ -24,9 +24,8 @@ add_task(async function() {
   clickElement(dbg, "resume");
 
   await waitForPaused(dbg);
-  await waitForLoadedSource(dbg, "average.c");
+  await waitForSelectedSource(dbg, "average.c");
   assertPausedLocation(dbg);
-  toggleCallStack(dbg);
 
   const frames = findAllElements(dbg, "frames");
   const firstFrameTitle = frames[0].querySelector(".title").textContent;

devtools/client/debugger/new/test/mochitest/head.js

@@ -598,13 +598,11 @@ function waitForLoadedSources(dbg) {
  * @static
  */
 function selectSource(dbg, url, line) {
-  info(`Selecting source: ${url}`);
   const source = findSource(dbg, url);
   return dbg.actions.selectLocation({ sourceId: source.id, line });
 }
 
 function closeTab(dbg, url) {
-  info(`Closing tab: ${url}`);
   const source = findSource(dbg, url);
   return dbg.actions.closeTab(source.url);
 }
@@ -618,7 +616,6 @@ function closeTab(dbg, url) {
  * @static
  */
 async function stepOver(dbg) {
-  info("Stepping over");
   await dbg.actions.stepOver();
   return waitForPaused(dbg);
 }

devtools/client/preferences/debugger.js

@@ -28,6 +28,9 @@ pref("devtools.debugger.ui.variables-searchbox-visible", false);
 pref("devtools.debugger.ui.framework-grouping-on", true);
 pref("devtools.debugger.call-stack-visible", true);
 pref("devtools.debugger.scopes-visible", true);
+pref("devtools.debugger.workers-visible", true);
+pref("devtools.debugger.breakpoints-visible", true);
+pref("devtools.debugger.expressions-visible", true);
 pref("devtools.debugger.start-panel-collapsed", false);
 pref("devtools.debugger.end-panel-collapsed", false);
 pref("devtools.debugger.tabs", "[]");
@@ -38,14 +41,18 @@ pref("devtools.debugger.file-search-case-sensitive", false);
 pref("devtools.debugger.file-search-whole-word", false);
 pref("devtools.debugger.file-search-regex-match", false);
 pref("devtools.debugger.features.async-stepping", true);
+pref("devtools.debugger.project-directory-root", "");
 
-pref("devtools.debugger.features.project-text-search", true);
 pref("devtools.debugger.features.wasm", true);
 pref("devtools.debugger.features.shortcuts", true);
-pref("devtools.debugger.project-directory-root", "");
 pref("devtools.debugger.features.root", false);
 pref("devtools.debugger.features.column-breakpoints", false);
+pref("devtools.debugger.features.chrome-scopes", false);
 pref("devtools.debugger.features.map-scopes", true);
-pref("devtools.debugger.features.breakpoints-dropdown", false);
+pref("devtools.debugger.features.breakpoints-dropdown", true);
 pref("devtools.debugger.features.remove-command-bar-options", false);
-pref("devtools.debugger.features.workers", false);
+pref("devtools.debugger.features.workers", true);
+pref("devtools.debugger.features.code-coverage", false);
+pref("devtools.debugger.features.event-listeners", false);
+pref("devtools.debugger.features.code-folding", false);
+pref("devtools.debugger.features.outline", true);