mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-07 20:39:31 +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>
58 lines
2.2 KiB
TypeScript
58 lines
2.2 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 {assert} from 'chai';
|
|
|
|
import {click, goToResource, waitForElementWithTextContent} from '../../shared/helper.js';
|
|
import {describe, it} from '../../shared/mocha-extensions.js';
|
|
import {
|
|
assertSelectedElementsNodeTextIncludes,
|
|
expandSelectedNodeRecursively,
|
|
getBreadcrumbsTextContent,
|
|
getSelectedBreadcrumbTextContent,
|
|
waitForContentOfSelectedElementsNode,
|
|
waitForElementsStyleSection,
|
|
waitForSelectedTreeElementSelectorWithTextcontent,
|
|
} from '../helpers/elements-helpers.js';
|
|
|
|
const EXPECTED_TEXT_CONTENT = '<div class=\u200B"div2">\u200B last child \u200B</div>\u200B';
|
|
|
|
describe('Element breadcrumbs', async () => {
|
|
beforeEach(async function() {
|
|
await goToResource('elements/element-breadcrumbs.html');
|
|
await waitForElementsStyleSection();
|
|
|
|
// Check to make sure we have the correct node selected after opening a file
|
|
await waitForContentOfSelectedElementsNode('<body>\u200B');
|
|
|
|
// expand the tree and then navigate down to the target node
|
|
await expandSelectedNodeRecursively();
|
|
const targetChildNode = await waitForElementWithTextContent(EXPECTED_TEXT_CONTENT);
|
|
await click(targetChildNode);
|
|
|
|
// double check we got to the node we expect
|
|
await waitForSelectedTreeElementSelectorWithTextcontent(EXPECTED_TEXT_CONTENT);
|
|
await assertSelectedElementsNodeTextIncludes('last child');
|
|
});
|
|
|
|
it('lists all the elements in the tree', async () => {
|
|
const expectedCrumbsText = [
|
|
'html',
|
|
'body',
|
|
'div#div1',
|
|
'span#span1',
|
|
'div.div2',
|
|
];
|
|
const actualCrumbsText = await getBreadcrumbsTextContent({expectedNodeCount: expectedCrumbsText.length});
|
|
assert.deepEqual(actualCrumbsText, expectedCrumbsText);
|
|
});
|
|
|
|
it('correctly highlights the active node', async () => {
|
|
// Wait for the crumbs to render with all the elements we expect.
|
|
await getBreadcrumbsTextContent({expectedNodeCount: 5});
|
|
const selectedCrumbText = await getSelectedBreadcrumbTextContent();
|
|
assert.strictEqual(selectedCrumbText, 'div.div2');
|
|
});
|
|
});
|