mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-30 09:54:02 +08:00
Alex Rudenko
e92fe9d745
The click helper now only accepts selectors so that it is able to recover from unstable DOM situations. A new deprecated helper clickElement is introduced for tests that cannot use a selector currently. This should serve as a red flag that the test might suffer from flakiness. Bounding box and offset computation is removed for now. New Puppeteer version allows providing relative click coordinates so we need to use that. Bug: 1411188, 1409768, 1411196, 1410437 Change-Id: I94a272184530842476bb2a879d862c4bd0930dba Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4194329 Reviewed-by: Philip Pfaffe <pfaffe@chromium.org> Commit-Queue: Alex Rudenko <alexrudenko@chromium.org>
68 lines
3.0 KiB
TypeScript
68 lines
3.0 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,
|
|
clickElement,
|
|
getBrowserAndPages,
|
|
getTestServerPort,
|
|
goToResource,
|
|
waitFor,
|
|
} from '../../shared/helper.js';
|
|
import {describe, it} from '../../shared/mocha-extensions.js';
|
|
import {navigateToApplicationTab} from '../helpers/application-helpers.js';
|
|
import {getDataGrid, getDataGridRows, getInnerTextOfDataGridCells} from '../helpers/datagrid-helpers.js';
|
|
|
|
const REPORTING_API_SELECTOR = '[aria-label="Reporting API"]';
|
|
|
|
describe('The Reporting API Page', async () => {
|
|
it('shows reports', async () => {
|
|
const {target} = getBrowserAndPages();
|
|
await navigateToApplicationTab(target, 'reporting-api');
|
|
await click(REPORTING_API_SELECTOR);
|
|
const dataGrid = await getDataGrid();
|
|
const innerText = await getInnerTextOfDataGridCells(dataGrid, 1, false);
|
|
const reportBody = '{"columnNumber":20,"id":"NavigatorVibrate","lineNumber":9,"message":' +
|
|
'"Blocked call to navigator.vibrate because user hasn\'t tapped on the frame or any ' +
|
|
'embedded frame yet: https://www.chromestatus.com/feature/5644273861001216.","sourceFile":' +
|
|
`"https://localhost:${getTestServerPort()}/test/e2e/resources/application/reporting-api.html"}`;
|
|
|
|
assert.strictEqual(
|
|
innerText[0][0], `https://localhost:${getTestServerPort()}/test/e2e/resources/application/reporting-api.html`);
|
|
assert.strictEqual(innerText[0][1], 'intervention');
|
|
assert.strictEqual(innerText[0][2], 'Queued');
|
|
assert.strictEqual(innerText[0][3], 'default');
|
|
assert.strictEqual(innerText[0][5], reportBody);
|
|
|
|
const rows = await getDataGridRows(1, dataGrid, false);
|
|
await clickElement(rows[rows.length - 1][0]);
|
|
|
|
const jsonView = await waitFor('.json-view');
|
|
const jsonViewText = await jsonView.evaluate(el => (el as HTMLElement).innerText);
|
|
assert.strictEqual(jsonViewText, '{columnNumber: 20, id: "NavigatorVibrate", lineNumber: 9,…}');
|
|
});
|
|
|
|
it('shows endpoints', async () => {
|
|
await goToResource('application/reporting-api.rawresponse');
|
|
await click('#tab-resources');
|
|
await waitFor('.storage-group-list-item'); // Make sure the application navigation list is shown
|
|
await click(REPORTING_API_SELECTOR);
|
|
const endpointsGrid = await $('devtools-resources-endpoints-grid');
|
|
if (!endpointsGrid) {
|
|
assert.fail('Could not find data-grid');
|
|
}
|
|
const dataGrid = await getDataGrid(endpointsGrid);
|
|
const innerText = await getInnerTextOfDataGridCells(dataGrid, 2, true);
|
|
assert.strictEqual(innerText[0][0], `https://localhost:${getTestServerPort()}`);
|
|
assert.strictEqual(innerText[0][1], 'default');
|
|
assert.strictEqual(innerText[0][2], 'https://reports.example/default');
|
|
assert.strictEqual(innerText[1][0], `https://localhost:${getTestServerPort()}`);
|
|
assert.strictEqual(innerText[1][1], 'main-endpoint');
|
|
assert.strictEqual(innerText[1][2], 'https://reports.example/main');
|
|
});
|
|
});
|