mirror of
https://github.com/servo/servo.git
synced 2025-08-25 15:18:22 +01:00
Update web-platform-tests to revision be5419e845d39089ba6dc338c1bd0fa279108317
This commit is contained in:
Josh Matthews
parent
aa199307c8
commit
2b6f573eb5
3440 changed files with 109438 additions and 41750 deletions
|
|
@ -0,0 +1,25 @@
|
|||
<!doctype html>
|
||||
<title>VTTCue constructor exceptions</title>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<div id=log></div>
|
||||
<script>
|
||||
test(function() {
|
||||
assert_throws(new TypeError, function() { new VTTCue(NaN, 0, 'foo'); });
|
||||
assert_throws(new TypeError, function() { new VTTCue(Infinity, 0, 'foo'); });
|
||||
assert_throws(new TypeError, function() { new VTTCue('tomorrow', 0, 'foo'); });
|
||||
}, document.title+', non-finite start time');
|
||||
test(function() {
|
||||
assert_throws(new TypeError, function() { new VTTCue(0, NaN, 'foo'); });
|
||||
assert_throws(new TypeError, function() { new VTTCue(0, Infinity, 'foo'); });
|
||||
assert_throws(new TypeError, function() { new VTTCue(0, 'tomorrow', 'foo'); });
|
||||
}, document.title+', non-finite end time');
|
||||
test(function() {
|
||||
var start = { valueOf: function() { return 42; } };
|
||||
var end = { valueOf: function() { return 84; } };
|
||||
var cue = new VTTCue(start, end, 'bar');
|
||||
assert_equals(cue.startTime, 42);
|
||||
assert_equals(cue.endTime, 84);
|
||||
assert_equals(cue.text, 'bar');
|
||||
}, document.title+', valueOf');
|
||||
</script>
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
<!doctype html>
|
||||
<!-- DO NOT EDIT! This file and support/regions-edge-case.vtt are generated. -->
|
||||
<!-- See /webvtt/parsing/file-parsing/README.md -->
|
||||
<meta charset=utf-8>
|
||||
<title>WebVTT parser test: multiple regions edge cases</title>
|
||||
<link rel="help" href="https://w3c.github.io/webvtt/#collect-webvtt-region-settings">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<div id=log></div>
|
||||
<script>
|
||||
var t = async_test('regions, lines');
|
||||
t.step(function(){
|
||||
var video = document.createElement('video');
|
||||
var track = document.createElement('track');
|
||||
assert_true('src' in track, 'track element not supported');
|
||||
track.src = 'support/regions-edge-case.vtt';
|
||||
track['default'] = true;
|
||||
track.kind = 'subtitles';
|
||||
track.onload = this.step_func(trackLoaded);
|
||||
track.onerror = this.step_func(trackError);
|
||||
video.appendChild(track);
|
||||
document.body.appendChild(video);
|
||||
});
|
||||
|
||||
function trackLoaded(event) {
|
||||
var track = event.target;
|
||||
var video = track.parentNode;
|
||||
var cues = video.textTracks[0].cues;
|
||||
{
|
||||
assert_equals(cues.length, 4);
|
||||
|
||||
var region1 = cues[0].region;
|
||||
assert_equals(region1.lines, 1);
|
||||
assert_equals(region1.id, "foo");
|
||||
|
||||
var region2 = cues[1].region;
|
||||
assert_equals(region2.lines, 2);
|
||||
assert_equals(region2.id, "bill");
|
||||
|
||||
var region3 = cues[2].region;
|
||||
assert_equals(region3.lines, 3);
|
||||
assert_equals(region3.id, "jill");
|
||||
|
||||
var region4 = cues[3].region;
|
||||
assert_equals(region4.lines, 4);
|
||||
assert_equals(region4.id, "jack");
|
||||
|
||||
}
|
||||
this.done();
|
||||
}
|
||||
|
||||
function trackError(e) {
|
||||
assert_unreached('got unexpected error event');
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
WEBVTT
|
||||
|
||||
NOTE valid
|
||||
|
||||
REGION
|
||||
id:foo lines:1
|
||||
|
||||
-->
|
||||
REGION
|
||||
id:foo
|
||||
lines:2
|
||||
-->
|
||||
|
||||
REGION
|
||||
id:bill
|
||||
lines:2
|
||||
|
||||
REGION
|
||||
REGION
|
||||
id:jill
|
||||
lines:3
|
||||
|
||||
REGION
|
||||
--->
|
||||
id:jill lines:4
|
||||
|
||||
REGION
|
||||
id:jack--> lines:5
|
||||
|
||||
REGION
|
||||
id:jack lines:4
|
||||
|
||||
00:00:00.000 --> 00:00:01.000 region:foo
|
||||
text
|
||||
|
||||
00:00:00.000 --> 00:00:01.000 region:bill
|
||||
text
|
||||
|
||||
00:00:00.000 --> 00:00:01.000 region:jill
|
||||
text
|
||||
|
||||
00:00:00.000 --> 00:00:01.000 region:jack
|
||||
text
|
||||
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<style>
|
||||
.container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 320px;
|
||||
height: 240px;
|
||||
}
|
||||
.cue {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cue.center {
|
||||
text-align: center;
|
||||
}
|
||||
.cue > span {
|
||||
font-family: sans-serif;
|
||||
background: green;
|
||||
color: green;
|
||||
font-size: 50px;
|
||||
padding: 2px;
|
||||
}
|
||||
</style>
|
||||
<div class="container">
|
||||
<video width="320" height="240" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div class="cue center"><span>אבג</span></div>
|
||||
</div>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<link rel="match" href="track-cue-rendering-position-align-rtl-center-ref.html">
|
||||
<script>
|
||||
function addTrackWithRtlCueData(video, cueData) {
|
||||
var track = video.addTextTrack('subtitles');
|
||||
var cue = new VTTCue(0, 10, '\u05d0\u05d1\u05d2');
|
||||
for (var prop in cueData)
|
||||
cue[prop] = cueData[prop];
|
||||
track.addCue(cue);
|
||||
track.mode = 'showing';
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
video::cue {
|
||||
font-size: 50px;
|
||||
color: green;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
<video width="320" height="240" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
<script>
|
||||
var video = document.currentScript.parentNode;
|
||||
addTrackWithRtlCueData(video, { position: 50, positionAlign: 'center', align: 'center', size: 50, line: 0 });
|
||||
</script>
|
||||
</video>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<style>
|
||||
.container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 320px;
|
||||
height: 240px;
|
||||
}
|
||||
.cue {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cue.start {
|
||||
text-align: end;
|
||||
}
|
||||
.cue > span {
|
||||
font-family: sans-serif;
|
||||
background: green;
|
||||
color: green;
|
||||
font-size: 50px;
|
||||
padding: 2px;
|
||||
}
|
||||
</style>
|
||||
<div class="container">
|
||||
<video width="320" height="240" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div class="cue start"><span>אבג</span></div>
|
||||
</div>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<link rel="match" href="track-cue-rendering-position-align-rtl-line-left-ref.html">
|
||||
<script>
|
||||
function addTrackWithRtlCueData(video, cueData) {
|
||||
var track = video.addTextTrack('subtitles');
|
||||
var cue = new VTTCue(0, 10, '\u05d0\u05d1\u05d2');
|
||||
for (var prop in cueData)
|
||||
cue[prop] = cueData[prop];
|
||||
track.addCue(cue);
|
||||
track.mode = 'showing';
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
video::cue {
|
||||
font-size: 50px;
|
||||
color: green;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
<video width="320" height="240" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
<script>
|
||||
var video = document.currentScript.parentNode;
|
||||
addTrackWithRtlCueData(video, { position: 50, positionAlign: 'line-left', align: 'start', size: 50, line: 0 });
|
||||
</script>
|
||||
</video>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<style>
|
||||
.container {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 320px;
|
||||
height: 240px;
|
||||
}
|
||||
.cue {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cue.end {
|
||||
text-align: start;
|
||||
}
|
||||
.cue > span {
|
||||
font-family: sans-serif;
|
||||
background: green;
|
||||
color: green;
|
||||
font-size: 50px;
|
||||
padding: 2px;
|
||||
}
|
||||
</style>
|
||||
<div class="container">
|
||||
<video width="320" height="240" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
</video>
|
||||
<div class="cue end"><span>אבג</span></div>
|
||||
</div>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<link rel="match" href="track-cue-rendering-position-align-rtl-line-right-ref.html">
|
||||
<script>
|
||||
function addTrackWithRtlCueData(video, cueData) {
|
||||
var track = video.addTextTrack('subtitles');
|
||||
var cue = new VTTCue(0, 10, '\u05d0\u05d1\u05d2');
|
||||
for (var prop in cueData)
|
||||
cue[prop] = cueData[prop];
|
||||
track.addCue(cue);
|
||||
track.mode = 'showing';
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
video::cue {
|
||||
font-size: 50px;
|
||||
color: green;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
<video width="320" height="240" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
<script>
|
||||
var video = document.currentScript.parentNode;
|
||||
addTrackWithRtlCueData(video, { position: 50, positionAlign: 'line-right', align: 'end', size: 50, line: 0 });
|
||||
</script>
|
||||
</video>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue