LayoutTests/fast/events/tab-focus-hidden.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script>
   5
   6 if (window.testRunner)
   7     testRunner.dumpAsText();
   8
   9 window.onload = function()
  10 {
  11     if (!window.testRunner)
  12         return;
  13
  14     for (var i = 0; i < 4; i++) {
  15         eventSender.keyDown('\t');
  16     }
  17 };
  18
  19 function print(s)
  20 {
  21     var el = document.querySelector('pre');
  22     el.textContent += s + '\n';
  23 }
  24
  25 var nextToFocus = 0;
  26
  27 document.addEventListener('focus', function(e) {
  28     var el = e.target;
  29     print((el.getAttribute('data-tab') == nextToFocus ? 'PASS' : 'FAIL') +
  30           ' - ' + el.textContent);
  31     nextToFocus++;
  32 }, true);
  33
  34 </script>
  35 </head>
  36 <body>
  37
  38 <p>Layout test for <a href="https://bugs.webkit.org/show_bug.cgi?id=27099" tabindex=-1>https://bugs.webkit.org/show_bug.cgi?id=27099</a>
  39
  40 <div tabindex=0 data-tab=0>Div 0</div>
  41 <div tabindex=0 style="display:none">Div 1</div>
  42 <div tabindex=0 data-tab=1>Div 2</div>
  43 <div tabindex=0 data-tab=2 style="overflow:hidden;height:0">Div 3</div>
  44 <div tabindex=0 style="visibility:hidden">Div 4</div>
  45 <div tabindex=0 data-tab=3>Div 5</div>
  46
  47 <p>Result
  48
  49 <pre id=out></pre>
  50
  51 </body>
  52 </html>