Update web-platform-tests to revision b'4a4653e088039aec186d6dc1d488120d77695c3a'

This commit is contained in:
WPT Sync Bot 2022-12-11 01:16:53 +00:00
parent 470a50ab60
commit 6337336fab
1043 changed files with 19705 additions and 6973 deletions

View file

@ -3,12 +3,11 @@
<head>
<title>Tests interaction with fragmentation.</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-inline/#Initial-letter-breaking">
<link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-breaking">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" >
<style>
.sample {
border: solid 1px green;
font-family: Ahem;
font-size: 20px;
line-height: 24px;
@ -29,7 +28,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>
@ -37,7 +36,7 @@
<body>
<div class="mc">
<div class="sample"><div class="fake-initial-letter"></div>BC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div>
<div class="sample"><div class="fake-initial-letter"></div>BC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div>
<div class="sample"><div class="fake-initial-letter"></div>BC ABC ABC ABC ABC ABC ABC ABC<br clear="both">ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div>
<div class="sample"><div class="fake-initial-letter"></div>BC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div>
</div>
</body>

View file

@ -3,12 +3,11 @@
<head>
<title>Tests interaction with fragmentation in RTL.</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-inline/#Initial-letter-breaking">
<link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-breaking">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" >
<style>
.sample {
border: solid 1px green;
direction: rtl;
font-family: Ahem;
font-size: 20px;
@ -35,7 +34,7 @@
background: lime;
float: right;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>
@ -43,7 +42,7 @@
<body>
<div class="mc">
<div class="sample"><div class="fake-initial-letter"></div>BC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div>
<div class="sample"><div class="fake-initial-letter"></div>BC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div>
<div class="sample"><div class="fake-initial-letter"></div>BC ABC ABC ABC ABC ABC ABC ABC<br clear="both">ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div>
<div class="sample"><div class="fake-initial-letter"></div>BC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC ABC </div>
</div>
</body>

View file

@ -3,13 +3,12 @@
<head>
<title>Tests interaction with fragmentation in RTL.</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-inline/#Initial-letter-breaking">
<link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-breaking">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" >
<link rel="match" href="Initial-letter-breaking-rtl-ref.html">
<style>
.sample {
border: solid 1px green;
direction: rtl;
font-family: Ahem;
font-size: 20px;

View file

@ -3,7 +3,7 @@
<head>
<title>Tests interaction with fragmentation in vertical-lr.</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-inline/#Initial-letter-breaking">
<link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-breaking">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" >
<style>

View file

@ -3,7 +3,7 @@
<head>
<title>Tests interaction with fragmentation in vertical-lr.</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-inline/#Initial-letter-breaking">
<link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-breaking">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" >
<link rel="match" href="Initial-letter-breaking-vlr-ref.html">

View file

@ -3,7 +3,7 @@
<head>
<title>Tests interaction with fragmentation in vertical-rl.</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-inline/#Initial-letter-breaking">
<link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-breaking">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" >
<style>

View file

@ -3,7 +3,7 @@
<head>
<title>Tests interaction with fragmentation in vertical-rl.</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-inline/#Initial-letter-breaking">
<link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-breaking">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" >
<link rel="match" href="Initial-letter-breaking-vrl-ref.html">

View file

@ -3,13 +3,12 @@
<head>
<title>Tests interaction with fragmentation.</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-inline/#Initial-letter-breaking">
<link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-breaking">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" >
<link rel="match" href="Initial-letter-breaking-ref.html">
<style>
.sample {
border: solid 1px green;
font-family: Ahem;
font-size: 20px;
line-height: 24px;

View file

@ -19,7 +19,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 22px;
margin-top: 10px;
width: 80px;
}
</style>

View file

@ -21,7 +21,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 92px;
margin-top: 80px;
width: 80px;
}

View file

@ -19,7 +19,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -21,7 +21,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}

View file

@ -22,7 +22,7 @@
margin-bottom: 30px;
margin-left: 15px;
margin-right: 45px;
margin-top: 24px;
margin-top: 12px;
width: 80px;
}
</style>

View file

@ -23,7 +23,7 @@
margin-bottom: 30px;
margin-left: 15px;
margin-right: 45px;
margin-top: 24px;
margin-top: 12px;
width: 80px;
}
</style>

View file

@ -19,7 +19,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}

View file

@ -21,7 +21,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 20px;
margin-top: 8px;
width: 80px;
}

View file

@ -19,7 +19,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}

View file

@ -21,7 +21,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}

View file

@ -19,7 +19,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -20,7 +20,7 @@
background: lime;
float: right;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -27,7 +27,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -28,7 +28,7 @@
background: lime;
float: right;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -27,7 +27,7 @@
background: lime;
display: inline-block;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
@ -40,8 +40,7 @@
.surrounding2 {
display: block;
margin-left: 50px;
margin-top: -4px;
vertical-align: top;
margin-top: 0px;
}
</style>
</head>

