mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-10 13:44:39 +08:00
Peter Marshall
467b0b1632
The extensions have helpers like it.repeat() and async tracing which make development and debugging easier. All the tests will import from the extensions file now rather than mocha directly. A follow-up CL will add lint checks for this. Bug: 1101782 Change-Id: I7b1a540be1685375b06f1db5d0fda2f2879446c2 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2354104 Commit-Queue: Peter Marshall <petermarshall@chromium.org> Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Reviewed-by: Paul Lewis <aerotwist@chromium.org>
28 lines
1.0 KiB
TypeScript
28 lines
1.0 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 {describe, it} from '../../shared/mocha-extensions.js';
|
|
|
|
import {getChangesList, openChangesPanelAndNavigateTo, waitForNewChanges} from '../helpers/changes-helpers.js';
|
|
import {editCSSProperty} from '../helpers/elements-helpers.js';
|
|
|
|
describe('The Changes Panel', async () => {
|
|
it('Shows changes made in the Styles pane', async () => {
|
|
const TEST_PAGE = 'styled-page';
|
|
|
|
await openChangesPanelAndNavigateTo(TEST_PAGE);
|
|
|
|
let changes = await getChangesList();
|
|
assert.strictEqual(changes.length, 0, 'There should be no changes by default');
|
|
|
|
await editCSSProperty('html, body', 'background', 'red');
|
|
await waitForNewChanges(changes);
|
|
|
|
changes = await getChangesList();
|
|
assert.strictEqual(changes.length, 1, 'There should now be 1 change in the list');
|
|
assert.strictEqual(changes[0], `${TEST_PAGE}.html`);
|
|
});
|
|
});
|