git.asbjorn.biz / jquery.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Makes local filesystem test for ajax more insightful.
[jquery.git] / test / localfile.html
diff --git a/test/localfile.html b/test/localfile.html
index 8021631..c27e946 100644 (file)
--- a/test/localfile.html
+++ b/test/localfile.html
@@ -22,19 +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,
+               </li>
+               <li>
+                       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" , {
-               dataType: "text"
-       }).success(function() {
-               $( "<div/>" ).text( "Success OK" ).appendTo( "body" );
-       });
-       jQuery.ajax( "data/doesnotexist.ext" , {
-               dataType: "text"
-       }).error(function() {
-               $( "<div/>" ).text( "Error OK" ).appendTo( "body" );
-       });
+               jQuery.ajax( "./data/badjson.js" , {
+                       context: jQuery( "#success" ),
+                       dataType: "text"
+               }).success(function() {
+                       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" , {
+                       context: jQuery( "#error" ),
+                       dataType: "text"
+               }).error(function() {
+                       console && console.log && console.log( "error/error" , arguments );
+                       this.addClass("success").text( "OK" );
+               }).success(function() {
+                       console && console.log && console.log( "error/success" , arguments );
+                       this.addClass( $.browser.opera ? "success" : "error" ).text( "FAIL" );
+               });
        </script>
 </body>
\ No newline at end of file
JQuery