puppeteer head/less differences

puppet.js

#!/usr/bin/env node

const puppeteer = require('puppeteer');

const timeout = (ms) => new Promise((resolve) => setTimeout(resolve, ms));

const params = {
	url: 'https://vendorcentral.amazon.com/gp/vendor/sign-in',
	user: '[email protected]',
	password: 'lol',
	isHeadless: false
};

async function main() {
	const browser = await puppeteer.launch({
		args: [ '--no-sandbox' ],
		headless: params.isHeadless
	});

	try {
		const page = await browser.newPage();
		page.viewport({ width: 1920 / 2, height: 1080 / 2 });
		await page.goto(params.url);

		await page.focus('[name="username"]');
		await page.type(params.user);
		await page.focus('[name="password"]');
		await page.type(params.password);

		await page.$eval('[name="username"]', (e) => e.closest('form').querySelector('button').click());
		await page.waitForNavigation();

		await page.screenshot({ path: '/tmp/foo.png', fullPage: true });
	} catch (ex) {
		console.error(ex);
	}

	if (params.isHeadless) browser.close();
}

main();