import { expect } from 'chai'; import { nativeTheme, systemPreferences, BrowserWindow, ipcMain } from 'electron/main'; import { once } from 'node:events'; import * as path from 'node:path'; import { setTimeout } from 'node:timers/promises'; import { expectDeprecationMessages } from './lib/deprecate-helpers'; import { ifdescribe } from './lib/spec-helpers'; import { closeAllWindows } from './lib/window-helpers'; describe('nativeTheme module', () => { describe('nativeTheme.shouldUseDarkColors', () => { it('returns a boolean', () => { expect(nativeTheme.shouldUseDarkColors).to.be.a('boolean'); }); }); describe('nativeTheme.themeSource', () => { afterEach(async () => { nativeTheme.themeSource = 'system'; // Wait for any pending events to emit await setTimeout(20); closeAllWindows(); }); it('is system by default', () => { expect(nativeTheme.themeSource).to.equal('system'); }); it('should override the value of shouldUseDarkColors', () => { nativeTheme.themeSource = 'dark'; expect(nativeTheme.shouldUseDarkColors).to.equal(true); nativeTheme.themeSource = 'light'; expect(nativeTheme.shouldUseDarkColors).to.equal(false); }); it('should emit the "updated" event when it is set and the resulting "shouldUseDarkColors" value changes', async () => { nativeTheme.themeSource = 'light'; let updatedEmitted = once(nativeTheme, 'updated'); nativeTheme.themeSource = 'dark'; await updatedEmitted; updatedEmitted = once(nativeTheme, 'updated'); nativeTheme.themeSource = 'light'; await updatedEmitted; }); it('should not emit the "updated" event when it is set and the resulting "shouldUseDarkColors" value is the same', async () => { nativeTheme.themeSource = 'dark'; // Wait a few ticks to allow an async events to flush await setTimeout(20); let called = false; nativeTheme.once('updated', () => { called = true; }); nativeTheme.themeSource = 'dark'; // Wait a few ticks to allow an async events to flush await setTimeout(20); expect(called).to.equal(false); }); ifdescribe(process.platform === 'darwin')('on macOS', () => { it('should update appLevelAppearance when set', async () => { await expectDeprecationMessages( () => { nativeTheme.themeSource = 'dark'; expect(systemPreferences.appLevelAppearance).to.equal('dark'); nativeTheme.themeSource = 'light'; expect(systemPreferences.appLevelAppearance).to.equal('light'); }, "(electron) 'appLevelAppearance' is deprecated and will be removed." ); }); }); const getPrefersColorSchemeIsDark = async (w: Electron.BrowserWindow) => { const isDark: boolean = await w.webContents.executeJavaScript( 'matchMedia("(prefers-color-scheme: dark)").matches' ); return isDark; }; it('should override the result of prefers-color-scheme CSS media query', async () => { const w = new BrowserWindow({ show: false, webPreferences: { contextIsolation: false, nodeIntegration: true } }); await w.loadFile(path.resolve(__dirname, 'fixtures', 'blank.html')); await w.webContents.executeJavaScript(` window.matchMedia('(prefers-color-scheme: dark)') .addEventListener('change', () => require('electron').ipcRenderer.send('theme-change')) `); const originalSystemIsDark = await getPrefersColorSchemeIsDark(w); let changePromise = once(ipcMain, 'theme-change'); nativeTheme.themeSource = 'dark'; if (!originalSystemIsDark) await changePromise; expect(await getPrefersColorSchemeIsDark(w)).to.equal(true); changePromise = once(ipcMain, 'theme-change'); nativeTheme.themeSource = 'light'; await changePromise; expect(await getPrefersColorSchemeIsDark(w)).to.equal(false); changePromise = once(ipcMain, 'theme-change'); nativeTheme.themeSource = 'system'; if (originalSystemIsDark) await changePromise; expect(await getPrefersColorSchemeIsDark(w)).to.equal(originalSystemIsDark); w.close(); }); }); describe('nativeTheme.shouldUseInvertedColorScheme', () => { it('returns a boolean', () => { expect(nativeTheme.shouldUseInvertedColorScheme).to.be.a('boolean'); }); }); describe('nativeTheme.shouldUseHighContrastColors', () => { it('returns a boolean', () => { expect(nativeTheme.shouldUseHighContrastColors).to.be.a('boolean'); }); }); describe('nativeTheme.inForcedColorsMode', () => { it('returns a boolean', () => { expect(nativeTheme.inForcedColorsMode).to.be.a('boolean'); }); }); });