Remove distances overlay

The distance tool was planned to be added to the inspector overlay, but
it was never used in devtools. Original issue: crbug.com/41449675

Fixed: 425562188
Change-Id: Ia2c4d8318e0e63f003d5b9d42447b184bd7fd41d
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6695588
Commit-Queue: Philip Pfaffe <[email protected]>
Auto-Submit: Philip Pfaffe <[email protected]>
Commit-Queue: Alex Rudenko <[email protected]>
Reviewed-by: Alex Rudenko <[email protected]>

Author: pfaffe

front_end/legacy_test_runner/elements_test_runner/ElementsTestRunner.js

@@ -1263,24 +1263,6 @@ ElementsTestRunner.dumpInspectorGridHighlightsJSON = async function(idValues, ca
   callback();
 };
 
-ElementsTestRunner.dumpInspectorDistanceJSON = function(idValue, callback) {
-  ElementsTestRunner.nodeWithId(idValue, nodeResolved);
-
-  async function nodeResolved(node) {
-    const result = await TestRunner.OverlayAgent.getHighlightObjectForTest(node.id, true);
-    const info = result['distanceInfo'];
-    if (!info) {
-      TestRunner.addResult(`${idValue}: No distance info`);
-    } else {
-      if (info['style']) {
-        info['style'] = '<style data>';
-      }
-      TestRunner.addResult(idValue + JSON.stringify(info, null, 2));
-    }
-    callback();
-  }
-};
-
 ElementsTestRunner.dumpInspectorHighlightStyleJSON = async function(idValue) {
   const node = await ElementsTestRunner.nodeWithIdPromise(idValue);
   const result = await TestRunner.OverlayAgent.getHighlightObjectForTest(node.id, false, true /* includeStyle */);

inspector_overlay/BUILD.gn

@@ -21,7 +21,6 @@ action("build_inspector_overlay") {
     "$target_gen_dir/highlight_grid_common.js",
     "$target_gen_dir/highlight_isolated_element.js",
     "$target_gen_dir/highlight_scroll_snap.js",
-    "$target_gen_dir/tool_distances.js",
     "$target_gen_dir/tool_persistent.js",
     "$target_gen_dir/tool_grid.css",
     "$target_gen_dir/tool_highlight.js",
@@ -91,7 +90,6 @@ ts_library("inspector_overlay") {
     "highlight_isolated_element.ts",
     "highlight_scroll_snap.ts",
     "main.ts",
-    "tool_distances.ts",
     "tool_highlight.ts",
     "tool_paused.ts",
     "tool_persistent.ts",

inspector_overlay/debug/tool_distances.html

@@ -6,7 +6,6 @@
 import commonStyle from './common.css';
 import {adoptStyleSheet} from './common.js';
 import {gridStyle} from './highlight_grid_common.js';
-import {DistancesOverlay} from './tool_distances.js';
 // @ts-expect-error Importing CSS is handled in Rollup.
 import highlightGridStyle from './tool_grid.css';
 // @ts-expect-error Importing CSS is handled in Rollup.
@@ -41,15 +40,13 @@ gridStyleSheet.replaceSync(gridStyle);
 
 const highlightOverlay = new HighlightOverlay(window, [highlightStyle, gridStyleSheet]);
 const persistentOverlay = new PersistentOverlay(window, [highlightGridStyle, gridStyleSheet]);
-const distancesOverlay = new DistancesOverlay(window);
 const pausedOverlay = new PausedOverlay(window, pausedStyle);
 const screenshotOverlay = new ScreenshotOverlay(window, screenshotStyle);
 const sourceOrderOverlay = new SourceOrderOverlay(window, sourceOrderStyle);
 const viewportSizeOverlay = new ViewportSizeOverlay(window);
 const windowControlsOverlay = new WindowControlsOverlay(window, [wcoStyle]);
 
 interface Overlays {
-  distances: DistancesOverlay;
   highlight: HighlightOverlay;
   persistent: PersistentOverlay;
   paused: PausedOverlay;
@@ -63,7 +60,6 @@ type PlatformName = string;
 
 // Key in this object is the name the backend refers to a particular overlay by.
 const overlays: Overlays = {
-  distances: distancesOverlay,
   highlight: highlightOverlay,
   persistent: persistentOverlay,
   paused: pausedOverlay,