test/e2e/quick_open/QuickOpen_test.ts

// 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 {assert} from 'chai';

import {click, getBrowserAndPages, goToResource, step, waitFor} from '../../shared/helper.js';
import {describe, it} from '../../shared/mocha-extensions.js';
import {navigateToElementsTab} from '../helpers/elements-helpers.js';
import {getMenuItemAtPosition, getMenuItemTitleAtPosition, openFileQuickOpen} from '../helpers/quick_open-helpers.js';
import {togglePreferenceInSettingsTab} from '../helpers/settings-helpers.js';
import {listenForSourceFilesLoaded, waitForSourceLoadedEvent} from '../helpers/sources-helpers.js';

async function openAFileWithQuickMenu() {
  const {frontend} = getBrowserAndPages();
  await listenForSourceFilesLoaded(frontend);
  await step('navigate to elements tab', async () => {
    await navigateToElementsTab();
  });
  await step('open quick open menu and select the first option', async () => {
    await goToResource('pages/hello-world.html');
    await openFileQuickOpen();
    const firstItem = await getMenuItemAtPosition(0);
    await click(firstItem);
  });
  await step('check the sources panel is open with the selected file', async () => {
    await waitFor('.navigator-file-tree-item');
    await waitForSourceLoadedEvent(frontend, 'hello-world.html');
  });
}

describe('Quick Open menu', () => {
  it('lists available files', async () => {
    await goToResource('pages/hello-world.html');
    await openFileQuickOpen();
    const firstItemTitle = await getMenuItemTitleAtPosition(0);
    assert.strictEqual(firstItemTitle, 'hello-world.html');
  });

  it('opens the sources panel when a file is selected', async () => {
    await openAFileWithQuickMenu();
    await togglePreferenceInSettingsTab('Focus Sources panel when triggering a breakpoint');
    await openAFileWithQuickMenu();
  });
});