chrome-devtools-frontend 1.0.1506453 → 1.0.1510180

package/front_end/ui/legacy/UIUtils.test.ts

@@ -1,255 +0,0 @@
-// Copyright 2022 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as Host from '../../core/host/host.js';
-import * as i18n from '../../core/i18n/i18n.js';
-import * as Platform from '../../core/platform/platform.js';
-import type * as Root from '../../core/root/root.js';
-import {renderElementIntoDOM} from '../../testing/DOMHelpers.js';
-import {updateHostConfig} from '../../testing/EnvironmentHelpers.js';
-import type * as Buttons from '../components/buttons/buttons.js';
-import {Directives, html, render} from '../lit/lit.js';
-
-import * as UI from './legacy.js';
-
-const {urlString} = Platform.DevToolsPath;
-
-describe('UIUtils', () => {
-  describe('openInNewTab', () => {
-    const {openInNewTab} = UI.UIUtils;
-    const {InspectorFrontendHostInstance} = Host.InspectorFrontendHost;
-
-    it('throws a TypeError if the URL is invalid', () => {
-      assert.throws(() => openInNewTab('ThisIsNotAValidURL'), TypeError);
-    });
-
-    it('opens URLs via host bindings', () => {
-      const stub = sinon.stub(InspectorFrontendHostInstance, 'openInNewTab');
-
-      openInNewTab('https://www.google.com/');
-
-      sinon.assert.callCount(stub, 1);
-      assert.deepEqual(stub.args[0], ['https://www.google.com/']);
-    });
-
-    it('doesn\'t override existing `utm_source` search parameters', () => {
-      const URLs = [
-        'http://developer.chrome.com/docs/devtools/workspaces/?utm_source=unittests',
-        'http://developers.google.com/learn/?utm_source=unittests',
-        'http://web.dev/?utm_source=unittests',
-        'http://www.google.com/?utm_source=unittests',
-        'https://developer.chrome.com/docs/devtools/?utm_source=unittests',
-        'https://developers.google.com/community/?utm_source=unittests',
-        'https://www.google.com/?utm_source=unittests',
-        'https://web.dev/baseline/?utm_source=unittests',
-      ];
-      for (const url of URLs) {
-        const stub = sinon.stub(InspectorFrontendHostInstance, 'openInNewTab');
-
-        openInNewTab(url);
-
-        sinon.assert.calledOnceWithExactly(stub, urlString`${url}`);
-        stub.restore();
-      }
-    });
-
-    it('adds `utm_source` search parameter to Google documentation set links', () => {
-      const URLs = [
-        'http://developer.chrome.com/docs/devtools/workspaces/',
-        'http://developers.google.com/learn/',
-        'http://web.dev/',
-        'https://developer.chrome.com/docs/devtools/',
-        'https://developers.google.com/community/',
-        'https://web.dev/baseline/',
-      ];
-      for (const url of URLs) {
-        const stub = sinon.stub(InspectorFrontendHostInstance, 'openInNewTab');
-
-        openInNewTab(url);
-
-        sinon.assert.calledOnce(stub);
-        assert.strictEqual(new URL(stub.args[0][0]).searchParams.get('utm_source'), 'devtools');
-        stub.restore();
-      }
-    });
-
-    it('adds `utm_campaign` search parameter to Google documentation set links', () => {
-      const CHANNELS: Array<typeof Root.Runtime.hostConfig.channel> = [
-        'stable',
-        'beta',
-        'dev',
-        'canary',
-      ];
-      const URLs = [
-        'http://developer.chrome.com/docs/devtools/workspaces/',
-        'http://developers.google.com/learn/',
-        'http://web.dev/',
-        'https://developer.chrome.com/docs/devtools/',
-        'https://developers.google.com/community/',
-        'https://web.dev/baseline/',
-      ];
-      for (const channel of CHANNELS) {
-        updateHostConfig({channel});
-
-        for (const url of URLs) {
-          const stub = sinon.stub(InspectorFrontendHostInstance, 'openInNewTab');
-
-          openInNewTab(url);
-
-          sinon.assert.calledOnce(stub);
-          assert.strictEqual(new URL(stub.args[0][0]).searchParams.get('utm_campaign'), channel);
-          stub.restore();
-        }
-      }
-    });
-
-    it('correctly preserves anchors', () => {
-      updateHostConfig({channel: 'stable'});
-      const stub = sinon.stub(InspectorFrontendHostInstance, 'openInNewTab');
-
-      openInNewTab('https://developer.chrome.com/docs/devtools/settings/ignore-list/#skip-third-party');
-
-      sinon.assert.calledOnce(stub);
-      const url = new URL(stub.args[0][0]);
-      assert.strictEqual(url.hash, '#skip-third-party');
-      assert.strictEqual(url.searchParams.get('utm_campaign'), 'stable');
-      assert.strictEqual(url.searchParams.get('utm_source'), 'devtools');
-    });
-
-    it('correctly preserves other search params', () => {
-      updateHostConfig({channel: 'stable'});
-      const stub = sinon.stub(InspectorFrontendHostInstance, 'openInNewTab');
-
-      openInNewTab('http://web.dev/route?foo=bar&baz=devtools');
-
-      sinon.assert.calledOnce(stub);
-      const url = new URL(stub.args[0][0]);
-      assert.strictEqual(url.searchParams.get('baz'), 'devtools');
-      assert.strictEqual(url.searchParams.get('foo'), 'bar');
-      assert.strictEqual(url.searchParams.get('utm_campaign'), 'stable');
-      assert.strictEqual(url.searchParams.get('utm_source'), 'devtools');
-    });
-  });
-
-  describe('LongClickController', () => {
-    it('does not invoke callback when disposed', () => {
-      const el = document.createElement('div');
-      const callback = sinon.spy();
-      const controller = new UI.UIUtils.LongClickController(el, callback);
-      // @ts-expect-error
-      const setTimeout = sinon.stub(window, 'setTimeout').callsFake(cb => cb());
-
-      el.dispatchEvent(new PointerEvent('pointerdown'));
-      sinon.assert.calledOnce(callback);
-
-      controller.dispose();
-
-      el.dispatchEvent(new PointerEvent('pointerdown'));
-      sinon.assert.calledOnce(callback);
-
-      setTimeout.restore();
-    });
-  });
-
-  describe('measuredScrollbarWidth', () => {
-    let style: HTMLStyleElement;
-    before(() => {
-      UI.UIUtils.resetMeasuredScrollbarWidthForTest();
-    });
-    after(() => {
-      style.remove();
-    });
-
-    it('provides a default value', () => {
-      const expectedDefaultWidth = 16;
-      assert.strictEqual(UI.UIUtils.measuredScrollbarWidth(), expectedDefaultWidth);
-    });
-
-    it('calculates specific widths correctly', () => {
-      const width = 20;
-
-      // Enforce custom width on scrollbars to test.
-      style = document.createElement('style');
-      style.textContent = `::-webkit-scrollbar {
-        appearance: none;
-        width: ${width}px;
-      }`;
-      document.head.appendChild(style);
-      assert.strictEqual(UI.UIUtils.measuredScrollbarWidth(document), width);
-
-      // Remove the styles and try again to detect that cached values are used.
-      style.remove();
-      assert.strictEqual(UI.UIUtils.measuredScrollbarWidth(document), width);
-    });
-  });
-
-  describe('createFileSelectorElement', () => {
-    it('by default it accepts any file types', async () => {
-      const callback = () => {};
-      const inputElement = UI.UIUtils.createFileSelectorElement(callback);
-      assert.isNull(inputElement.getAttribute('accept'));
-    });
-
-    it('can set the accept attribute on the input', async () => {
-      const callback = () => {};
-      const inputElement = UI.UIUtils.createFileSelectorElement(callback, '.json');
-      assert.strictEqual(inputElement.getAttribute('accept'), '.json');
-    });
-  });
-
-  describe('bindToAction', () => {
-    const actionId = 'mock.action.bind.to.action';
-
-    before(() => {
-      const mockHandleAction = sinon.stub();
-      UI.ActionRegistration.registerActionExtension({
-        actionId,
-        category: UI.ActionRegistration.ActionCategory.GLOBAL,
-        title: i18n.i18n.lockedLazyString('Mock action for bindToAction'),
-        loadActionDelegate: async () => ({handleAction: mockHandleAction}),
-      });
-    });
-
-    function setup() {
-      const {bindToAction} = UI.UIUtils;
-      const container = document.createElement('div');
-      renderElementIntoDOM(container);
-      const buttonRef = Directives.createRef<Buttons.Button.Button>();
-      render(
-          html`<devtools-button ${Directives.ref(buttonRef)} ${bindToAction(actionId)}></devtools-button>`, container);
-
-      const button = buttonRef.value;
-      assert.exists(button);
-      const action = UI.ActionRegistry.ActionRegistry.instance().getAction(actionId);
-      return {button, container, action};
-    }
-
-    it('sets button properties from the action', () => {
-      const {button, action} = setup();
-      const innerButton = button.shadowRoot?.querySelector('button') as HTMLButtonElement;
-      assert.strictEqual(innerButton.title, action.title());
-      assert.strictEqual(button.disabled, !action.enabled());
-    });
-
-    it('updates the button when the action\'s enabled state changes', () => {
-      const {button, action} = setup();
-
-      action.setEnabled(false);
-      assert.isTrue(button.disabled);
-
-      action.setEnabled(true);
-      assert.isFalse(button.disabled);
-    });
-
-    it('removes the change listener when the button is removed from the DOM', () => {
-      const {button, container, action} = setup();
-      const spy = sinon.spy(action, 'removeEventListener');
-
-      render(html``, container);
-
-      assert.isFalse(button.isConnected);
-      sinon.assert.calledWith(spy, UI.ActionRegistration.Events.ENABLED);
-    });
-  });
-});