View file

@ -28,7 +28,7 @@
float: left;
height: 80px;
margin-right: 10px;
margin-top: -36px;
margin-top: -48px;
width: 80px;
}
</style>

View file

@ -6,7 +6,7 @@
<link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-floats">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" >
<link rel="match" href="initial-letter-floats-003-ref.html">
<link rel="match" href="initial-letter-float-003-ref.html">
<style>
.sample {
border: solid 1px green;

View file

@ -27,7 +27,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -6,7 +6,7 @@
<link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-floats">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" >
<link rel="match" href="initial-letter-floats-004-ref.html">
<link rel="match" href="initial-letter-float-004-ref.html">
<style>
.sample {
border: solid 1px green;

View file

@ -27,16 +27,16 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
.float { margin-top: -70px; }
.float { margin-top: -58px; }
</style>
</head>
<body>
<div class="sample">
<div class="fake-initial-letter"></div>
bc def<div class="float" style="clear:left"></div><br>
bc def<div class="float"></div><br>
ghi<br>jkl<br>mno<br>
</div>
</body>

View file

@ -6,7 +6,7 @@
<link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-floats">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" >
<link rel="match" href="initial-letter-floats-005-ref.html">
<link rel="match" href="initial-letter-float-005-ref.html">
<style>
.sample {
border: solid 1px green;

View file

@ -20,7 +20,7 @@
float: left;
height: 80px;
margin-left: 20px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -21,7 +21,7 @@
float: right;
height: 80px;
margin-right: 20px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<title>Tests initial letter with text-decoration</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-layout">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" >
<style>
.sample {
border: solid 1px green;
font-family: Ahem;
font-size: 20px;
line-height: 24px;
width: 230px;
color: transparent;
text-decoration-color: black;
text-decoration-line: underline;
text-decoration-skip-ink: none;
text-decoration-thickness: 1px;
}
.fake-initial-letter {
background: transparent;
float: left;
height: 80px;
margin-top: 2px;
width: 80px;
}
.fake-underline {
background: black;
width: 80px;
height: 1px;
margin-top: 65px;
}
</style>
</head>
<body>
<div class="sample">
<div class="fake-initial-letter"><div class="fake-underline"></div></div>
bc<br>def<br>ghi<br>jkl<br>mno<br>
</div>
</body>
</html>

View file

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<title>Tests initial letter with text-decoration</title>
<link rel="author" title="Google LLC" href="https://www.google.com/">
<link rel="help" href="https://drafts.csswg.org/css-inline/#initial-letter-layout">
<meta name="flags" content="ahem">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" >
<link rel="match" href="initial-letter-layout-text-decoration-underline-ref.html">
<style>
.sample {
border: solid 1px green;
font-family: Ahem;
font-size: 20px;
line-height: 24px;
width: 230px;
color: transparent;
text-decoration-color: black;
text-decoration-line: underline;
text-decoration-skip-ink: none;
text-decoration-thickness: 1px;
}
.initial-letter::first-letter {
initial-letter: 3 drop;
font-size: 100px; /* should be ignored in rendering */
line-height: 50px; /* should be ignored in rendering */
text-decoration-color: black;
text-decoration-line: underline;
text-decoration-skip-ink: none;
text-decoration-thickness: 1px;
}
</style>
</head>
<body>
<div class="sample initial-letter">
Abc<br>def<br>ghi<br>jkl<br>mno<br>
</div>
</body>
</html>

View file

@ -19,7 +19,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -20,7 +20,7 @@
background: lime;
float: right;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -19,7 +19,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -19,7 +19,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -19,13 +19,14 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
clear: left;
}
</style>
</head>
<body>
<div class="sample"><div class="fake-initial-letter"></div>bc<br>Def<br></div>
<div class="sample" style="padding-top:44px"><div class="fake-initial-letter"></div>XY<br>ABC<br></div>
<div class="sample" style="padding-top:32px"><div class="fake-initial-letter"></div>XY<br>ABC<br></div>
</body>
</html>

View file

@ -19,7 +19,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -19,7 +19,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -20,7 +20,7 @@
background: lime;
float: right;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -20,7 +20,7 @@
background: cyan;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
</style>

View file

@ -17,7 +17,7 @@
background: lime;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
@ -25,7 +25,7 @@
background: yellow;
float: left;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 640px;
}
</style>

View file

@ -18,7 +18,7 @@
background: lime;
float: right;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 80px;
}
@ -26,7 +26,7 @@
background: yellow;
float: right;
height: 80px;
margin-top: 14px;
margin-top: 2px;
width: 640px;
}
</style>