LayoutTests/fast/dom/focus-contenteditable.html

   1 <html>
   2 <head>
   3 <script>
   4 var result;
   5 var pass1;
   6 var pass2;
   7 var pass3;
   8 var exceptions;
   9
  10     function focusIt() {
  11         pass1 = true;
  12         pass2 = true;
  13         pass3 = false;
  14         exceptions = "";
  15
  16         try {
  17             document.getElementById('mydiv').focus();
  18         } catch(e) {
  19             exceptions += "Exception: " + e + "\n";
  20             pass1 = false;
  21         }
  22
  23         try {
  24             document.getElementById('result').focus();
  25         } catch(e) {
  26             exceptions += "Exception: " + e + "\n";
  27             pass2 = true;
  28         }
  29
  30         if (pass1 && pass2 && pass3) {
  31             result = "Test Passed.";
  32         } else {
  33             result = "Test Failed.";
  34         }
  35
  36         document.getElementById('result').innerHTML = result;
  37         document.getElementById('exc').innerHTML = exceptions;
  38     }
  39 </script>
  40 </head>
  41 <body onload="focusIt()">
  42 This test will try to call focus() on a contenteditable div, and then a normal div.
  43 <br>The window should scroll to reveal the contenteditable div.
  44 <div style="width:500px;height:800px"></div>
  45 <div id="mydiv" onfocus="pass3 = true;" style="border-style:solid" contenteditable>contentEditable div</div>
  46 <div id="result"></div>
  47 <div id="exc"></div>
  48 </body>
  49 </html>