"use strict";
// Copyright 2023 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
Object.defineProperty(exports, "__esModule", { value: true });
const context_menu_helpers_js_1 = require("../helpers/context-menu-helpers.js");
const elements_helpers_js_1 = require("../helpers/elements-helpers.js");
const sources_helpers_js_1 = require("../helpers/sources-helpers.js");
describe('Color swatches in the sources panel', () => {
    it('allows changing the color format', async ({ devToolsPage, inspectedPage }) => {
        await (0, sources_helpers_js_1.openFileInSourcesPanel)('inline-css.html', devToolsPage, inspectedPage);
        await (0, sources_helpers_js_1.openFileInEditor)('inline-css.html', devToolsPage);
        const editor = await devToolsPage.waitForAria('Code editor');
        await devToolsPage.waitForFunction(() => devToolsPage.$textContent('red', editor));
        await (0, elements_helpers_js_1.shiftClickColorSwatch)(editor, 0, 'Panel: sources > Pane: editor > TextField', devToolsPage);
        const menu = await (0, context_menu_helpers_js_1.waitForSoftContextMenu)(devToolsPage);
        await devToolsPage.click('[aria-label="#f00"]', { root: menu });
        await devToolsPage.waitForFunction(() => devToolsPage.$textContent('#f00', editor));
    });
});
//# sourceMappingURL=color-swatch.test.js.map