ckerr/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title></title>
  </head>
  <body>
    Display is <span id="size"></span>
    <script src="renderer.js"></script>
  </body>
</html>

## main.js
const { app, ipcMain, BrowserWindow } = require("electron");

app.whenReady().then(() => {
  const mainWindow = new BrowserWindow({
    webPreferences: {
      enableRemoteModule: true,
      nodeIntegration: true,
    },
  });
  mainWindow.loadFile("index.html");
  mainWindow.webContents.openDevTools();
});

app.on("window-all-closed", () => app.quit());


// test harness

function finishTest(success, text) {
  if (success) {
    console.log('test passed');
    app.exit(0);
  } else {
    console.log(`test failed: ${text}`);
    app.exit(1);
  }
}

ipcMain.on('test-passed', (event, ...args) => finishTest(true, ...args));
ipcMain.on('test-failed', (event, ...args) => finishTest(false, ...args));
ipcMain.on('test-finished', (event, ...args) => finishTest(...args));
process.on('uncaughtException', (error) => finishTest(false, error.toString()));

## preload.js
// Empty

## renderer.js
const { app, ipcRenderer, remote } = require("electron");

try {
  // confirm that `remote.screen` is defined
  const primaryDisplay = remote.screen.getPrimaryDisplay();
  const { width, height } = primaryDisplay.workAreaSize;
  document.querySelector("#size").textContent = `${width}×${height}`;
  ipcRenderer.send('test-passed');
} catch (e) {
  ipcRenderer.send('test-failed', e.toString());
}

## styles.css
/* Empty */
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<title></title>
	</head>
	<body>
	Display is <span id="size"></span>
	<script src="renderer.js"></script>
	</body>
	</html>
	const { app, ipcMain, BrowserWindow } = require("electron");

	app.whenReady().then(() => {
	const mainWindow = new BrowserWindow({
	webPreferences: {
	enableRemoteModule: true,
	nodeIntegration: true,
	},
	});
	mainWindow.loadFile("index.html");
	mainWindow.webContents.openDevTools();
	});

	app.on("window-all-closed", () => app.quit());


	// test harness

	function finishTest(success, text) {
	if (success) {
	console.log('test passed');
	app.exit(0);
	} else {
	console.log(`test failed: ${text}`);
	app.exit(1);
	}
	}

	ipcMain.on('test-passed', (event, ...args) => finishTest(true, ...args));
	ipcMain.on('test-failed', (event, ...args) => finishTest(false, ...args));
	ipcMain.on('test-finished', (event, ...args) => finishTest(...args));
	process.on('uncaughtException', (error) => finishTest(false, error.toString()));
	const { app, ipcRenderer, remote } = require("electron");

	try {
	// confirm that `remote.screen` is defined
	const primaryDisplay = remote.screen.getPrimaryDisplay();
	const { width, height } = primaryDisplay.workAreaSize;
	document.querySelector("#size").textContent = `${width}×${height}`;
	ipcRenderer.send('test-passed');
	} catch (e) {
	ipcRenderer.send('test-failed', e.toString());
	}