package/front_end/ui/legacy/View.test.ts

@@ -1,76 +0,0 @@
-// Copyright 2021 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import type * as Platform from '../../core/platform/platform.js';
-import {describeWithEnvironment} from '../../testing/EnvironmentHelpers.js';
-
-import * as UI from './legacy.js';
-
-describe('View', () => {
-  describe('SimpleView', () => {
-    const {SimpleView} = UI.View;
-
-    describe('constructor', () => {
-      assert.throws(
-          () => new SimpleView({
-            title: 'Some title' as Platform.UIString.LocalizedString,
-            viewId: 'foo_bar',
-          }),
-          TypeError);
-    });
-  });
-
-  describeWithEnvironment('TabbedViewLocation', () => {
-    let tabbedLocation: UI.View.TabbedViewLocation;
-    let viewManager: UI.ViewManager.ViewManager;
-    before(async () => {
-      ['first', 'second', 'third', 'fourth'].forEach(title => {
-        UI.ViewManager.registerViewExtension({
-          // @ts-expect-error
-          location: 'mock-location',
-          id: title as Lowercase<string>,
-          title: () => title as Platform.UIString.LocalizedString,
-          commandPrompt: () => title as Platform.UIString.LocalizedString,
-          persistence: UI.ViewManager.ViewPersistence.CLOSEABLE,
-          async loadView() {
-            return new UI.Widget.Widget();
-          },
-        });
-      });
-      viewManager = UI.ViewManager.ViewManager.instance({forceNew: true});
-      tabbedLocation = viewManager.createTabbedLocation(() => {}, 'mock-location', true, true);
-    });
-
-    it('Creates an empty tabbed location', () => {
-      assert.deepEqual(tabbedLocation.tabbedPane().tabIds(), []);
-    });
-
-    it('Adds a tab for a selected view', () => {
-      void viewManager.showView('first');
-      void viewManager.showView('second');
-      void viewManager.showView('third');
-
-      assert.deepEqual(tabbedLocation.tabbedPane().tabIds(), ['first', 'second', 'third']);
-    });
-
-    it('Prepends a tab correctly', () => {
-      const thirdTab = tabbedLocation.tabbedPane().tabsById.get('third');
-      if (!thirdTab) {
-        throw new Error('Could not find a tab');
-      }
-      tabbedLocation.tabbedPane().insertBefore(thirdTab, 0);
-      assert.deepEqual(tabbedLocation.tabbedPane().tabIds(), ['third', 'first', 'second']);
-    });
-
-    it('Appends a tab correctly', () => {
-      void viewManager.showView('fourth');
-      assert.deepEqual(tabbedLocation.tabbedPane().tabIds(), ['third', 'first', 'second', 'fourth']);
-    });
-
-    it('Closes a tab correctly', () => {
-      tabbedLocation.tabbedPane().closeTab('second');
-      assert.deepEqual(tabbedLocation.tabbedPane().tabIds(), ['third', 'first', 'fourth']);
-    });
-  });
-});

