third_party/WebKit/LayoutTests/media/video-controls-captions.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   5     <title>Test closed caption button toggling.</title>
   6     <script src=media-file.js></script>
   7     <script src=media-controls.js></script>
   8     <script src=video-test.js></script>
   9     <script>
  10         var track;
  11
  12         function addTextTrackThroughJS()
  13         {
  14             consoleWrite("");
  15             consoleWrite("** Add a text track through JS to the video element **");
  16             var t = video.addTextTrack('captions', 'English', 'en');
  17             t.addCue(new VTTCue(0.0, 10.0, 'Some random caption text'));
  18         }
  19
  20         function addUnloadableHTMLTrackElement()
  21         {
  22             consoleWrite("");
  23             consoleWrite("** Add non-default text track through HTML with unloadable URI **");
  24
  25             track = document.createElement("track");
  26             track.setAttribute("kind", "captions");
  27             track.setAttribute("srclang", "en");
  28             track.setAttribute("src", "invalid.vtt");
  29
  30             track.addEventListener("error", trackError);
  31
  32             video.appendChild(track);
  33             testExpected("track.readyState", HTMLTrackElement.NONE);
  34             testExpected("track.track.mode", "disabled");
  35             testExpected("video.textTracks.length", 1);
  36         }
  37
  38         function removeHTMLTrackElement()
  39         {
  40             consoleWrite("");
  41             consoleWrite("** Remove DOM node representing the track element **");
  42             var htmlTrack = video.children[0];
  43             video.removeChild(htmlTrack);
  44         }
  45
  46         function checkCaptionsDisplay()
  47         {
  48             // When no tracks are loaded, this should report no text track container,
  49             // when tracks are loaded but not visible, should report no cues visible,
  50             // when tracks are loaded and visible, should properly check the text.
  51             testExpected("textTrackDisplayElement(video, 'display').innerText", "Lorem");
  52         }
  53
  54         function startTest()
  55         {
  56             if (!window.eventSender) {
  57                 consoleWrite("No eventSender found.");
  58                 failTest();
  59             }
  60
  61             findMediaElement();
  62             testClosedCaptionsButtonVisibility(true);
  63
  64             consoleWrite("");
  65             consoleWrite("** The captions track should be listed in textTracks, but not yet loaded. **");
  66             testExpected("video.textTracks.length", 1);
  67             testExpected("video.textTracks[0].mode", "disabled");
  68             checkCaptionsDisplay();
  69
  70             consoleWrite("");
  71             consoleWrite("** Captions track should load and captions should become visible after button is clicked **");
  72
  73             // Note: the test flow continues with "testCCButtonToggling" when the
  74             // "load" event of the single TextTrack fires up. While the test structure
  75             // might seem weird, this avoids timeouts.
  76             clickCCButton();
  77         }
  78
  79         function testCCButtonToggling()
  80         {
  81             checkCaptionsDisplay();
  82
  83             consoleWrite("");
  84             consoleWrite("** Captions should not be visible after button is clicked again **");
  85             clickCCButton();
  86             checkCaptionsDisplay();
  87
  88             removeHTMLTrackElement();
  89             testClosedCaptionsButtonVisibility(false);
  90
  91             addUnloadableHTMLTrackElement();
  92             testClosedCaptionsButtonVisibility(true);
  93
  94             consoleWrite("");
  95             clickCCButton();
  96         }
  97
  98         function trackError()
  99         {
 100             consoleWrite("** Track failed to load **");
 101             testClosedCaptionsButtonVisibility(false);
 102
 103             addTextTrackThroughJS();
 104             testClosedCaptionsButtonVisibility(true);
 105
 106             endTest();
 107         }
 108
 109         function loaded()
 110         {
 111             findMediaElement();
 112             waitForEvent('canplaythrough', startTest);
 113
 114             video.src = findMediaFile('video', 'content/counting');
 115         }
 116     </script>
 117 </head>
 118 <body onload="loaded()">
 119     <p>Tests that the closed captions button, when toggled, updates the text track display area.</p>
 120     <video controls>
 121         <track src="track/captions-webvtt/captions-fast.vtt" kind="captions" onload="testCCButtonToggling()">
 122     </video>
 123 </body>
 124 </html>