-
Notifications
You must be signed in to change notification settings - Fork 1.2k
/
track-webvtt-markup.html
90 lines (80 loc) · 3.21 KB
/
track-webvtt-markup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html><!-- webkit-test-runner [ captionDisplayMode=automatic ] -->
<title>Cues with <b>, <i>, <u>, <rt> and <ruby> tags</title>
<meta name="timeout" content="long">
<script src="track-helpers.js"></script>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
check_cues_from_track("resources/markup.vtt", function(track) {
assert_equals(track.cues.length, 4);
var children = [
{ type: "text", value: "The following bear is bold:\n" },
{ type: "b", value: [ { type: "text", value: "Bear" } ] },
{ type: "text", value: " is Coming!!!!!" }
];
assert_cue_fragment(track.cues[0], children);
children = [
{ type: "text", value: "The following bear is in italics and has a class of \"larger\":\n" },
{ type: "i", value: [ { type: "text", value: "Bear" } ] },
{ type: "text", value: " is Coming!!!!!" }
];
var fragment = createFragment(children);
fragment.querySelector("i").className = "larger";
assert_true(fragment.isEqualNode(track.cues[1].getCueAsHTML()));
children = [
{ type: "text", value: "The following bear is underlined even though the element has a blank:\nI said " },
{ type: "u", value: [ { type: "text", value: "Bear" } ] },
{ type: "text", value: " is coming!!!!" }
];
assert_cue_fragment(track.cues[2], children);
children = [
{ type: "text", value: "The following bear is ruby annotated:\nI said " },
{
type: "ruby",
value: [
{ type: "text", value: "Bear" },
{
type: "rt",
value: [ { type: "text", value: "bear with me" } ]
}
]
},
{ type: "text", value: " is coming!!!!" }
];
assert_cue_fragment(track.cues[3], children);
});
check_cues_from_track("resources/markup-bad.vtt", function(track) {
assert_equals(track.cues.length, 4);
var children = [
{ type: "text", value: "The following bear starts bold but end is broken:\n" },
{
type: "b",
value:
[
{ type: "text", value: "Bear" },
{ type: "text", value: " is Coming!!!!!" }
]
}
];
assert_cue_fragment(track.cues[0], children);
children = [
{ type: "text", value: "The following bear is not in italics but the markup is removed:\n" },
{ type: "text", value: "Bear" },
{ type: "text", value: " is Coming!!!!!" }
];
assert_cue_fragment(track.cues[1], children);
children = [
{ type: "text", value: "The following bear is not underlined and markup is removed:\nI said " },
{ type: "text", value : "Bear" },
{ type: "text", value : " is coming!!!!" }
];
assert_cue_fragment(track.cues[2], children);
children = [
{ type: "text", value: "The following bear is not ruby annotated and markup is removed:\nI said " },
{ type: "text", value: "Bear" },
{ type: "text", value: "bear with me" },
{ type: "text", value: " is coming!!!!" }
];
assert_cue_fragment(track.cues[3], children);
});
</script>