package/front_end/ui/legacy/ViewManager.test.ts

@@ -1,235 +0,0 @@
-// Copyright 2025 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as Common from '../../core/common/common.js';
-import type {EventTargetEvent} from '../../core/common/EventTarget.js';
-import * as i18n from '../../core/i18n/i18n.js';
-import {describeWithEnvironment} from '../../testing/EnvironmentHelpers.js';
-
-import * as UI from './legacy.js';
-
-interface MockedLocation {
-  location: UI.View.TabbedViewLocation;
-  isShown: boolean;
-}
-
-describeWithEnvironment('ViewManager', () => {
-  let viewManager: UI.ViewManager.ViewManager;
-  let locationResolver: MockLocationResolver;
-
-  class MockLocationResolver implements UI.View.ViewLocationResolver {
-    locations = new Map<string|undefined, MockedLocation>();
-
-    resolveLocation(locationName?: string) {
-      return this.locations.get(locationName)?.location ?? null;
-    }
-
-    createLocation(panelName: string, initialVisibility: boolean, defaultTab: string|undefined) {
-      const location = viewManager.createTabbedLocation(() => {
-        this.locations.get(panelName)!.isShown = initialVisibility;
-      }, panelName, false, true, defaultTab);
-      this.locations.set(panelName, {location, isShown: initialVisibility});
-      sinon.stub(location.tabbedPane(), 'isShowing').callsFake(() => this.locations.get(panelName)?.isShown ?? false);
-    }
-
-    setPanelVisibility(panelName: string, isShown: boolean) {
-      const mock = this.locations.get(panelName);
-      if (!mock) {
-        return;
-      }
-      mock.isShown = isShown;
-      mock.location.tabbedPane().dispatchEventToListeners(
-          UI.TabbedPane.Events.PaneVisibilityChanged, {isVisible: isShown});
-    }
-  }
-
-  function startListeningForViewVisibilityUpdates() {
-    const events: Array<EventTargetEvent<UI.ViewManager.ViewVisibilityEventData>> = [];
-    const listener =
-        viewManager.addEventListener(UI.ViewManager.Events.VIEW_VISIBILITY_CHANGED, event => events.push(event));
-    return {
-      finishAndGetEvents() {
-        viewManager.removeEventListener(UI.ViewManager.Events.VIEW_VISIBILITY_CHANGED, listener.listener);
-        return events;
-      },
-    };
-  }
-
-  beforeEach(() => {
-    UI.ViewManager.resetViewRegistration();
-    locationResolver = new MockLocationResolver();
-
-    UI.ViewManager.registerLocationResolver({
-      name: UI.ViewManager.ViewLocationValues.PANEL,
-      category: UI.ViewManager.ViewLocationCategory.PANEL,
-      async loadResolver() {
-        return locationResolver;
-      },
-    });
-
-    UI.ViewManager.registerLocationResolver({
-      name: UI.ViewManager.ViewLocationValues.DRAWER_VIEW,
-      category: UI.ViewManager.ViewLocationCategory.DRAWER,
-      async loadResolver() {
-        return locationResolver;
-      },
-    });
-
-    const testViews: Array<{id: Lowercase<string>, location: UI.ViewManager.ViewLocationValues}> = [
-      {id: 'view-1', location: UI.ViewManager.ViewLocationValues.PANEL},
-      {id: 'view-2', location: UI.ViewManager.ViewLocationValues.PANEL},
-      {id: 'view-3', location: UI.ViewManager.ViewLocationValues.PANEL},
-      {id: 'drawer-view-1', location: UI.ViewManager.ViewLocationValues.DRAWER_VIEW}
-    ];
-    for (const {id, location} of testViews) {
-      UI.ViewManager.registerViewExtension({
-        id,
-        location,
-        commandPrompt: () => i18n.i18n.lockedString(id),
-        title: () => i18n.i18n.lockedString(id),
-        async loadView() {
-          return new UI.Widget.Widget();
-        },
-      });
-    }
-
-    viewManager = UI.ViewManager.ViewManager.instance({forceNew: true});
-    locationResolver.createLocation(UI.ViewManager.ViewLocationValues.PANEL, true, 'view-1');
-    locationResolver.createLocation(UI.ViewManager.ViewLocationValues.DRAWER_VIEW, false, undefined);
-  });
-
-  it('correctly reports initial visibility', async () => {
-    assert.isTrue(viewManager.isViewVisible('view-1'), 'view-1 should be visible');
-    assert.isFalse(viewManager.isViewVisible('view-2'), 'view-2 should not be visible');
-    assert.isFalse(viewManager.isViewVisible('drawer-view-1'), 'drawer-view should not be visible');
-  });
-
-  it('correctly reports visibility after switching view', async () => {
-    await viewManager.showView('view-2');
-    assert.isFalse(viewManager.isViewVisible('view-1'), 'view-1 should not be visible after switching');
-    assert.isTrue(viewManager.isViewVisible('view-2'), 'view-2 should be visible after switching');
-  });
-
-  it('returns false for a non-existent view', () => {
-    assert.isFalse(viewManager.isViewVisible('non-existent-view'));
-  });
-
-  it('emits single event when a view is shown', async () => {
-    const eventListener = startListeningForViewVisibilityUpdates();
-    await viewManager.showView('drawer-view-1');
-    const events = eventListener.finishAndGetEvents();
-    assert.lengthOf(events, 1);
-    const eventData = events[0].data;
-    assert.strictEqual(eventData.location, UI.ViewManager.ViewLocationValues.DRAWER_VIEW);
-    assert.strictEqual(eventData.revealedViewId, 'drawer-view-1');
-    assert.isUndefined(eventData.hiddenViewId);
-  });
-
-  it('emits single event when switching between views', async () => {
-    const eventListener = startListeningForViewVisibilityUpdates();
-    await viewManager.showView('view-2');
-    const events = eventListener.finishAndGetEvents();
-    assert.lengthOf(events, 1);
-    const eventData = events[0].data;
-    assert.strictEqual(eventData.location, UI.ViewManager.ViewLocationValues.PANEL);
-    assert.strictEqual(eventData.revealedViewId, 'view-2');
-    assert.strictEqual(eventData.hiddenViewId, 'view-1');
-  });
-
-  it('correctly dispatches events to multiple listeners', async () => {
-    const promise1 = viewManager.once(UI.ViewManager.Events.VIEW_VISIBILITY_CHANGED);
-    const promise2 = viewManager.once(UI.ViewManager.Events.VIEW_VISIBILITY_CHANGED);
-    await viewManager.showView('view-2');
-    const eventsData = await Promise.all([promise1, promise2]);
-
-    for (const eventData of eventsData) {
-      assert.strictEqual(eventData.location, UI.ViewManager.ViewLocationValues.PANEL);
-      assert.strictEqual(eventData.revealedViewId, 'view-2');
-      assert.strictEqual(eventData.hiddenViewId, 'view-1');
-    }
-  });
-
-  it('correctly reports visibility when panel is hidden', async () => {
-    await viewManager.showView('drawer-view-1');
-    locationResolver.setPanelVisibility(UI.ViewManager.ViewLocationValues.DRAWER_VIEW, false);
-    assert.isFalse(viewManager.isViewVisible('drawer-view-1'), 'drawer-view-1 should not be visible');
-  });
-
-  it('correctly dispatches event when panel is hidden', async () => {
-    const eventListener = startListeningForViewVisibilityUpdates();
-    locationResolver.setPanelVisibility(UI.ViewManager.ViewLocationValues.PANEL, false);
-    const events = eventListener.finishAndGetEvents();
-    assert.lengthOf(events, 1);
-    assert.strictEqual(events[0].data.location, UI.ViewManager.ViewLocationValues.PANEL);
-    assert.isUndefined(events[0].data.revealedViewId);
-    assert.strictEqual(events[0].data.hiddenViewId, 'view-1');
-  });
-
-  it('correctly dispatches event when panel is shown again', async () => {
-    locationResolver.setPanelVisibility(UI.ViewManager.ViewLocationValues.PANEL, false);
-    const eventListener = startListeningForViewVisibilityUpdates();
-    locationResolver.setPanelVisibility(UI.ViewManager.ViewLocationValues.PANEL, true);
-    const events = eventListener.finishAndGetEvents();
-    assert.lengthOf(events, 1);
-    assert.strictEqual(events[0].data.location, UI.ViewManager.ViewLocationValues.PANEL);
-    assert.strictEqual(events[0].data.revealedViewId, 'view-1');
-    assert.isUndefined(events[0].data.hiddenViewId);
-  });
-
-  describe('createTabbedLocation', () => {
-    it('remembers closeable views in the `closeable-tabs` setting', async () => {
-      const tabbedLocation = viewManager.createTabbedLocation(() => {}, '');
-
-      const closeableView = new UI.View.SimpleView({
-        title: i18n.i18n.lockedString('Closable view'),
-        viewId: 'closeable-view',
-      });
-      sinon.stub(closeableView, 'isCloseable').returns(true);
-      await tabbedLocation.showView(closeableView);
-
-      assert.propertyVal(
-          Common.Settings.Settings.instance().settingForTest('closeable-tabs').get(),
-          'closeable-view',
-          true,
-          'Closeable views must be recorded in `closeable-tabs` while they are shown',
-      );
-    });
-
-    it('removes closeable views from the `closeable-tabs` setting when they are closed', async () => {
-      const tabbedLocation = viewManager.createTabbedLocation(() => {}, '');
-
-      const closeableView = new UI.View.SimpleView({
-        title: i18n.i18n.lockedString('Closable view'),
-        viewId: 'closeable-view',
-      });
-      sinon.stub(closeableView, 'isCloseable').returns(true);
-      await tabbedLocation.showView(closeableView);
-      tabbedLocation.removeView(closeableView);
-
-      assert.notPropertyVal(
-          Common.Settings.Settings.instance().settingForTest('closeable-tabs').get(),
-          'closeable-view',
-          true,
-          'Closeable views must be removed from `closeable-tabs` when they are closed',
-      );
-    });
-
-    it('does not include transient views in the `closeable-tabs` setting', async () => {
-      const tabbedLocation = viewManager.createTabbedLocation(() => {}, '');
-
-      const closeableView = new UI.View.SimpleView({
-        title: i18n.i18n.lockedString('Transient view'),
-        viewId: 'transient-view',
-      });
-      sinon.stub(closeableView, 'isTransient').returns(true);
-      await tabbedLocation.showView(closeableView);
-
-      assert.notProperty(
-          Common.Settings.Settings.instance().settingForTest('closeable-tabs').get(),
-          'transient-view',
-          'Transient views must never be included in `closeable-tabs`',
-      );
-    });
-  });
-});

