Capture Runtime JavaScript Errors (Selenium Web Driver + JUnit + ExtJS)

In my previous post Capture ExtJS Ajax Error (Selenium Web Driver + JUnit + ExtJS), I showed how to capture Ajax errors. In this post, I'm going to show how to use similar approach to capture general Javascript errors.

First, need to inject the following Javascript code to the page under testing:

	//Client side utilities for Selenium tests of ExtJS web applications
	//requires ExtJS and Underscore libraries
	//SJTXE - Selenium JavaScript Testing eXtension for ExtJS
	(function(root, Ext) {
	var root = root || window;
	var me = root;
	var Ext = Ext;
	//private vars
	var hasJSError = false;
	var onJSError = function(conn, response, options, eOpts) {
	hasJSFailure = true;
	};
	window.onerror = onJSError;
	//exposed object
	var SJTXE = {
	VERSION: '0.0',
	hasJSError: function() {return hasJSError}
	};
	root.SJTXE = SJTXE;
	return SJTXE;
	})(this, Ext);

view raw JSError.js hosted with ❤ by GitHub

The Java code to inject the JS code above and to check runtime script error:

	//make sure it's run after every page load
	public static void injectSJTXE(WebDriver driver) throws IOException {
	URL url;
	String js;
	url = Resources.getResource(ExtJSUtil.class, "SJTXE.js");
	js = Resources.toString(url, Charsets.UTF_8);
	((JavascriptExecutor) driver).executeScript(js);
	}
	//code to check if there are ExtJS Ajax error
	Boolean hasJSError = (Boolean) ((JavascriptExecutor) driver).executeScript("return SJTXE.hasJSError();");
	//or check it in @After for each test case
	@After
	public void tearDown() {
	assertThat("No runtime JavaScript error",
	(Boolean) ((JavascriptExecutor) driver).executeScript("return SJTXE.hasJSError();"),
	equalTo(false));
	}

view raw SJTXE.java hosted with ❤ by GitHub