| <!doctype html> |
| <html> |
| <head> |
| <title>Load event on the track element</title> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| </head> |
| <body> |
| <div id="log"></div> |
| <script type="text/javascript"> |
| |
| var video; |
| |
| // Setup |
| |
| setup(function(){ |
| video = document.createElement('video'); |
| document.body.appendChild(video); |
| }, {timeout: 5000}); |
| |
| // Tests |
| testCommands(["src", "mode", "append"]); |
| testCommands(["src", "append", "mode"]); |
| testCommands(["mode", "append", "src"]); |
| testCommands(["mode", "src", "append"]); |
| testCommands(["append", "src", "mode"]); |
| testCommands(["append", "mode", "src"]); |
| |
| // Utilities |
| |
| function testCommands(commands) |
| { |
| var t = async_test(document.title + ", " + commands.join(" / ")); |
| t.step(function() |
| { |
| var count = 0; |
| // Create the default <track> element. |
| var track = document.createElement('track'); |
| track.kind = "subtitles"; |
| // Add the "load" event listener. |
| track.addEventListener("load", t.step_func(function(event) |
| { |
| // Clean up for next test. |
| video.removeChild(track); |
| |
| // Ensure we only got the event after all commands ran. |
| if (count === commands.length) |
| t.done(); |
| })); |
| // Run each command. |
| commands.forEach(function(command) |
| { |
| count++; |
| runCommand(track, command); |
| }); |
| }); |
| }; |
| |
| function runCommand(track, command) |
| { |
| if (command === "src") |
| track.src = "data:text/vtt," + encodeURIComponent("WEBVTT\n\n00:00:00.000 --> 00:00:01.000\ntest\n"); |
| |
| if (command === "mode") |
| track.track.mode = 'hidden'; |
| |
| if (command === "append") |
| video.appendChild(track); |
| }; |
| |
| </script> |
| </body> |
| </html> |
