<!DOCTYPE html>
<html>
<head>
<script>

if (window.testRunner)
    testRunner.dumpAsText();

window.onload = function()
{
    if (!window.testRunner)
        return;
    
    for (var i = 0; i < 4; i++) {
        eventSender.keyDown('\t');
    }
};

function print(s)
{
    var el = document.querySelector('pre');
    el.textContent += s + '\n';
}

var nextToFocus = 0;

document.addEventListener('focus', function(e) {
    var el = e.target;
    print((el.getAttribute('data-tab') == nextToFocus ? 'PASS' : 'FAIL') +
          ' - ' + el.textContent);
    nextToFocus++;
}, true);

</script>
</head>
<body>

<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>

<div tabindex=0 data-tab=0>Div 0</div>
<div tabindex=0 style="display:none">Div 1</div>
<div tabindex=0 data-tab=1>Div 2</div>
<div tabindex=0 data-tab=2 style="overflow:hidden;height:0">Div 3</div>
<div tabindex=0 style="visibility:hidden">Div 4</div>
<div tabindex=0 data-tab=3>Div 5</div>

<p>Result

<pre id=out></pre>

</body>
</html>