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
|
<!DOCTYPE html>
<title>Tests cues with class markup <c>.</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/class.vtt", function(track) {
assert_equals(track.cues.length, 3);
var children = [
{ type: "span", style: { className: "black" },
value: [ { type: "text", value: "Bear is Coming!!!!!" } ] }
];
assert_cue_fragment(track.cues[0], children);
children = [
{ type: "span", style: { className: "green" },
value: [ { type: "text", value: "I said Bear is coming!!!!" } ] }
];
assert_cue_fragment(track.cues[1], children);
children = [
{ type: "text", value: "I said " },
{ type: "span", style: { className: "red uppercase" },
value: [ { type: "text", value: "Bear is coming now" } ] },
{ type: "text", value: "!!!!" }
];
assert_cue_fragment(track.cues[2], children);
});
check_cues_from_track("resources/class-bad.vtt", function(track) {
assert_equals(track.cues.length, 3);
var children = [
{ type: "span", value: [ { type: "text", value: "Bear is Coming!!!!!" } ] },
{ type: "text", value: "\nThe space signified an annotation start." }
];
assert_cue_fragment(track.cues[0], children);
children = [
{ type: "span", style: { className: "red&large" },
value: [ { type: "text", value: "I said Bear is coming!!!!" } ] },
{ type: "text", value: "\nProbably should only allow characters that CSS allows in class names." }
];
assert_cue_fragment(track.cues[1], children);
children = [
{ type: "text", value: "I said " },
{ type: "span", style: { className: "9red upper+case" },
value: [ { type: "text", value: "Bear is coming now" } ] },
{ type: "text", value: "!!!!\nProbably should only allow characters that CSS allows in class names." }
];
assert_cue_fragment(track.cues[2], children);
});
</script>
|