| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <title>Tests that the "kind" attribute is set properly and that cues are only vi
sible when "kind" is set to "captions" or "subtitles".</title> | 2 <title>Tests that the "kind" attribute is set properly</title> |
| 3 <video> | 3 <video> |
| 4 <track src="captions-webvtt/metadata.vtt" default> | 4 <track src="captions-webvtt/metadata.vtt" default> |
| 5 </video> | 5 </video> |
| 6 <script src="../media-file.js"></script> | 6 <script src="../media-file.js"></script> |
| 7 <script src="../media-controls.js"></script> | 7 <script src="../media-controls.js"></script> |
| 8 <script src="../../resources/testharness.js"></script> | 8 <script src="../../resources/testharness.js"></script> |
| 9 <script src="../../resources/testharnessreport.js"></script> | 9 <script src="../../resources/testharnessreport.js"></script> |
| 10 <script> | 10 <script> |
| 11 async_test(function(t) { | 11 async_test(function(t) { |
| 12 var video = document.querySelector("video"); | 12 var video = document.querySelector("video"); |
| 13 var trackElement = document.querySelector("track"); | 13 var trackElement = document.querySelector("track"); |
| 14 | 14 |
| 15 video.oncanplaythrough = t.step_func(testKind); | 15 video.oncanplaythrough = t.step_func(testKind); |
| 16 trackElement.onload = t.step_func(testKind); | 16 trackElement.onload = t.step_func(testKind); |
| 17 | 17 |
| 18 video.src = findMediaFile("video", "../content/counting"); | 18 video.src = findMediaFile("video", "../content/counting"); |
| 19 | 19 |
| 20 var eventCount = 0; | 20 var eventCount = 0; |
| 21 function testKind() { | 21 function testKind() { |
| 22 eventCount++; | 22 eventCount++; |
| 23 if (eventCount != 2) | 23 if (eventCount != 2) |
| 24 return; | 24 return; |
| 25 | 25 |
| 26 // Test default attribute value. | 26 // Test default attribute value. |
| 27 assert_equals(trackElement.getAttribute("kind"), null); | 27 assert_equals(trackElement.getAttribute("kind"), null); |
| 28 assert_equals(trackElement.kind, "subtitles"); | 28 assert_equals(trackElement.kind, "subtitles"); |
| 29 assert_equals(video.textTracks[0].kind, "subtitles"); | 29 assert_equals(video.textTracks[0].kind, "subtitles"); |
| 30 | 30 |
| 31 // Set to bogus value, should return default. | 31 // Set to bogus value, should return invalid value default. |
| 32 | 32 |
| 33 // Set via DOM. | 33 // Set via DOM. |
| 34 var value = "english-metadata" | 34 var value = "english-metadata" |
| 35 trackElement.removeAttribute("kind"); | 35 trackElement.removeAttribute("kind"); |
| 36 trackElement.kind = value; | 36 trackElement.kind = value; |
| 37 assert_equals(trackElement.getAttribute("kind"), value); | 37 assert_equals(trackElement.getAttribute("kind"), value); |
| 38 assert_equals(trackElement.kind, "subtitles"); | 38 assert_equals(trackElement.kind, "metadata"); |
| 39 assert_equals(trackElement.track.kind, "subtitles"); | 39 assert_equals(trackElement.track.kind, "metadata"); |
| 40 | 40 |
| 41 // Set via attribute. | 41 // Set via attribute. |
| 42 trackElement.removeAttribute("kind"); | 42 trackElement.removeAttribute("kind"); |
| 43 trackElement.setAttribute("kind", value); | 43 trackElement.setAttribute("kind", value); |
| 44 assert_equals(trackElement.kind, "subtitles"); | |
| 45 assert_equals(trackElement.track.kind, "subtitles"); | |
| 46 assert_equals(trackElement.getAttribute("kind"), value); | 44 assert_equals(trackElement.getAttribute("kind"), value); |
| 45 assert_equals(trackElement.kind, "metadata"); |
| 46 assert_equals(trackElement.track.kind, "metadata"); |
| 47 | 47 |
| 48 // Set to known values. | 48 // Set to known values. |
| 49 setKindAndCheck("subtitles", true); | 49 setKindAndCheck("subtitles"); |
| 50 | 50 setKindAndCheck("captions"); |
| 51 setKindAndCheck("captions", true); | 51 setKindAndCheck("descriptions"); |
| 52 | 52 setKindAndCheck("chapters"); |
| 53 setKindAndCheck("descriptions", false); | 53 setKindAndCheck("metadata"); |
| 54 | |
| 55 setKindAndCheck("chapters", false); | |
| 56 | |
| 57 setKindAndCheck("metadata", false); | |
| 58 | 54 |
| 59 t.done(); | 55 t.done(); |
| 60 } | 56 } |
| 61 | 57 |
| 62 function setKindAndCheck(value, cueIsVisible) { | 58 function setKindAndCheck(value) { |
| 63 // set via DOM. | 59 // set via DOM. |
| 64 trackElement.removeAttribute("kind"); | 60 trackElement.removeAttribute("kind"); |
| 65 trackElement.kind = value; | 61 trackElement.kind = value; |
| 66 assert_equals(trackElement.getAttribute("kind"), value); | 62 assert_equals(trackElement.getAttribute("kind"), value); |
| 67 assert_equals(trackElement.kind, value); | 63 assert_equals(trackElement.kind, value); |
| 68 assert_equals(trackElement.track.kind, value); | 64 assert_equals(trackElement.track.kind, value); |
| 69 // Set via attribute. | 65 // Set via attribute. |
| 70 trackElement.removeAttribute("kind"); | 66 trackElement.removeAttribute("kind"); |
| 71 trackElement.setAttribute("kind", value); | 67 trackElement.setAttribute("kind", value); |
| 72 assert_equals(trackElement.kind, value); | 68 assert_equals(trackElement.kind, value); |
| 73 assert_equals(trackElement.track.kind, value); | 69 assert_equals(trackElement.track.kind, value); |
| 74 assert_equals(trackElement.getAttribute("kind"), value); | 70 assert_equals(trackElement.getAttribute("kind"), value); |
| 75 | |
| 76 if (cueIsVisible) { | |
| 77 assert_equals(textTrackDisplayElement(video, "display").innerText, "
Lorem ipsum dolor sit amet, "); | |
| 78 } else { | |
| 79 assert_throws(null, function() { | |
| 80 textTrackDisplayElement(video, "display"); | |
| 81 }); | |
| 82 } | |
| 83 } | 71 } |
| 84 }); | 72 }); |
| 85 </script> | 73 </script> |
| OLD | NEW |