mirror of https://github.com/electron/electron
109 lines
4.0 KiB
TypeScript
109 lines
4.0 KiB
TypeScript
import { expect } from 'chai';
|
|
import { nativeTheme, BrowserWindow, ipcMain } from 'electron/main';
|
|
import { once } from 'node:events';
|
|
import * as path from 'node:path';
|
|
import { setTimeout } from 'node:timers/promises';
|
|
|
|
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);
|
|
});
|
|
|
|
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');
|
|
});
|
|
});
|
|
});
|