setScreensize.ts

import IDevtoolsSession from '@secret-agent/interfaces/IDevtoolsSession';
import { IPuppetPage } from '@secret-agent/interfaces/IPuppetPage';
import BrowserEmulator from '../../index';

export default async function setScreensize(
  emulator: BrowserEmulator,
  page: IPuppetPage,
  devtools: IDevtoolsSession,
): Promise<void> {
  const { viewport } = emulator;
  if (!viewport) return;

  const promises: Promise<any>[] = [];

  if (emulator.browserEngine.isHeaded) {
    promises.push(
      page.devtoolsSession.send('Browser.getWindowForTarget').then(({ windowId, bounds }) => {
        if (bounds.width === viewport.width && bounds.height === viewport.height) {
          return null;
        }

        return devtools.send('Browser.setWindowBounds', {
          windowId,
          bounds: {
            width: viewport.width,
            height: viewport.height,
            windowState: 'normal',
          },
        });
      }),
    );
  }

  promises.push(
    devtools.send('Emulation.setDeviceMetricsOverride', {
      width: viewport.width,
      height: viewport.height,
      deviceScaleFactor: viewport.deviceScaleFactor ?? 1,
      positionX: viewport.positionX,
      positionY: viewport.positionY,
      screenWidth: viewport.screenWidth,
      screenHeight: viewport.screenHeight,
      mobile: false,
    }),
  );
  await Promise.all(promises);
}