active-element-frames.html | Explore in Territory

<!DOCTYPE html>
<body>
<p>When the contents of an iframe have focus, the activeElement in the parent document should be the iframe element.</p>
<input id="input-0">
<iframe id="frame-1"></iframe>
<iframe id="frame-2"></iframe>
<pre id="out"></pre>
<script>

var doc0 = document;
var input0 = doc0.getElementById('input-0');

var iframe1 = doc0.getElementById('frame-1');
var doc1 = iframe1.contentDocument;
var input1 = doc1.body.appendChild(doc1.createElement('input'));

var iframe2 = doc0.getElementById('frame-2');
var doc2 = iframe2.contentDocument;
var input2 = doc2.body.appendChild(doc2.createElement('input'));

var iframe3 = doc1.body.appendChild(doc1.createElement('iframe'));
var doc3 = iframe3.contentDocument;
var input3 = doc3.body.appendChild(doc3.createElement('input'));

var iframe4 = doc2.body.appendChild(doc2.createElement('iframe'));
var doc4 = iframe4.contentDocument;
var input4 = doc4.body.appendChild(doc4.createElement('input'));

// Set up IDs for logging.
for (var i = 0; i < 5; i++) {
    window['doc' + i].body.id = 'body-' + i;
    if (i > 0)
        window['iframe' + i].id = 'iframe-' + i;
    window['input' + i].id = 'input-' + i;
}

function describe(obj)
{
    if (obj === document)
        return 'top';
    if (obj.defaultView && obj.defaultView.frameElement)
        return describe(obj.defaultView.frameElement);
    return describe(obj.ownerDocument) + '/' + obj.id;
}

function print(s)
{
    document.getElementById('out').textContent += s + '\n';
}

function assertActiveElement(doc, expected)
{
    if (doc.activeElement === expected)
        print('PASS: ' + describe(doc) + ' document.activeElement is ' + describe(doc.activeElement));
    else
        print('FAIL: ' + describe(doc) + ' document.activeElement is ' + describe(doc.activeElement) + ' but expected ' + describe(expected));
}

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

print('Focusing ' + describe(input0));
input0.focus();
assertActiveElement(doc0, input0);
assertActiveElement(doc1, doc1.body);
assertActiveElement(doc2, doc2.body);
assertActiveElement(doc3, doc3.body);
assertActiveElement(doc4, doc4.body);

print('\nFocusing ' + describe(input1));
input1.focus();
assertActiveElement(doc0, iframe1);
assertActiveElement(doc1, input1);
assertActiveElement(doc2, doc2.body);
assertActiveElement(doc3, doc3.body);
assertActiveElement(doc4, doc4.body);

print('\nFocusing ' + describe(input2));
input2.focus();
assertActiveElement(doc0, iframe2);
assertActiveElement(doc1, doc1.body);
assertActiveElement(doc2, input2);
assertActiveElement(doc3, doc3.body);
assertActiveElement(doc4, doc4.body);

print('\nFocusing ' + describe(input3));
input3.focus();
assertActiveElement(doc0, iframe1);
assertActiveElement(doc1, iframe3);
assertActiveElement(doc2, doc2.body);
assertActiveElement(doc3, input3);
assertActiveElement(doc4, doc4.body);

print('\nFocusing ' + describe(input4));
input4.focus();
assertActiveElement(doc0, iframe2);
assertActiveElement(doc1, doc1.body);
assertActiveElement(doc2, iframe4);
assertActiveElement(doc3, doc3.body);
assertActiveElement(doc4, input4);
</script>
</body>
chromium/third_party/blink/web_tests/fast/dom/HTMLDocument/active-element-frames.html
