blob: a9145df999d3594c776c2e12b798261241f969d9 [file] [log] [blame]
<!DOCTYPE html>
<html>
<body>
<script src="../../resources/js-test-pre.js"></script>
<p id="description"></p>
<div id="sandbox"></div>
<pre id="console"></pre>
<script>
description("Tests to ensure that accesskey works in iframes and other iframes don't effect current accesskey maps.");
function pressAccessKey(key)
{
if (navigator.userAgent.search(/\bMac OS X\b/) != -1)
modifiers = ["ctrlKey", "altKey"];
else
modifiers = ["altKey"];
eventSender.keyDown(key, modifiers);
}
var targetsOfFocusEvents = [];
function clearEventRecords()
{
targetsOfFocusEvents = [];
}
function recordFocusEvent(event)
{
if (event.type == 'focus')
targetsOfFocusEvents.push(event.target.id);
}
function createDomInDocument(doc, tagName, attributes)
{
var element = doc.createElement(tagName);
for (var name in attributes)
element.setAttribute(name, attributes[name]);
if (attributes['id'])
element.addEventListener('focus', recordFocusEvent, false);
return element;
}
function test()
{
if (window.testRunner)
testRunner.dumpAsText();
var sandbox = document.getElementById('sandbox');
sandbox.appendChild(createDomInDocument(document, 'input', {'id': 'inputB'}));
sandbox.appendChild(createDomInDocument(document, 'input', {'id': 'inputC', 'accesskey': 'a'}));
sandbox.appendChild(createDomInDocument(document, 'input', {'id': 'inputD', 'accesskey': 'b'}));
sandbox.appendChild(createDomInDocument(document, 'input', {'id': 'inputE', 'accesskey': 'c'}));
window.iframe1 = document.createElement('iframe');
sandbox.appendChild(iframe1);
iframe1.contentDocument.body.appendChild(createDomInDocument(iframe1.contentDocument, 'input', {'id': 'inputG', 'accesskey': 'a'}));
iframe1.contentDocument.body.appendChild(createDomInDocument(iframe1.contentDocument, 'input', {'id': 'inputH', 'accesskey': 'c'}));
iframe1.contentDocument.body.appendChild(createDomInDocument(iframe1.contentDocument, 'input', {'id': 'inputI', 'accesskey': 'd'}));
window.iframe2 = iframe1.contentDocument.createElement('iframe');
iframe1.contentDocument.body.appendChild(iframe2);
iframe2.contentDocument.body.appendChild(createDomInDocument(iframe2.contentDocument, 'input', {'id': 'inputK'}));
iframe2.contentDocument.body.appendChild(createDomInDocument(iframe2.contentDocument, 'input', {'id': 'inputL', 'accesskey': 'a'}));
debug('Accesskeys should work in an iframe. "iframe1" has both "inputG" and "inputH" (accesskey="c") elements.');
clearEventRecords();
shouldBe('iframe1.contentDocument.getElementById("inputG").focus(); pressAccessKey("c"); targetsOfFocusEvents', '["inputG", "inputH"]');
debug('\n"inputC" element has an accessKey of "a" and other iframes also have elements with accesskey of "a". An acccesskey should not be overridden by other iframes, so "inputC" should be selected.');
clearEventRecords();
shouldBe('document.getElementById("inputB").focus(); pressAccessKey("a"); targetsOfFocusEvents;', '["inputB", "inputC"]');
debug('\nA child iframe, iframe1, has an element with accesskey of "d", which should be ignored.');
clearEventRecords();
shouldBe('document.getElementById("inputB").focus(); pressAccessKey("d"); targetsOfFocusEvents', '["inputB"]');
debug('\nAn accesskey defined in an ancestor iframe should be ignored. "inputD" has accesskey of "b", which should not be selected from descendant iframes, iframe1 and iframe2.');
clearEventRecords();
shouldBe('iframe1.contentDocument.getElementById("inputG").focus(); pressAccessKey("b"); targetsOfFocusEvents', '["inputG"]');
clearEventRecords();
shouldBe('iframe2.contentDocument.getElementById("inputK").focus(); pressAccessKey("b"); targetsOfFocusEvents', '["inputK"]');
}
test();
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>