blob: 6d608be104e63dfdd61e93bf728ce06f18ac64ca [file] [log] [blame]
<!DOCTYPE html>
<title>This tests that controls do not fade out when the video is playing remotely.</title>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<script src="media-file.js"></script>
<script src="media-controls.js"></script>
<video controls loop></video>
<script>
async_test(function(t) {
var video = document.querySelector("video");
video.src = findMediaFile("video", "content/test");
video.onplaying = t.step_func(function() {
internals.mediaPlayerPlayingRemotelyChanged(video, true);
runAfterHideMediaControlsTimerFired(function() {
var controls = mediaControlsButton(video, "panel");
assert_equals(getComputedStyle(controls).opacity, "1");
internals.mediaPlayerPlayingRemotelyChanged(video, false);
runAfterHideMediaControlsTimerFired(function() {
assert_equals(getComputedStyle(controls).opacity, "0");
t.done();
}, video);
}, video);
});
video.play();
});
</script>