blob: 8fb80008807005ea5673b13b114e5b4d4520f60a [file] [log] [blame]
<!DOCTYPE html>
<html>
<title>Test that volume slider is rendered below. </title>
<head>
<script src=video-test.js></script>
<script src=media-file.js></script>
<script src=media-controls.js></script>
<script>
var audio;
var muteButtonCoordinates;
var volumeSliderCoordinates;
function test()
{
consoleWrite("** Test that the volume slider is rendered correctly if the controls are near the top of the page **");
if (window.eventSender) {
consoleWrite("");
consoleWrite("** Move mouse on top of the mute button **");
try {
muteButtonCoordinates = mediaControlsButtonCoordinates(audio, "mute-button");
} catch (exception) {
consoleWrite("ERROR: unable to get controls coordinates.");
failTest();
return;
}
eventSender.mouseMoveTo(muteButtonCoordinates[0], muteButtonCoordinates[1]);
}
consoleWrite("");
consoleWrite("** Ensure layout is done after mouse move **");
document.body.offsetTop;
volumeSliderCoordinates = mediaControlsButtonCoordinates(audio, "volume-slider-container");
consoleWrite("");
consoleWrite("** The volume slider should not be positioned outside the page **");
testExpected("volumeSliderCoordinates[0] >= 0 && volumeSliderCoordinates[1] >= 0", true);
endTest();
}
function initialize()
{
audio = document.getElementsByTagName("audio")[0];
audio.src = findMediaFile("audio", "content/test");
}
</script>
</head>
<body onload="initialize();">
<audio controls oncanplaythrough="test();"></audio>
</body>
</html>