72 lines
2.5 KiB
HTML
72 lines
2.5 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<body id="body">
|
|
<p>This tests that a media element ie: <code><Audio></code> or <code><video></code>, without tabindex can be selected with keyboard (TAB Key)</p>
|
|
<pre id="console"></pre>
|
|
|
|
<input id="WithTabIndexVideo" type=text>
|
|
<br>
|
|
<video id="video1" onfocus="window.mediaFocused = true" controls tabindex="0" src="../media/content/test.mp4"></video>
|
|
<br>
|
|
|
|
<input id="WithoutTabIndexVideo" type=text>
|
|
<br>
|
|
<video id="video2" onfocus="window.mediaFocused = true" controls src="../media/content/test.mp4"></video>
|
|
<br>
|
|
|
|
<input id="WithoutControlsButWithTabIndexVideo" type=text>
|
|
<br>
|
|
<video id="video3" onfocus="window.mediaFocused = true" tabindex="0" src="../media/content/test.mp4"></video>
|
|
<br>
|
|
|
|
<input id="WithoutTabIndexAudio" type=text>
|
|
<br>
|
|
<audio id="audio1" onfocus="window.mediaFocused = true" controls src="../media/content/test.wav"></audio>
|
|
<br>
|
|
|
|
<input id="WithoutControlaAndTabIndexAudio" type=text>
|
|
<br>
|
|
<audio id="audio2" onfocus="window.mediaFocused = true" src="../media/content/test.mp4"></audio>
|
|
<br>
|
|
|
|
<script>
|
|
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText();
|
|
|
|
function test(mediaId, fieldId, shoulbefocussed)
|
|
{
|
|
if (!window.eventSender)
|
|
return;
|
|
|
|
var mediaFocusedResult, mediaNotFocusedResult;
|
|
if (shoulbefocussed)
|
|
{
|
|
mediaFocusedResult = "SUCCESS";
|
|
mediaNotFocusedResult = "FAIL";
|
|
}
|
|
else
|
|
{
|
|
mediaFocusedResult = "FAIL";
|
|
mediaNotFocusedResult = "SUCCESS";
|
|
}
|
|
|
|
window.mediaFocused = false;
|
|
document.getElementById(fieldId).focus();
|
|
eventSender.keyDown('\t');
|
|
if (window.mediaFocused)
|
|
document.getElementById("console").innerHTML += mediaFocusedResult + ": Tab-Key did tab to the Media Element (" + mediaId + "). TEST: " + fieldId + ".\n";
|
|
else
|
|
document.getElementById("console").innerHTML += mediaNotFocusedResult + ": Tab-Key did not tab to the Media Element (" + mediaId + "). TEST: " + fieldId + ".\n";
|
|
}
|
|
|
|
test("video1", "WithTabIndexVideo", true);
|
|
test("video2", "WithoutTabIndexVideo", true);
|
|
test("video3", "WithoutControlsButWithTabIndexVideo", true);
|
|
test("audio1", "WithoutTabIndexAudio", "SUCCESS", true);
|
|
test("audio2", "WithoutControlaAndTabIndexAudio", false);
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|