window.onload

Details
Written by: Stanko Milosev
Category: Jasmine
Hits: 5233

Just a short note to my self, window.onload must not be included in Jasmine test, otherwise it will not work.

For example, my index.js looks like:

window.onload = function () {
	window.loadFile.MyLoadFile();
}

namespaces.js:

window.loadFile = window.loadFile || {};

window.loadFile.js:

(function(ns) {
	function MyLoadFile() {
		var contentURI = 'http://localhost/jasmineClock/file.html',
			isLoadingStarted,
			loadingTimeOutHandle;
			
		isLoadingStarted = true;

		setTimeout(function () {
			$( "#myWebSite" ).append( "<p>setTimeout</p>" );
			isLoadingStarted = false;
		}, 100);
		
		$.get( contentURI, function (data) {
			isLoadingStarted = false;	
			$( "#myWebSite" ).append( data );
		});
	}
	
	ns.MyLoadFile = MyLoadFile;
}(window.loadFile))

and in SpecRunner.html I didn't import the index.js:

<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8">
		<title>Jasmine Spec Runner v2.1.3</title>

		<link rel="shortcut icon" type="image/png" href="/lib/jasmine-2.1.3/jasmine_favicon.png">
		<link rel="stylesheet" href="/lib/jasmine-2.1.3/jasmine.css">

		<script src="/lib/jasmine-2.1.3/jasmine.js"></script>
		<script src="/lib/jasmine-2.1.3/jasmine-html.js"></script>
		<script src="/lib/jasmine-2.1.3/boot.js"></script>

		<script type="text/javascript" src="/../jquery-2.1.3.js"></script>  

		<script type="text/javascript" src="/../namespaces.js"></script>
		<script type="text/javascript" src="/../window.loadFile.index.js"></script>		
		
		
		<!-- include spec files here... -->
		<script src="/spec/indexSpec.js"></script>

	</head>

	<body>
	</body>
	
</html>