chrome-devtools-frontend 1.0.1473514 → 1.0.1506453

package/front_end/ui/legacy/components/source_frame/SourceFrame.ts

@@ -46,15 +46,15 @@ import * as UI from '../../legacy.js';
 
 const UIStrings = {
   /**
-   *@description Text for the source of something
+   * @description Text for the source of something
    */
   source: 'Source',
   /**
-   *@description Text to pretty print a file
+   * @description Text to pretty print a file
    */
   prettyPrint: 'Pretty print',
   /**
-   *@description Text when something is loading
+   * @description Text when something is loading
    */
   loading: 'Loading…',
   /**
@@ -70,39 +70,39 @@ const UIStrings = {
    */
   bytecodePositionXs: 'Bytecode position `0x`{PH1}',
   /**
-   *@description Text in Source Frame of the Sources panel
-   *@example {2} PH1
-   *@example {2} PH2
+   * @description Text in Source Frame of the Sources panel
+   * @example {2} PH1
+   * @example {2} PH2
    */
   lineSColumnS: 'Line {PH1}, Column {PH2}',
   /**
-   *@description Text in Source Frame of the Sources panel
-   *@example {2} PH1
+   * @description Text in Source Frame of the Sources panel
+   * @example {2} PH1
    */
   dCharactersSelected: '{PH1} characters selected',
   /**
-   *@description Text in Source Frame of the Sources panel
-   *@example {2} PH1
-   *@example {2} PH2
+   * @description Text in Source Frame of the Sources panel
+   * @example {2} PH1
+   * @example {2} PH2
    */
   dLinesDCharactersSelected: '{PH1} lines, {PH2} characters selected',
   /**
-   *@description Headline of warning shown to users when pasting text/code into DevTools.
+   * @description Headline of warning shown to users when pasting text/code into DevTools.
    */
   doYouTrustThisCode: 'Do you trust this code?',
   /**
-   *@description Warning shown to users when pasting text/code into DevTools.
-   *@example {allow pasting} PH1
+   * @description Warning shown to users when pasting text/code into DevTools.
+   * @example {allow pasting} PH1
    */
   doNotPaste:
       'Don\'t paste code you do not understand or have not reviewed yourself into DevTools. This could allow attackers to steal your identity or take control of your computer. Please type \'\'{PH1}\'\' below to allow pasting.',
   /**
-   *@description Text a user needs to type in order to confirm that they are aware of the danger of pasting code into the DevTools console.
+   * @description Text a user needs to type in order to confirm that they are aware of the danger of pasting code into the DevTools console.
    */
   allowPasting: 'allow pasting',
   /**
-   *@description Input box placeholder which instructs the user to type 'allow pasting' into the input box.
-   *@example {allow pasting} PH1
+   * @description Input box placeholder which instructs the user to type 'allow pasting' into the input box.
+   * @example {allow pasting} PH1
    */
   typeAllowPasting: 'Type \'\'{PH1}\'\'',
   /**
@@ -181,7 +181,10 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
   constructor(
       lazyContent: () => Promise<TextUtils.ContentData.ContentDataOrError>,
       private readonly options: SourceFrameOptions = {}) {
-    super(i18nString(UIStrings.source));
+    super({
+      title: i18nString(UIStrings.source),
+      viewId: 'source',
+    });
 
     this.lazyContent = lazyContent;
 
@@ -311,7 +314,7 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
           activeDark: 'var(--sys-color-divider-prominent)',
         },
       }),
-      infobarState,
+      sourceFrameInfobarState,
     ];
   }
 
@@ -548,10 +551,10 @@ export class SourceFrameImpl extends Common.ObjectWrapper.eventMixin<EventTypes,
 
   protected async setContentDataOrError(contentDataPromise: Promise<TextUtils.ContentData.ContentDataOrError>):
       Promise<void> {
-    const progressIndicator = new UI.ProgressIndicator.ProgressIndicator();
+    const progressIndicator = document.createElement('devtools-progress');
     progressIndicator.setTitle(i18nString(UIStrings.loading));
     progressIndicator.setTotalWork(100);
-    this.progressToolbarItem.element.appendChild(progressIndicator.element);
+    this.progressToolbarItem.element.appendChild(progressIndicator);
 
     progressIndicator.setWorked(1);
     const contentData = await contentDataPromise;
@@ -1246,21 +1249,26 @@ const sourceFrameTheme = CodeMirror.EditorView.theme({
 export type RevealPosition = number|{lineNumber: number, columnNumber?: number}|
     {from: {lineNumber: number, columnNumber: number}, to: {lineNumber: number, columnNumber: number}};
 
-// Infobar panel state, used to show additional panels below the editor.
+// This is usually an Infobar but is also used for AiCodeCompletionSummaryToolbar
+export interface SourceFrameInfobar {
+  element: HTMLElement;
+  order?: number;
+}
 
-export const addInfobar = CodeMirror.StateEffect.define<UI.Infobar.Infobar>();
-export const removeInfobar = CodeMirror.StateEffect.define<UI.Infobar.Infobar>();
+// Infobar panel state, used to show additional panels below the editor.
+export const addSourceFrameInfobar = CodeMirror.StateEffect.define<SourceFrameInfobar>();
+export const removeSourceFrameInfobar = CodeMirror.StateEffect.define<SourceFrameInfobar>();
 
-const infobarState = CodeMirror.StateField.define<UI.Infobar.Infobar[]>({
-  create(): UI.Infobar.Infobar[] {
+const sourceFrameInfobarState = CodeMirror.StateField.define<SourceFrameInfobar[]>({
+  create(): SourceFrameInfobar[] {
     return [];
   },
-  update(current, tr): UI.Infobar.Infobar[] {
+  update(current, tr): SourceFrameInfobar[] {
     for (const effect of tr.effects) {
-      if (effect.is(addInfobar)) {
+      if (effect.is(addSourceFrameInfobar)) {
         current = current.concat(effect.value);
-      } else if (effect.is(removeInfobar)) {
-        current = current.filter(b => b !== effect.value);
+      } else if (effect.is(removeSourceFrameInfobar)) {
+        current = current.filter(b => b.element !== effect.value.element);
       }
     }
     return current;
@@ -1268,5 +1276,7 @@ const infobarState = CodeMirror.StateField.define<UI.Infobar.Infobar[]>({
   provide: (field): CodeMirror.Extension => CodeMirror.showPanel.computeN(
       [field],
       (state): Array<() => CodeMirror.Panel> =>
-          state.field(field).map((bar): (() => CodeMirror.Panel) => (): CodeMirror.Panel => ({dom: bar.element}))),
+          state.field(field)
+              .sort((a, b) => (a.order ?? 0) - (b.order ?? 0))
+              .map((bar): (() => CodeMirror.Panel) => (): CodeMirror.Panel => ({dom: bar.element}))),
 });

package/front_end/ui/legacy/components/source_frame/StreamingContentHexView.ts

@@ -21,7 +21,7 @@ class LinearMemoryInspectorView extends UI.Widget.VBox {
   #inspector = new LinearMemoryInspectorComponents.LinearMemoryInspector.LinearMemoryInspector();
 
   constructor() {
-    super(false);
+    super();
     this.#inspector.addEventListener(
         LinearMemoryInspectorComponents.LinearMemoryInspector.MemoryRequestEvent.eventName,
         this.#memoryRequested.bind(this));

package/front_end/ui/legacy/components/source_frame/XMLView.ts

@@ -13,7 +13,7 @@ import xmlViewStyles from './xmlView.css.js';
 
 const UIStrings = {
   /**
-   *@description Text to find an item
+   * @description Text to find an item
    */
   find: 'Find',
 } as const;
