git.asbjorn.biz / jquery.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 2953d04)
Makes local filesystem test for ajax more insightful.
authorjaubourg <j@ubourg.net>
Wed, 9 Feb 2011 14:27:50 +0000 (15:27 +0100)
committerjaubourg <j@ubourg.net>
Wed, 9 Feb 2011 14:27:50 +0000 (15:27 +0100)
test/localfile.html patch | blob | history

diff --git a/test/localfile.html b/test/localfile.html
index b354612..c27e946 100644 (file)
--- 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
JQuery