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>
71 lines
3.1 KiB
TypeScript
71 lines
3.1 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,
|
|
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 () => {
|
|
beforeEach(async () => {
|
|
await enableExperiment('reportingApiDebugging');
|
|
});
|
|
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 click(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');
|
|
});
|
|
});
|