@@ -28,7 +28,7 @@ export class XMLView extends UI.Widget.Widget implements UI.SearchableView.Searc
   private searchConfig: UI.SearchableView.SearchConfig|null = null;
 
   constructor(parsedXML: Document) {
-    super(true);
+    super({useShadowDom: true});
     this.registerRequiredCSS(xmlViewStyles);
     this.contentElement.classList.add('shadow-xml-view', 'source-code');
     this.treeOutline.registerRequiredCSS(xmlTreeStyles);

package/front_end/ui/legacy/components/source_frame/fontView.css

@@ -7,7 +7,7 @@
 .font-view {
   font-size: 60px;
   white-space: pre-wrap;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
   text-align: center;
   padding: 15px;
 }

package/front_end/ui/legacy/components/source_frame/source_frame-meta.ts

@@ -7,39 +7,39 @@ import * as i18n from '../../../../core/i18n/i18n.js';
 
 const UIStrings = {
   /**
-   *@description Title of a setting under the Sources category in Settings
+   * @description Title of a setting under the Sources category in Settings
    */
   defaultIndentation: 'Default indentation:',
   /**
-   *@description Title of a setting under the Sources category that can be invoked through the Command Menu
+   * @description Title of a setting under the Sources category that can be invoked through the Command Menu
    */
   setIndentationToSpaces: 'Set indentation to 2 spaces',
   /**
-   *@description A drop-down menu option to set indentation to 2 spaces
+   * @description A drop-down menu option to set indentation to 2 spaces
    */
   Spaces: '2 spaces',
   /**
-   *@description Title of a setting under the Sources category that can be invoked through the Command Menu
+   * @description Title of a setting under the Sources category that can be invoked through the Command Menu
    */
   setIndentationToFSpaces: 'Set indentation to 4 spaces',
   /**
-   *@description A drop-down menu option to set indentation to 4 spaces
+   * @description A drop-down menu option to set indentation to 4 spaces
    */
   fSpaces: '4 spaces',
   /**
-   *@description Title of a setting under the Sources category that can be invoked through the Command Menu
+   * @description Title of a setting under the Sources category that can be invoked through the Command Menu
    */
   setIndentationToESpaces: 'Set indentation to 8 spaces',
   /**
-   *@description A drop-down menu option to set indentation to 8 spaces
+   * @description A drop-down menu option to set indentation to 8 spaces
    */
   eSpaces: '8 spaces',
   /**
-   *@description Title of a setting under the Sources category that can be invoked through the Command Menu
+   * @description Title of a setting under the Sources category that can be invoked through the Command Menu
    */
   setIndentationToTabCharacter: 'Set indentation to tab character',
   /**
-   *@description A drop-down menu option to set indentation to tab character
+   * @description A drop-down menu option to set indentation to tab character
    */
   tabCharacter: 'Tab character',
 } as const;

package/front_end/ui/legacy/components/utils/ImagePreview.ts

@@ -13,12 +13,12 @@ import imagePreviewStyles from './imagePreview.css.js';
 
 const UIStrings = {
   /**
-   *@description Alt text description of an image's source
+   * @description Alt text description of an image's source
    */
   unknownSource: 'unknown source',
   /**
-   *@description Text to indicate the source of an image
-   *@example {example.com} PH1
+   * @description Text to indicate the source of an image
+   * @example {example.com} PH1
    */
   imageFromS: 'Image from {PH1}',
   /**
@@ -86,7 +86,7 @@ export class ImagePreview {
 
     let resource = SDK.ResourceTreeModel.ResourceTreeModel.resourceForURL(originalImageURL);
     let imageURL = originalImageURL;
-    if (!isImageResource(resource) && precomputedFeatures && precomputedFeatures.currentSrc) {
+    if (!isImageResource(resource) && precomputedFeatures?.currentSrc) {
       imageURL = precomputedFeatures.currentSrc;
       resource = SDK.ResourceTreeModel.ResourceTreeModel.resourceForURL(imageURL);
     }

package/front_end/ui/legacy/components/utils/JSPresentationUtils.test.ts

@@ -15,15 +15,15 @@ describeWithMockConnection('JSPresentationUtils', () => {
     const linkifier = new Components.Linkifier.Linkifier(100, false);
     linkifier.targetAdded(target);
     const workspace = Workspace.Workspace.WorkspaceImpl.instance();
-    const forceNew = true;
     const targetManager = target.targetManager();
     const resourceMapping = new Bindings.ResourceMapping.ResourceMapping(targetManager, workspace);
-    const debuggerWorkspaceBinding = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance({
-      forceNew,
+    const ignoreListManager = Workspace.IgnoreListManager.IgnoreListManager.instance({forceNew: true});
+    Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance({
+      forceNew: true,
       resourceMapping,
       targetManager,
+      ignoreListManager,
     });
-    Bindings.IgnoreListManager.IgnoreListManager.instance({forceNew, debuggerWorkspaceBinding});
     return {target, linkifier};
   }
 
@@ -32,7 +32,8 @@ describeWithMockConnection('JSPresentationUtils', () => {
     const callFrame = {scriptId: 'scriptId', functionName: 'func', url, lineNumber: 0, columnNumber: 0};
     const stackTrace = {callFrames: [callFrame]};
     const options = {tabStops: false, stackTrace} as Components.JSPresentationUtils.Options;
-    const {links} = Components.JSPresentationUtils.buildStackTracePreviewContents(target, linkifier, options);
+    const {linkElements: links} =
+        new Components.JSPresentationUtils.StackTracePreviewContent(undefined, target, linkifier, options);
     assert.lengthOf(links, 1);
     assert.strictEqual(links[0].textContent, expectedLinkContent);
   }

package/front_end/ui/legacy/components/utils/JSPresentationUtils.ts

@@ -36,9 +36,10 @@
 
 import * as Common from '../../../../core/common/common.js';
 import * as i18n from '../../../../core/i18n/i18n.js';
+import * as Platform from '../../../../core/platform/platform.js';
 import * as SDK from '../../../../core/sdk/sdk.js';
 import type * as Protocol from '../../../../generated/protocol.js';
-import * as Bindings from '../../../../models/bindings/bindings.js';
+import * as Workspace from '../../../../models/workspace/workspace.js';
 import * as VisualLogging from '../../../visual_logging/visual_logging.js';
 import * as UI from '../../legacy.js';
 
@@ -47,11 +48,11 @@ import {Events as LinkifierEvents, Linkifier} from './Linkifier.js';
 
 const UIStrings = {
   /**
-   *@description Text to stop preventing the debugger from stepping into library code
+   * @description Text to stop preventing the debugger from stepping into library code
    */
   removeFromIgnore: 'Remove from ignore list',
   /**
-   *@description Text for scripts that should not be stepped into when debugging
+   * @description Text for scripts that should not be stepped into when debugging
    */
   addToIgnore: 'Add script to ignore list',
   /**
@@ -63,7 +64,7 @@ const UIStrings = {
    */
   showLess: 'Show less',
   /**
-   *@description Text indicating that source url of a link is currently unknown
+   * @description Text indicating that source url of a link is currently unknown
    */
   unknownSource: 'unknown',
 } as const;
@@ -75,17 +76,18 @@ function populateContextMenu(link: Element, event: Event): void {
   event.consume(true);
   const uiLocation = Linkifier.uiLocation(link);
   if (uiLocation &&
-      Bindings.IgnoreListManager.IgnoreListManager.instance().canIgnoreListUISourceCode(uiLocation.uiSourceCode)) {
-    if (Bindings.IgnoreListManager.IgnoreListManager.instance().isUserIgnoreListedURL(uiLocation.uiSourceCode.url())) {
+      Workspace.IgnoreListManager.IgnoreListManager.instance().canIgnoreListUISourceCode(uiLocation.uiSourceCode)) {
+    if (Workspace.IgnoreListManager.IgnoreListManager.instance().isUserIgnoreListedURL(uiLocation.uiSourceCode.url())) {
       contextMenu.debugSection().appendItem(
           i18nString(UIStrings.removeFromIgnore),
-          () =>
-              Bindings.IgnoreListManager.IgnoreListManager.instance().unIgnoreListUISourceCode(uiLocation.uiSourceCode),
+          () => Workspace.IgnoreListManager.IgnoreListManager.instance().unIgnoreListUISourceCode(
+              uiLocation.uiSourceCode),
           {jslogContext: 'remove-from-ignore-list'});
     } else {
       contextMenu.debugSection().appendItem(
           i18nString(UIStrings.addToIgnore),
-          () => Bindings.IgnoreListManager.IgnoreListManager.instance().ignoreListUISourceCode(uiLocation.uiSourceCode),
+          () =>
+              Workspace.IgnoreListManager.IgnoreListManager.instance().ignoreListUISourceCode(uiLocation.uiSourceCode),
           {jslogContext: 'add-to-ignore-list'});
     }
   }
@@ -156,29 +158,6 @@ export function buildStackTraceRows(
   return stackTraceRows;
 }
 
-export function buildStackTracePreviewContents(
-    target: SDK.Target.Target|null, linkifier: Linkifier, options: Options = {
-      widthConstrained: false,
-      stackTrace: undefined,
-      tabStops: undefined,
-    }): {element: HTMLElement, links: HTMLElement[]} {
-  const {stackTrace, tabStops} = options;
-  const element = document.createElement('span');
-  element.classList.add('monospace');
-  element.classList.add('stack-preview-container');
-  element.classList.toggle('width-constrained', options.widthConstrained);
-  element.style.display = 'inline-block';
-  const shadowRoot = UI.UIUtils.createShadowRootWithCoreStyles(element, {cssFile: jsUtilsStyles});
-  const contentElement = shadowRoot.createChild('table', 'stack-preview-container');
-  contentElement.classList.toggle('width-constrained', options.widthConstrained);
-
-  const updateCallback = renderStackTraceTable.bind(null, contentElement, element);
-  const stackTraceRows = buildStackTraceRows(
-      stackTrace ?? {callFrames: []}, target, linkifier, tabStops, updateCallback, options.showColumnNumber);
-  const links = renderStackTraceTable(contentElement, element, stackTraceRows);
-  return {element, links};
-}
-
 function renderStackTraceTable(
     container: Element, parent: Element,
     stackTraceRows: Array<StackTraceRegularRow|StackTraceAsyncRow>): HTMLElement[] {
@@ -245,8 +224,8 @@ function renderStackTraceTable(
 }
 
 export interface Options {
-  stackTrace: Protocol.Runtime.StackTrace|undefined;
-  tabStops: boolean|undefined;
+  stackTrace?: Protocol.Runtime.StackTrace;
+  tabStops?: boolean;
   // Whether the width of stack trace preview
   // is constrained to its container or whether
   // it can grow the container.
@@ -262,3 +241,66 @@ export interface StackTraceRegularRow {
 export interface StackTraceAsyncRow {
   asyncDescription: string;
 }
+
+export class StackTracePreviewContent extends UI.Widget.Widget {
+  #target?: SDK.Target.Target;
+  #linkifier?: Linkifier;
+  #options: Options;
+  #links: HTMLElement[] = [];
+
+  readonly #table: HTMLElement;
+
+  constructor(element?: HTMLElement, target?: SDK.Target.Target, linkifier?: Linkifier, options?: Options) {
+    super(element, {useShadowDom: true});
+
+    this.#target = target;
+    this.#linkifier = linkifier;
+    this.#options = options || {
+      widthConstrained: false,
+    };
+
+    this.element.classList.add('monospace');
+    this.element.classList.add('stack-preview-container');
+    this.element.classList.toggle('width-constrained', this.#options.widthConstrained ?? false);
+    this.element.style.display = 'inline-block';
+
+    Platform.DOMUtilities.appendStyle(this.element.shadowRoot as ShadowRoot, jsUtilsStyles);
+
+    this.#table = this.contentElement.createChild('table', 'stack-preview-container');
+    this.#table.classList.toggle('width-constrained', this.#options.widthConstrained ?? false);
+
+    this.performUpdate();
+  }
+
+  override performUpdate(): void {
+    if (!this.#linkifier) {
+      return;
+    }
+
+    const {stackTrace, tabStops} = this.#options;
+    const updateCallback = renderStackTraceTable.bind(null, this.#table, this.element);
+    const stackTraceRows = buildStackTraceRows(
+        stackTrace ?? {callFrames: []}, this.#target ?? null, this.#linkifier, tabStops, updateCallback,
+        this.#options.showColumnNumber);
+    this.#links = renderStackTraceTable(this.#table, this.element, stackTraceRows);
+  }
+
+  get linkElements(): readonly HTMLElement[] {
+    return this.#links;
+  }
+
+  set target(target: SDK.Target.Target|undefined) {
+    this.#target = target;
+    this.requestUpdate();
+  }
+
+  set linkifier(linkifier: Linkifier) {
+    this.#linkifier = linkifier;
+    this.requestUpdate();
+  }
+
+  set options(options: Options) {
+    this.#options = options;
+    this.requestUpdate();
+  }
+}

package/front_end/ui/legacy/components/utils/Linkifier.test.ts

@@ -43,12 +43,13 @@ describeWithMockConnection('Linkifier', () => {
     const forceNew = true;
     const targetManager = target.targetManager();
     const resourceMapping = new Bindings.ResourceMapping.ResourceMapping(targetManager, workspace);
+    const ignoreListManager = Workspace.IgnoreListManager.IgnoreListManager.instance({forceNew: true});
     const debuggerWorkspaceBinding = Bindings.DebuggerWorkspaceBinding.DebuggerWorkspaceBinding.instance({
-      forceNew,
+      forceNew: true,
       resourceMapping,
       targetManager,
+      ignoreListManager,
     });
-    Bindings.IgnoreListManager.IgnoreListManager.instance({forceNew, debuggerWorkspaceBinding});
     Breakpoints.BreakpointManager.BreakpointManager.instance(
         {forceNew, targetManager, workspace, debuggerWorkspaceBinding});
     const backend = new MockProtocolBackend();
@@ -370,6 +371,157 @@ describeWithMockConnection('Linkifier', () => {
       assert.isTrue(eventCallback.callCount >= 2);
     });
   });
+
+  describe('linkActions', () => {
+    const registrations: Components.Linkifier.LinkHandlerRegistration[] = [];
+
+    afterEach(() => {
+      for (const registration of registrations) {
+        Components.Linkifier.Linkifier.unregisterLinkHandler(registration);
+      }
+      registrations.length = 0;
+    });
+
+    function registerHandler(registration: Components.Linkifier.LinkHandlerRegistration): void {
+      Components.Linkifier.Linkifier.registerLinkHandler(registration);
+      registrations.push(registration);
+    }
+
+    it('returns no actions when no link handlers are registered', () => {
+      const url = urlString`foo-extension://node/1`;
+      const actions = Components.Linkifier.Linkifier.linkActions({
+        url,
+        icon: null,
+        enableDecorator: false,
+        uiLocation: null,
+        liveLocation: null,
+        lineNumber: null,
+        columnNumber: null,
+        inlineFrameIndex: 0,
+        revealable: null,
+        fallback: null
+      });
+      const openUsingActions = actions.filter(action => action.title.startsWith('Open using'));
+      assert.isEmpty(openUsingActions);
+    });
+
+    it('returns an action for a registered scheme-specific link handler', async () => {
+      const handler = sinon.spy();
+
+      registerHandler({
+        title: 'Handler for foo-extension',
+        origin: urlString`foo-extension:abcdefghijklmnop`,
+        scheme: urlString`foo-extension:`,
+        handler,
+        shouldHandleOpenResource: (url, schemes) =>
+            Components.Linkifier.Linkifier.shouldHandleOpenResource(urlString`foo-extension:`, url, schemes),
+      });
+
+      const url = urlString`foo-extension://node/1`;
+      const actions = Components.Linkifier.Linkifier.linkActions({
+        url,
+        icon: null,
+        enableDecorator: false,
+        uiLocation: null,
+        liveLocation: null,
+        lineNumber: null,
+        columnNumber: null,
+        inlineFrameIndex: 0,
+        revealable: null,
+        fallback: null
+      });
+      const openUsingAction = actions.find(action => action.title === 'Open using Handler for foo-extension');
+      assert.exists(openUsingAction);
+      await openUsingAction?.handler();
+      sinon.assert.called(handler);
+    });
+
+    it('returns the right action for multiple link handler', async () => {
+      // Register a (global) handler for the global: origin.
+      registerHandler({
+        title: 'Global Handler',
+        origin: urlString`global:abcdefghijklmnop`,
+        scheme: undefined,
+        handler: () => {},
+        shouldHandleOpenResource: (url, schemes) =>
+            Components.Linkifier.Linkifier.shouldHandleOpenResource(null, url, schemes),
+      });
+
+      // Register a scheme-specific handler for the foo-extension: origin.
+      registerHandler({
+        title: 'Handler for foo-extension',
+        origin: urlString`foo-extension:abcdefghijklmnop`,
+        scheme: urlString`foo-extension:`,
+        handler: () => {},
+        shouldHandleOpenResource: (url, schemes) =>
+            Components.Linkifier.Linkifier.shouldHandleOpenResource(urlString`foo-extension:`, url, schemes),
+      });
+
+      {
+        // Ensure that the foo-extension is the main handler for foo-extension links, and that the
+        // global handler doesn't take precedent.
+        const url = urlString`foo-extension://node/1`;
+        const actions = Components.Linkifier.Linkifier.linkActions({
+          url,
+          icon: null,
+          enableDecorator: false,
+          uiLocation: null,
+          liveLocation: null,
+          lineNumber: null,
+          columnNumber: null,
+          inlineFrameIndex: 0,
+          revealable: null,
+          fallback: null
+        });
+        assert.lengthOf(actions, 3);  // Two fallback actions are always added.
+
+        const openUsingAction = actions.find(action => action.title === 'Open using Handler for foo-extension');
+        assert.exists(openUsingAction);
+      }
+
+      {
+        // Ensure that the Global handler handles its own links.
+        const url = urlString`global://node/1`;
+        const actions = Components.Linkifier.Linkifier.linkActions({
+          url,
+          icon: null,
+          enableDecorator: false,
+          uiLocation: null,
+          liveLocation: null,
+          lineNumber: null,
+          columnNumber: null,
+          inlineFrameIndex: 0,
+          revealable: null,
+          fallback: null
+        });
+        assert.lengthOf(actions, 3);  // One for our handler + 'Open in New Tab' and 'Copy link'.
+
+        const openUsingAction = actions.find(action => action.title === 'Open using Global Handler');
+        assert.exists(openUsingAction);
+      }
+
+      {
+        // Ensure that the Global handler handles all other links.
+        const url = urlString`http://www.example.com`;
+        const actions = Components.Linkifier.Linkifier.linkActions({
+          url,
+          icon: null,
+          enableDecorator: false,
+          uiLocation: null,
+          liveLocation: null,
+          lineNumber: null,
+          columnNumber: null,
+          inlineFrameIndex: 0,
+          revealable: null,
+          fallback: null
+        });
+        assert.lengthOf(actions, 3);  // One for our handler + 'Open in New Tab' and 'Copy link'.
+
+        const openUsingAction = actions.find(action => action.title === 'Open using Global Handler');
+        assert.exists(openUsingAction);
+      }
+    });
+  });
 });
 
 describeWithEnvironment('ContentProviderContextMenuProvider', () => {