front_end/panels/emulation/AdvancedApp.test.ts

// Copyright 2024 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import * as Common from '../../core/common/common.js';
import * as Host from '../../core/host/host.js';
import type * as Platform from '../../core/platform/platform.js';
import {
  deinitializeGlobalVars,
  initializeGlobalVars,
} from '../../testing/EnvironmentHelpers.js';
import {describeWithMockConnection} from '../../testing/MockConnection.js';
import * as ThemeSupport from '../../ui/legacy/theme_support/theme_support.js';

import * as Emulation from './emulation.js';

describeWithMockConnection('AdvancedApp', () => {
  beforeEach(async () => {
    await deinitializeGlobalVars();
    Common.Settings.registerSettingsForTest([
      {
        category: Common.Settings.SettingCategory.GLOBAL,
        settingName: 'currentDockState',
        settingType: Common.Settings.SettingType.ENUM,
        defaultValue: 'right',
        options: [
          {
            value: 'right',
            text: () => 'right' as Platform.UIString.LocalizedString,
            title: () => 'Dock to right' as Platform.UIString.LocalizedString,
            raw: false,
          },
          {
            value: 'bottom',
            text: () => 'bottom' as Platform.UIString.LocalizedString,
            title: () => 'Dock to bottom' as Platform.UIString.LocalizedString,
            raw: false,
          },
          {
            value: 'left',
            text: () => 'left' as Platform.UIString.LocalizedString,
            title: () => 'Dock to left' as Platform.UIString.LocalizedString,
            raw: false,
          },
          {
            value: 'undocked',
            text: () => 'undocked' as Platform.UIString.LocalizedString,
            title: () => 'Undock' as Platform.UIString.LocalizedString,
            raw: false,
          },
        ],
      },
      {
        category: Common.Settings.SettingCategory.APPEARANCE,
        storageType: Common.Settings.SettingStorageType.SYNCED,
        settingName: 'chrome-theme-colors',
        settingType: Common.Settings.SettingType.BOOLEAN,
        defaultValue: true,
        reloadRequired: true,
      },
    ]);
    await initializeGlobalVars({reset: false});
  });

  afterEach(async () => {
    await deinitializeGlobalVars();
  });

  it('updates colors node link on ColorThemeChanged', async () => {
    const advancedApp = Emulation.AdvancedApp.AdvancedApp.instance();
    assert.exists(advancedApp);

    const fetchColorsSpy = sinon.spy(ThemeSupport.ThemeSupport.instance(), 'fetchColorsAndApplyHostTheme');

    Host.InspectorFrontendHost.InspectorFrontendHostInstance.events.dispatchEventToListeners(
        Host.InspectorFrontendHostAPI.Events.ColorThemeChanged);

    sinon.assert.called(fetchColorsSpy);
  });
});