mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-19 13:04:39 +08:00
Philip Pfaffe
4dd9e8c6ee
e2e tests use source file events emitted on the devtools window to wait for source files being added or loaded. This CL replaces existing utilities to work with these events to make this composable. Callers don't need to be aware whether utils are using these events. Bug: none Change-Id: I17a3d2f22f8c45608c67409676d2080ef19f613e Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3816441 Reviewed-by: Kim-Anh Tran <kimanh@chromium.org> Commit-Queue: Philip Pfaffe <pfaffe@chromium.org>
86 lines
3.6 KiB
TypeScript
86 lines
3.6 KiB
TypeScript
// 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, enableExperiment, 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 {setIgnoreListPattern, togglePreferenceInSettingsTab} from '../helpers/settings-helpers.js';
|
|
import {openSourcesPanel, SourceFileEvents, waitForSourceFiles} from '../helpers/sources-helpers.js';
|
|
|
|
async function openAFileWithQuickMenu() {
|
|
await step('navigate to elements tab', async () => {
|
|
await navigateToElementsTab();
|
|
});
|
|
|
|
await waitForSourceFiles(
|
|
SourceFileEvents.SourceFileLoaded, files => files.some(f => f.endsWith('hello-world.html')), async () => {
|
|
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');
|
|
});
|
|
});
|
|
}
|
|
|
|
async function typeIntoQuickOpen(query: string, expectEmptyResults?: boolean) {
|
|
await openFileQuickOpen();
|
|
const prompt = await waitFor('[aria-label="Quick open prompt"]');
|
|
await prompt.type(query);
|
|
if (expectEmptyResults) {
|
|
await waitFor('.filtered-list-widget :not(.hidden).not-found-text');
|
|
} else {
|
|
// Because each highlighted character is in its own div, we can count the highlighted
|
|
// characters in one item to see that the list reflects the full query.
|
|
const highlightSelector = new Array(query.length).fill('.highlight').join(' ~ ');
|
|
await waitFor('.filtered-list-widget-title ' + highlightSelector);
|
|
}
|
|
}
|
|
|
|
async function readQuickOpenResults(): Promise<string[]> {
|
|
const items = await $$('.filtered-list-widget-title');
|
|
return await Promise.all(items.map(element => element.evaluate(el => el.textContent as string)));
|
|
}
|
|
|
|
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();
|
|
});
|
|
|
|
it('sorts authored above deployed', async () => {
|
|
await goToResource('sources/multi-workers-sourcemap.html');
|
|
await openSourcesPanel();
|
|
|
|
await typeIntoQuickOpen('mult');
|
|
const list = await readQuickOpenResults();
|
|
assert.deepEqual(list, ['multi-workers.js', 'multi-workers.min.js', 'multi-workers-sourcemap.html']);
|
|
});
|
|
|
|
it('Does not list ignore-listed files', async () => {
|
|
await enableExperiment('justMyCode');
|
|
await setIgnoreListPattern('workers.js');
|
|
await goToResource('sources/multi-workers-sourcemap.html');
|
|
await openSourcesPanel();
|
|
|
|
await typeIntoQuickOpen('mult');
|
|
const list = await readQuickOpenResults();
|
|
assert.deepEqual(list, ['multi-workers.min.js', 'multi-workers-sourcemap.html']);
|
|
});
|
|
});
|