dom/media/webvtt/test/mochitest/test_webvtt_empty_displaystate.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <meta charset='utf-8'>
   5   <title>WebVTT : cue's displaystate should be empty when its active flag is unset</title>
   6   <script src="/tests/SimpleTest/SimpleTest.js"></script>
   7   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
   8 </head>
   9 <body>
  10 <div id="content">
  11 </div>
  12 <script class="testbody" type="text/javascript">
  13 SimpleTest.waitForExplicitFinish();
  14
  15 var isReceivedOnEnterEvent = false;
  16 var isReceivedOnExitEvent = false;
  17
  18 function checkCueEvents() {
  19   ok(isReceivedOnEnterEvent, "Already received cue's onEnter event.");
  20   ok(isReceivedOnExitEvent, "Already received cue's onExit event.");
  21   SimpleTest.finish();
  22 }
  23
  24 function checkCueDisplayState(cue, expectedState) {
  25   var cueChrome = SpecialPowers.wrap(cue);
  26   if (expectedState) {
  27     ok(cueChrome.displayState, "Cue's displayState shouldn't be empty.");
  28   } else {
  29     ok(!cueChrome.displayState, "Cue's displayState should be empty.");
  30   }
  31 }
  32
  33 function runTest() {
  34   info("--- create video ---");
  35   var video = document.createElement("video");
  36   video.src = "seek.webm";
  37   video.autoplay = true;
  38   document.getElementById("content").appendChild(video);
  39
  40   video.onended = function () {
  41     video.onended = null;
  42     checkCueEvents();
  43   };
  44
  45   video.onpause = function () {
  46     video.onpause = null;
  47     checkCueEvents();
  48   }
  49
  50   video.onloadedmetadata = function () {
  51     ok(video.duration > 2, "video.duration should larger than 2");
  52   }
  53
  54   info("--- create the type of track ---");
  55   isnot(window.TextTrack, undefined, "TextTrack should be defined.");
  56
  57   var track = video.addTextTrack("subtitles", "A", "en");
  58   track.mode = "showing";
  59   ok(track instanceof TextTrack, "Track should be an instanceof TextTrack.");
  60
  61   info("--- check the type of cue ---");
  62   isnot(window.TextTrackCue, undefined, "TextTrackCue should be defined.");
  63   isnot(window.VTTCue, undefined, "VTTCue should be defined.");
  64
  65   var cue = new VTTCue(1, 2, "Test cue");
  66   ok(cue instanceof TextTrackCue, "Cue should be an instanceof TextTrackCue.");
  67   ok(cue instanceof VTTCue, "Cue should be an instanceof VTTCue.");
  68
  69   info("--- add cue ---");
  70   track.addCue(cue);
  71   video.ontimeupdate = function () {
  72     info("--- video.currentTime is " + video.currentTime);
  73   };
  74   cue.onenter = function () {
  75     cue.onenter = null;
  76     isReceivedOnEnterEvent = true;
  77     var cueChrome = SpecialPowers.wrap(cue);
  78     info("cueChrome.getActive " + cueChrome.getActive);
  79     if (cueChrome.getActive) {
  80       checkCueDisplayState(cue, true /* has display-state */);
  81     } else {
  82       info("This is a missing cue, video.currentTime is "+ video.currentTime);
  83     }
  84
  85     cue.onexit = function () {
  86       cue.onexit = null;
  87       isReceivedOnExitEvent = true;
  88       checkCueDisplayState(cue, false /* no display-state */);
  89       video.pause();
  90     }
  91   }
  92 }
  93
  94 onload = runTest;
  95 </script>
  96 </body>
  97 </html>