test/networkerror.html

   1 <!DOCTYPE html>
   2 <html>
   3 <!--
   4         Test for #8135
   5
   6         Thanks John Firebaugh for this test page based on his gist
   7         https://gist.github.com/807090
   8
   9         Access this page through a web server, then stop said server and click the button.
  10 -->
  11 <head>
  12         <title>
  13                 jQuery Network Error Test for Firefox
  14         </title>
  15         <style>
  16                 div { margin-top: 10px; }
  17         </style>
  18         <script src="../dist/jquery.js"></script>
  19         <script type="text/javascript">
  20         $('button').live('click', function () {
  21                 $.ajax({
  22                         url: '/',
  23                         error: function() {
  24                                 console.log( "abort", arguments );
  25                         }
  26                 }).abort();
  27                 $.ajax({
  28                         url: '/',
  29                         error: function() {
  30                                 console.log( "complete", arguments );
  31                         }
  32                 });
  33                 return false;
  34         })
  35         </script>
  36 </head>
  37 <body>
  38         <h1>
  39                 jQuery Network Error Test for Firefox
  40         </h1>
  41         <div>
  42                 This is a test page for
  43                 <a href="http://bugs.jquery.com/ticket/8135">
  44                         #8135
  45                 </a>
  46                 which was reported in Firefox when accessing properties
  47                 of an XMLHttpRequest object after a network error occured.
  48         </div>
  49         <div>Take the following steps:</div>
  50         <ol>
  51                 <li>
  52                         make sure you accessed this page through a web server,
  53                 </li>
  54                 <li>
  55                         stop the web server,
  56                 </li>
  57                 <li>
  58                         open the console,
  59                 </li>
  60                 <li>
  61                         click this
  62                         <button>button</button>
  63                         ,
  64                 </li>
  65                 <li>
  66                         wait for both requests to fail.
  67                 </li>
  68         </ol>
  69         <div>
  70                 Test passes if you get two log lines:
  71                 <ul>
  72                         <li>
  73                                 the first starting with "abort",
  74                         </li>
  75                         <li>
  76                                 the second starting with "complete",
  77                         </li>
  78                 </ul>
  79         </div>
  80         <div>
  81                 Test fails if the browser notifies an exception.
  82         </div>
  83 </body>
  84 </html>