1 files changed, 53 insertions, 0 deletions
diff --git a/dom/media/webvtt/test/mochitest/test_trackelementsrc.html b/dom/media/webvtt/test/mochitest/test_trackelementsrc.html
new file mode 100644
index 0000000000..f98e79c605
--- /dev/null
+++ b/dom/media/webvtt/test/mochitest/test_trackelementsrc.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Test for Bug 1281418 - Change the src attribue for TrackElement.</title>
+  <script type="text/javascript" src="/MochiKit/MochiKit.js"></script>
+  <script src="/tests/SimpleTest/SimpleTest.js"></script>
+  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
+</head>
+<body>
+<p id="display"></p>
+<div id="content" style="display: none">
+</div>
+<pre id="test">
+<script class="testbody" type="text/javascript">
+SimpleTest.waitForExplicitFinish();
+
+SpecialPowers.pushPrefEnv({"set": [["media.webvtt.regions.enabled", true]]},
+  function() {
+    var video = document.createElement("video");
+    video.src = "seek.webm";
+    video.preload = "metadata";
+    var trackElement = document.createElement("track");
+    trackElement.src = "basic.vtt";
+    trackElement.default = true;
+
+    document.getElementById("content").appendChild(video);
+    video.appendChild(trackElement);
+
+    video.addEventListener("loadedmetadata", function metadata() {
+      if (trackElement.readyState <= 1) {
+        setTimeout(metadata, 0);
+        return;
+      }
+      is(video.textTracks.length, 1, "Length should be 1.");
+      is(video.textTracks[0].cues.length, 6, "Cue length should be 6.");
+
+      trackElement.src = "sequential.vtt";
+      trackElement.track.mode = "showing";
+      video.play();
+    });
+
+    video.addEventListener("ended", function end() {
+      is(trackElement.readyState, 2, "readyState should be 2.")
+      is(video.textTracks.length, 1, "Length should be 1.");
+      is(video.textTracks[0].cues.length, 3, "Cue length should be 3.");
+      SimpleTest.finish();
+    });
+});
+</script>
+</pre>
+</body>
+</html>