vtt_reflow_display.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html class="reftest-wait">

<head>

</head>

<link rel="stylesheet" href="vtt_reflow_display.css">

<body>

<div class="video-player">

  <div class="video-layer">

    <video id="v1" autoplay controls></video>

  </div>

</div>

<script>

/**

 * In bug 1733232, setting some CSS properties (from bug 1733232 comment17)

 * would cause video frame's reflow called very frequently, which crashed the

 * video control and caused no cue showing. We compare this test with another

 * white video without any cues, and they should NOT be equal.

*/

function testDisplayCueDuringFrequentReflow() {

  let video = document.getElementById("v1");

  video.src = "white.webm";

  let cue = new VTTCue(0, 4, "hello testing");

  cue.onenter = _ => {

    cue.onenter = null;

    video.pause();

    document.documentElement.removeAttribute('class');

  let track = video.addTextTrack("captions");

  track.mode = "showing";

  track.addCue(cue);

};

window.addEventListener("MozReftestInvalidate",

                        testDisplayCueDuringFrequentReflow);

</script>

</body>

</html>