calling addScriptTag returns Unhandled promise rejection (rejection id: 1): Error: Evaluation failed: Event

Steps to reproduce

Tell us about your environment:

• Puppeteer version: “^1.4.0”
• Platform / OS version: macOS 10.13.1
• URLs (if applicable): https://github.com/webAutomaticTest/pageEvaluate
• Node.js version: v8.11.2 I download the optimal-select.js from https://cdnjs.cloudflare.com/ajax/libs/optimal-select/4.0.1/optimal-select.js

What steps will reproduce the problem? I want to do automatic test about web applications.

1. run to test with command:

node index.js

the code in index.js:

const puppeteer = require('puppeteer');

test();

async function test(){
	const browser = await puppeteer.launch({headless: false, args:['--no-sandbox']});
	const page = await browser.newPage();
	await page.goto('https://twitter.com/');
	// await page.goto('https://apples-oranges.herokuapp.com/');
	await page.addScriptTag({path:'./optimal-select.js'});
	
	let candidateSelector = await page.evaluate(scanCandidateAction);
	console.log(candidateSelector);
}

function scanCandidateAction() {
	let actions = [];
	let computeCSSSelector = window['OptimalSelect'].select;
	let aElements = document.querySelectorAll('a');
	for (let i=0 ; i < aElements.length ; i++) {
		if (! isMailTo(aElements[i])) actions.push(computeCSSSelector(aElements[i]));
	}

	return actions;

	function isMailTo(element) {
		let href = element.href;
		return href && (href.toLowerCase().indexOf('mailto') > -1)		
	}
}

What is the expected result? array of CSS Selector What happens instead? it faled with error: (node:83553) UnhandledPromiseRejectionWarning: Error: Evaluation failed: Event It stoped and filed in this line:

await page.addScriptTag({path:'./optimal-select.js'});

[chenweiLabri]

@yanivefraim for me, I call page.setBypassCSP(true) before navigating temporarily solve my problem.

[aslushnikov]

@chenweiLabri yes, this is due to CSP. if you call page.setBypassCSP(true) before navigating, the issue goes away.

Our error is not very descriptive though; it should be possible to detect CSP violation using the Log.entryAdded protocol event. There’s been an effort before but we didn’t finish it: https://github.com/GoogleChrome/puppeteer/pull/1624

This would be nice to have though specifically for the addScriptTag and addStyleTag methods since they are hitting our users most.