mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update web-platform-tests to revision ddfc95cf0493ae147a4f6a4d7be8eff1a0c23098
This commit is contained in:
Anthony Ramine
parent
1f6a864ab5
commit
7e6290451f
832 changed files with 16026 additions and 2649 deletions
|
|
@ -0,0 +1,14 @@
|
|||
WEBVTT
|
||||
Cues that have overlapping time ranges.
|
||||
|
||||
1
|
||||
00:00:01.000 --> 00:00:02.000
|
||||
Bear is Coming!!!!!
|
||||
|
||||
2
|
||||
00:00:02.500 --> 00:00:03.500
|
||||
I said Bear is coming!!!!
|
||||
|
||||
3
|
||||
00:00:04.000 --> 00:00:05.000
|
||||
I said Bear is coming now!!!!
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Enter, Exit events for a cue with negative duration</title>
|
||||
<script src="/common/media.js"></script>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<video>
|
||||
<script>
|
||||
async_test(function(t) {
|
||||
var video = document.querySelector("video");
|
||||
var track = video.addTextTrack("subtitles");
|
||||
|
||||
// Add a cue with negative duration.
|
||||
var cue = new VTTCue(1, -10, "Sausage?");
|
||||
track.addCue(cue);
|
||||
assert_equals(track.cues.length, 1);
|
||||
|
||||
// Verify that enter and exit events are fired.
|
||||
var enterEvent = false;
|
||||
cue.onenter = t.step_func(function() {
|
||||
enterEvent = true;
|
||||
});
|
||||
cue.onexit = t.step_func_done(function() {
|
||||
assert_true(enterEvent);
|
||||
});
|
||||
|
||||
video.src = getVideoURI("/media/test");
|
||||
video.play();
|
||||
});
|
||||
</script>
|
||||
</video>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<title>Enter, Exit events for cues with negative timestamps</title>
|
||||
<script src="/common/media.js"></script>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<video>
|
||||
<script>
|
||||
async_test(function(t) {
|
||||
var video = document.querySelector("video");
|
||||
var track = video.addTextTrack("subtitles");
|
||||
|
||||
// Add cue with negative startTime.
|
||||
var cue = new VTTCue(-10, 1, "Sausage?");
|
||||
track.addCue(cue);
|
||||
assert_equals(track.cues.length, 1);
|
||||
cue.onenter = t.step_func(function() {
|
||||
cue.onexit = t.step_func_done();
|
||||
});
|
||||
|
||||
// Add cue with negative startTime and negative endTime.
|
||||
// This cue should never be active.
|
||||
var missedCue = new VTTCue(-110, -3.4, "Pepperoni?");
|
||||
track.addCue(missedCue);
|
||||
assert_equals(track.cues.length, 2);
|
||||
missedCue.onenter = t.unreached_func();
|
||||
missedCue.onexit = t.unreached_func();
|
||||
|
||||
video.src = getVideoURI("/media/test");
|
||||
video.play();
|
||||
});
|
||||
</script>
|
||||
</video>
|
||||
|
|
@ -9,25 +9,33 @@
|
|||
var testTrack = document.querySelector("track");
|
||||
|
||||
testTrack.onload = t.step_func_done(function() {
|
||||
var cues = testTrack.track.cues;
|
||||
assert_equals(testTrack.track.cues.length, 4);
|
||||
// Add cue with negative startTime.
|
||||
var cue = new VTTCue(-3439332606, 3.4, "Sausage?");
|
||||
testTrack.track.addCue(cue);
|
||||
assert_equals(testTrack.track.cues.length, 5);
|
||||
assert_equals(cues.length, 5);
|
||||
|
||||
// Add cue with negative startTime and negative endTime.
|
||||
cue = new VTTCue(-110, -3.4, "Pepperoni?");
|
||||
testTrack.track.addCue(cue);
|
||||
assert_equals(testTrack.track.cues.length, 6);
|
||||
assert_equals(cues.length, 6);
|
||||
|
||||
// Set startTime and endTime to negative values.
|
||||
var testCue = testTrack.track.cues[2];
|
||||
var testCue = cues[2];
|
||||
assert_equals(testCue.startTime, 0);
|
||||
testCue.startTime = -5;
|
||||
assert_equals(testCue.startTime, -5);
|
||||
assert_equals(testCue.endTime, 30.5);
|
||||
testCue.endTime = -3439332606;
|
||||
assert_equals(testCue.endTime, -3439332606);
|
||||
|
||||
// Check negative cues ordering.
|
||||
testCue = cues[3];
|
||||
assert_equals(testCue.startTime, 31);
|
||||
testCue.startTime = -200;
|
||||
// Verify that this cue is moved to 2nd position.
|
||||
assert_equals(cues[1].startTime, -200);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,32 @@
|
|||
<!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 > span {
|
||||
font-family: sans-serif;
|
||||
background: green;
|
||||
color: green;
|
||||
font-size: 120px;
|
||||
padding: 2px;
|
||||
}
|
||||
</style>
|
||||
<div class="container">
|
||||
<video 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"><span>PAS</span></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<link rel="match" href="track-cue-rendering-line-doesnt-fit-ref.html">
|
||||
<script>
|
||||
function addCue(track, cueData) {
|
||||
var cue = new VTTCue(0, 10, 'XXX');
|
||||
for (var prop in cueData)
|
||||
cue[prop] = cueData[prop];
|
||||
track.addCue(cue);
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
video::cue {
|
||||
font-size: 120px;
|
||||
color: green;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
<video 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.querySelector("video");
|
||||
var track = video.addTextTrack('subtitles');
|
||||
addCue(track, { line: 0, align: 'start', text: 'PAS' });
|
||||
// This cue will not fit, and will not be displayed.
|
||||
addCue(track, { line: 1, align: 'start', text: 'FAI' });
|
||||
track.mode = 'showing';
|
||||
</script>
|
||||
</video>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<style>
|
||||
.container {
|
||||
transform: translate(1px, 0px);
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 320px;
|
||||
height: 240px;
|
||||
}
|
||||
.cue {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
text-align: start;
|
||||
}
|
||||
.cue > span {
|
||||
font-family: sans-serif;
|
||||
background: green;
|
||||
color: green;
|
||||
font-size: 50px;
|
||||
padding: 2px;
|
||||
}
|
||||
</style>
|
||||
<div class="container">
|
||||
<video 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"><span>XXX</span></div>
|
||||
</div>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<link rel="match" href="track-cue-rendering-transformed-video-ref.html">
|
||||
<style>
|
||||
video {
|
||||
transform: translate(1px, 0px);
|
||||
}
|
||||
video::cue {
|
||||
font-size: 50px;
|
||||
color: green;
|
||||
background-color: green;
|
||||
}
|
||||
</style>
|
||||
<video 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.querySelector('video');
|
||||
var track = video.addTextTrack('subtitles');
|
||||
var cue = new VTTCue(0, 10, 'XXX');
|
||||
cue.align = 'start';
|
||||
cue.line = 0;
|
||||
track.addCue(cue);
|
||||
track.mode = 'showing';
|
||||
</script>
|
||||
</video>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<title>TextTrack's cues are indexed and updated in order during video playback</title>
|
||||
<script src="/common/media.js"></script>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<video>
|
||||
<track src="resources/cues-chrono-order.vtt" kind="captions" default>
|
||||
<script>
|
||||
// Use the cuechange event on TextTrack.
|
||||
async_test(function(t) {
|
||||
var video = document.querySelector("video");
|
||||
var testTrack = document.querySelector("track");
|
||||
|
||||
video.src = getVideoURI("/media/test");
|
||||
video.oncanplaythrough = t.step_func(attemptTests);
|
||||
|
||||
function attemptTests() {
|
||||
assert_equals(testTrack.track.cues.length, 3);
|
||||
testTrack.oncuechange = t.step_func(cueChangedFromTrackElement);
|
||||
video.play();
|
||||
}
|
||||
|
||||
var currentCueIndex;
|
||||
var cueChangeCount = 0;
|
||||
function cueChangedFromTrackElement() {
|
||||
currentCueIndex = Math.floor(cueChangeCount / 2);
|
||||
currentCue = event.target.track.cues[currentCueIndex];
|
||||
if (cueChangeCount % 2 == 0) {
|
||||
// Cue entered.
|
||||
assert_equals(currentCue, testTrack.track.activeCues[0]);
|
||||
assert_equals(currentCue.id, (currentCueIndex + 1).toString());
|
||||
}
|
||||
|
||||
++cueChangeCount;
|
||||
if (cueChangeCount == testTrack.track.cues.length * 2)
|
||||
t.done();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</video>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html>
|
||||
<title>TextTrack's cues are indexed and updated in order during video playback</title>
|
||||
<script src="/common/media.js"></script>
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<video>
|
||||
<track src="resources/cues-chrono-order.vtt" kind="captions" default>
|
||||
<script>
|
||||
// Use the enter and exit events on TextTrackCue.
|
||||
async_test(function(t) {
|
||||
var video = document.querySelector("video");
|
||||
var testTrack = document.querySelector("track");
|
||||
|
||||
video.src = getVideoURI("/media/test");
|
||||
|
||||
video.oncanplaythrough = t.step_func(attemptTests);
|
||||
|
||||
function attemptTests() {
|
||||
assert_equals(testTrack.track.cues.length, 3);
|
||||
for (var i = 0; i < testTrack.track.cues.length; i++) {
|
||||
testTrack.track.cues[i].onenter = t.step_func(cueEntered);
|
||||
testTrack.track.cues[i].onexit = t.step_func(cueExited);
|
||||
}
|
||||
video.play();
|
||||
}
|
||||
|
||||
var cueCount = 0;
|
||||
function cueEntered() {
|
||||
var currentCue = event.target;
|
||||
|
||||
// This cue is the currently active cue.
|
||||
assert_equals(currentCue, testTrack.track.activeCues[0]);
|
||||
assert_equals(currentCue.id, (cueCount + 1).toString());
|
||||
}
|
||||
|
||||
function cueExited() {
|
||||
++cueCount;
|
||||
if (cueCount == testTrack.track.cues.length)
|
||||
t.done();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</video>
|
||||
Loading…
Add table
Add a link
Reference in a new issue