package/front_end/ui/legacy/ViewRegistration.test.ts

@@ -1,76 +0,0 @@
-// Copyright (c) 2020 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as i18n from '../../core/i18n/i18n.js';
-import {describeWithEnvironment} from '../../testing/EnvironmentHelpers.js';
-
-import * as QuickOpen from './components/quick_open/quick_open.js';
-import * as UI from './legacy.js';
-
-class MockView extends UI.Widget.Widget implements UI.View.ViewLocationResolver {
-  resolveLocation(_location: string) {
-    return UI.ViewManager.ViewManager.instance().createStackLocation();
-  }
-}
-const viewId = 'mock-view';
-const viewTitle = 'Mock';
-const commandPrompt = 'Show Mock';
-const order = 10;
-
-describeWithEnvironment('ViewRegistration', () => {
-  before(() => {
-    UI.ViewManager.registerViewExtension({
-      location: UI.ViewManager.ViewLocationValues.PANEL,
-      id: viewId,
-      commandPrompt: i18n.i18n.lockedLazyString(commandPrompt),
-      title: i18n.i18n.lockedLazyString(viewTitle),
-      order,
-      persistence: UI.ViewManager.ViewPersistence.PERMANENT,
-      hasToolbar: false,
-      async loadView() {
-        return new MockView();
-      },
-    });
-    // The location resolver needs to be registered to add the command to show a view
-    // from the command menu.
-    UI.ViewManager.registerLocationResolver({
-      name: UI.ViewManager.ViewLocationValues.PANEL,
-      category: UI.ViewManager.ViewLocationCategory.PANEL,
-      async loadResolver() {
-        return new MockView();
-      },
-    });
-  });
-
-  it('retrieves a registered view', async () => {
-    const preRegisteredView = UI.ViewManager.ViewManager.instance().view(viewId) as UI.ViewManager.PreRegisteredView;
-    const mockWidget = await preRegisteredView.widget();
-    assert.instanceOf(mockWidget, MockView, 'View did not load correctly');
-    assert.strictEqual(preRegisteredView.title(), viewTitle, 'View title is not returned correctly');
-    assert.strictEqual(preRegisteredView.commandPrompt(), commandPrompt, 'Command for view is not returned correctly');
-  });
-
-  it('adds command for showing a pre registered view', () => {
-    const allCommands = QuickOpen.CommandMenu.CommandMenu.instance({forceNew: true}).commands();
-    const filteredCommands = allCommands.filter(
-        command =>
-            command.title === commandPrompt && command.isPanelOrDrawer === QuickOpen.CommandMenu.PanelOrDrawer.PANEL);
-    assert.lengthOf(filteredCommands, 1, 'Command for showing a preregistered view was not added correctly');
-  });
-
-  it('deletes a registered view using its id', () => {
-    const removalResult = UI.ViewManager.maybeRemoveViewExtension(viewId);
-    assert.isTrue(removalResult);
-    assert.doesNotThrow(() => {
-      UI.ViewManager.registerViewExtension({
-        id: viewId,
-        commandPrompt: i18n.i18n.lockedLazyString(commandPrompt),
-        title: i18n.i18n.lockedLazyString(viewTitle),
-        async loadView() {
-          return new MockView();
-        },
-      });
-    });
-  });
-});