Update web-platform-tests to revision 4100d1d51b885185c50902397f7d203d89efc24c

This commit is contained in:
WPT Sync Bot 2019-06-16 10:25:29 +00:00
parent fd174c54ef
commit 35b828da75
91 changed files with 1843 additions and 298 deletions

View file

@ -11,26 +11,22 @@ body { margin:0 }
position: relative;
font-size: 9px;
}
#cue1 {
.cue {
position: absolute;
top: 50%;
bottom: 0;
left: 0;
right: 0;
margin-top: -4.5px;
text-align: center
text-align: center;
}
#cue2 {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -13.5px;
text-align: center
}
.cue > span {
.cueText {
font-family: Ahem, sans-serif;
background: rgba(0,0,0,0.8);
color: green;
}
</style>
<div class="video"><span class="cue" id="cue1"><span>This is a test subtitle</span></span><span class="cue" id="cue2"><span>This is another test subtitle</span></span></div>
<div class="video">
<span class="cue">
<div><span class="cueText">This is another test subtitle</span></div>
<div><span class="cueText">This is a test subtitle</span></div>
</span>
</div>

View file

@ -11,26 +11,26 @@ body { margin:0 }
position: relative;
font-size: 9px;
}
#cue1 {
.cue {
position: absolute;
top: 50%;
bottom: 0;
left: 0;
right: 0;
margin-top: -4.5px;
text-align: center
text-align: center;
}
#cue2 {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -13.5px;
text-align: center
}
.cue > span {
.cueText {
font-family: Ahem, sans-serif;
background: rgba(0,0,0,0.8);
color: green;
}
.cueTextGoingUp {
position: relative;
top: -1.8px; /* 1% height of video's height */
}
</style>
<div class="video"><span class="cue" id="cue1"><span>This is a test subtitle</span></span><span class="cue" id="cue2"><span>This is another test subtitle</span></span></div>
<div class="video">
<span class="cue">
<div><span class="cueText cueTextGoingUp">This is another test subtitle</span></div>
<div><span class="cueText">This is a test subtitle</span></div>
</span>
</div>

View file

@ -14,7 +14,7 @@ body { margin:0 }
.cue {
position: absolute;
bottom: 0;
right: 23px;
right: 0px;
width: 64px;
text-align: center;
}
@ -24,4 +24,4 @@ body { margin:0 }
color: green;
}
</style>
<div class=video><span class=cue><span>Aweso<br>me!!!</span></span></div>
<div class=video><span class=cue><span>Awesome!!!</span></span></div>

View file

@ -14,7 +14,7 @@ body { margin:0 }
.cue {
position: absolute;
bottom: 0;
left: 23px;
left: 0px;
right: 0;
width: 64px;
text-align: center
@ -25,4 +25,4 @@ body { margin:0 }
color: green;
}
</style>
<div class=video><span class=cue><span>Awesome<br>!!!</span></span></div>
<div class=video><span class=cue><span>Awesome!!!</span></span></div>

View file

@ -14,7 +14,7 @@ body { margin:0 }
.cue {
position: absolute;
bottom: 0;
left: 23px;
left: 0px;
right: 0;
width: 64px;
text-align: center;
@ -25,4 +25,4 @@ body { margin:0 }
color: green;
}
</style>
<div class=video><span class=cue><span>Aweso<br>me!!!</span></span></div>
<div class=video><span class=cue><span>Awesome!!!</span></span></div>

View file

@ -24,4 +24,4 @@ body { margin:0 }
color: green;
}
</style>
<div class=video><span class=cue><span>This is a test subtitle that <br>most likely will span over <br>several rows since it is a pretty <br>long cue with a lot of text.</span></span></div>
<div class=video><span class=cue><span>This is a test subtitle that most likely will span over several rows since it is a pretty long cue with a lot of text.</span></span></div>

View file

@ -24,4 +24,4 @@ body { margin:0 }
color: green;
}
</style>
<div class=video><span class=cue><span>This is a test <br>subtitle that <br>most likely <br>will span over <br>several rows <br>since it is a <br>pretty long <br>cue with a <br>lot of text.</span></span></div>
<div class=video><span class=cue><span>This is a test subtitle that most likely will span over several rows since it is a pretty long cue with a lot of text.</span></span></div>

View file

@ -24,4 +24,4 @@ body { margin:0 }
color: green;
}
</style>
<div class=video><span class=cue><span>This is a test <br>subtitle that <br>most likely <br>will span over <br>several rows <br>since it is a <br>pretty long <br>cue with a <br>lot of text.</span></span></div>
<div class=video><span class=cue><span>This is a test subtitle that most likely will span over several rows since it is a pretty long cue with a lot of text.</span></span></div>

View file

@ -0,0 +1,41 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html class="reftest-wait">
<title>WebVTT rendering, set align start and the cue contains two lines with different writing directions</title>
<script src="/common/reftest-wait.js"></script>
<style>
html { overflow:hidden }
body { margin:0 }
.video {
display: inline-block;
width: 320px;
height: 180px;
position: relative;
font-size: 9px;
}
.cue {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: start;
unicode-bidi: plaintext;
}
.cueText {
font-family: sans-serif;
background: rgba(0,0,0,0.8);
color: green;
}
</style>
<div class="video">
<video width="320" height="180" 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>
<span class="cue">
<span class="cueText">Hello!</span><br>
<span class="cueText">שלום!</span>
</span>
</div>
</html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html class="reftest-wait">
<title>WebVTT rendering, set align start and the cue contains two lines with different writing directions</title>
<link rel="match" href="start_alignment-ref.html">
<style>
html { overflow:hidden }
body { margin:0 }
::cue {
font-family: sans-serif;
color: green;
}
</style>
<script src="/common/reftest-wait.js"></script>
<video width="320" height="180" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
<source src="/media/white.webm" type="video/webm">
<source src="/media/white.mp4" type="video/mp4">
<track src="../support/start_alignment.vtt" default>
</video>
</html>

View file

@ -14,7 +14,7 @@ video {
color: green;
}
</style>
<video autoplay controls onplaying="this.onplaying = null;
<video autoplay onplaying="this.onplaying = null;
this.pause();
this.currentTime = 0;
">

View file

@ -17,7 +17,7 @@ video {
}
.cue {
position: absolute;
bottom: 50px;
bottom: 0;
left: 0;
right: 0;
text-align: center
@ -28,7 +28,7 @@ video {
color: green;
}
</style>
<video controls>
<video>
<source src="/media/white.webm" type="video/webm">
<source src="/media/white.mp4" type="video/mp4">
</video>

View file

@ -1,7 +1,7 @@
WEBVTT
00:00:00.000 --> 00:00:05.000 line:50%
00:00:00.000 --> 00:00:05.000 line:100%
This is a test subtitle
00:00:01.000 --> 00:00:05.000 line:50%
00:00:01.000 --> 00:00:05.000 line:100%
This is another test subtitle

View file

@ -1,7 +1,7 @@
WEBVTT
00:00:00.000 --> 00:00:05.000 line:50%
00:00:00.000 --> 00:00:05.000 line:100%
This is a test subtitle
00:00:01.000 --> 00:00:05.000 line:49%
00:00:01.000 --> 00:00:05.000 line:99%
This is another test subtitle

View file

@ -0,0 +1,5 @@
WEBVTT FILE
00:00:00.000 --> 00:00:10.000 align:start line:0
Hello!
שלום!