From 806d9ce8111128c4f30c6559c325f8a4ad1018a3 Mon Sep 17 00:00:00 2001
From: jaubourg <j@ubourg.net>
Date: Wed, 9 Feb 2011 15:27:50 +0100
Subject: [PATCH] Makes local filesystem test for ajax more insightful.

---
 test/localfile.html | 40 +++++++++++++++++++++++++++++++---------
 1 file changed, 31 insertions(+), 9 deletions(-)
diff --git a/test/localfile.html b/test/localfile.html
index b354612a..c27e946e 100644
--- a/test/localfile.html
+++ b/test/localfile.html
@@ -22,35 +22,57 @@
 	<script src="../src/effects.js"></script>
 	<script src="../src/offset.js"></script>
 	<script src="../src/dimensions.js"></script>
+	<style>
+		.error { color: red; }
+		.success { color: green; }
+	</style>
 </head>
 
 <body>
 	<h1>jQuery Local File Test</h1>
 	<ul>
 		<li>
-			Access this file using the "file:" protocol.
+			Access this file using the "file:" protocol,
 		</li>
 		<li>
-			Two lines must appear below.
+			two "OK" strings must appear below,
 		</li>
 		<li>
 			Opera will fail at detecting errors, it's a known issue.
 		</li>
 	</ul>
+	<ul>
+		<li>
+			Success:
+			<span id="success">
+			</span>
+		</li>
+		<li>
+			Error:
+			<span id="error">
+			</span>
+		</li>
+	</ul>
 	<script>
-		jQuery.ajax( "data/badjson.js" , {
+		jQuery.ajax( "./data/badjson.js" , {
+			context: jQuery( "#success" ),
 			dataType: "text"
 		}).success(function() {
-			jQuery( "<div/>" ).text( "Success OK" ).appendTo( "body" );
+			console && console.log && console.log( "success/success" , arguments );
+			this.addClass("success").text( "OK" );
+		}).error(function() {
+			console && console.log && console.log( "success/error" , arguments );
+			this.addClass("error").text( "FAIL" );
 		});
-		jQuery.ajax( "data/doesnotexist.ext" , {
+		jQuery.ajax( "./data/doesnotexist.ext" , {
+			context: jQuery( "#error" ),
 			dataType: "text"
 		}).error(function() {
-			jQuery( "<div/>" ).text( "Error OK" ).appendTo( "body" );
+			console && console.log && console.log( "error/error" , arguments );
+			this.addClass("success").text( "OK" );
 		}).success(function() {
-			if ( jQuery.browser.opera ) {
-				jQuery( "<div/>" ).text( "Error Fail (Opera)" ).appendTo( "body" );
-			}
+			console && console.log && console.log( "error/success" , arguments );
+			this.addClass( $.browser.opera ? "success" : "error" ).text( "FAIL" );
 		});
 	</script>
 </body>
\ No newline at end of file
