mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-06 20:11:38 +08:00
Jack Franklin
e839c0cf22
DISABLE_THIRD_PARTY_CHECK=big clang format run against all files in front_end and test/ Bug: 1319340 Change-Id: I1fff63cb07544ccd0e3059fc901f9a48ff4af13b Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3598879 Reviewed-by: Alex Rudenko <alexrudenko@chromium.org> Commit-Queue: Jack Franklin <jacktfranklin@chromium.org> Reviewed-by: Wolfgang Beyer <wolfi@chromium.org>
52 lines
1.9 KiB
TypeScript
52 lines
1.9 KiB
TypeScript
// Copyright 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 {click, getBrowserAndPages, goToResource, waitForElementWithTextContent} from '../../shared/helper.js';
|
|
import {describe, it} from '../../shared/mocha-extensions.js';
|
|
import {
|
|
expandSelectedNodeRecursively,
|
|
getContentOfSelectedNode,
|
|
waitForContentOfSelectedElementsNode,
|
|
waitForElementsStyleSection,
|
|
waitForSelectedNodeChange,
|
|
} from '../helpers/elements-helpers.js';
|
|
|
|
describe('The Elements tab', async () => {
|
|
it('can delete elements in the tree', async () => {
|
|
const {frontend} = getBrowserAndPages();
|
|
|
|
await goToResource('elements/selection-after-delete.html');
|
|
|
|
// Wait for the file to be loaded and selectors to be shown.
|
|
await waitForElementsStyleSection();
|
|
|
|
// Check to make sure we have the correct node selected after opening a file.
|
|
await waitForContentOfSelectedElementsNode('<body>\u200B');
|
|
await expandSelectedNodeRecursively();
|
|
|
|
// Wait for the expansion and select the final child in the tree.
|
|
const child = await waitForElementWithTextContent('child2');
|
|
await click(child);
|
|
|
|
const expected = [
|
|
'<div class=\u200B"child3">\u200B</div>\u200B',
|
|
'<div class=\u200B"child1">\u200B</div>\u200B',
|
|
'<div class=\u200B"left">\u200B</div>\u200B',
|
|
'<div id=\u200B"testTreeContainer">\u200B</div>\u200B',
|
|
'<body>\u200B</body>\u200B',
|
|
];
|
|
|
|
// Start deleting and ensure that the selected child is the one expected.
|
|
do {
|
|
const nextVal = expected.shift() || '';
|
|
|
|
const initialValue = await getContentOfSelectedNode();
|
|
await frontend.keyboard.press('Backspace');
|
|
await waitForSelectedNodeChange(initialValue);
|
|
|
|
await waitForContentOfSelectedElementsNode(nextVal);
|
|
} while (expected.length);
|
|
});
|
|
});
|