Update web-platform-tests to revision 52ad8a87fb72bcf6950c20cced0d87f34e26dc81

This commit is contained in:
WPT Sync Bot 2020-01-05 08:21:57 +00:00
parent afa1b85766
commit db5824faf8
123 changed files with 2917 additions and 221 deletions

View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference: ::marker pseudo elements styled with 'content' property</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<style>
img {
display: list-item;
list-style-type: "[marker]";
}
img.inside {
list-style-position: inside;
}
</style>
<ol>
<img src="about:invalid" alt="alt" class="inside" />
<img src="about:invalid" alt="alt" />
<li value="3">item</li>
</ol>

View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: ::marker pseudo elements styled with 'content' property</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="match" href="marker-content-017-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
<link rel="help" href="https://drafts.csswg.org/css-lists/#declaring-a-list-item">
<meta name="assert" content="Checks that ::marker can be created inside a non-replaced <img>.">
<style>
img {
display: list-item;
}
img.inside {
list-style-position: inside;
}
img::marker {
content: '[marker]';
}
</style>
<ol>
<img src="about:invalid" alt="alt" class="inside" />
<img src="about:invalid" alt="alt" />
<li>item</li>
</ol>

View file

@ -0,0 +1,61 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference: ::marker pseudo elements styled with 'content' property</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<style>
ol {
float: left;
width: 100px;
}
.inside {
list-style-position: inside;
}
li:nth-child(1) { list-style-type: "1" }
li:nth-child(2) { list-style-type: "1 " }
li:nth-child(3) { list-style-type: "1 " }
li:nth-child(4) { list-style-type: " 1" }
li:nth-child(5) { list-style-type: " 1" }
li:nth-child(6) { list-style-type: " 1 " }
li:nth-child(7) { list-style-type: "1\9 2" }
li:nth-child(8) { list-style-type: "1\a 2" }
</style>
<ol class="inside">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ol>
<ol class="inside">
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
</ol>
<ol class="outside">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ol>
<ol class="outside">
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
</ol>

View file

@ -0,0 +1,65 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: ::marker pseudo elements styled with 'content' property</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<link rel="match" href="marker-content-018-ref.html">
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#marker-pseudo">
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-rules">
<meta name="assert" content="Checks that the 'content' property of a ::marker doesn't affect white space.">
<style>
ol {
float: left;
width: 100px;
}
.inside {
list-style-position: inside;
}
li:nth-child(1)::marker { content: "1" }
li:nth-child(2)::marker { content: "1 " }
li:nth-child(3)::marker { content: "1 " }
li:nth-child(4)::marker { content: " 1" }
li:nth-child(5)::marker { content: " 1" }
li:nth-child(6)::marker { content: " 1 " }
li:nth-child(7)::marker { content: "1\9 2" }
li:nth-child(8)::marker { content: "1\a 2" }
</style>
<ol class="inside">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ol>
<ol class="inside">
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
</ol>
<ol class="outside">
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ol>
<ol class="outside">
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
<li> item</li>
</ol>

View file

@ -3,6 +3,7 @@
<title>CSS Reftest Reference</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com" />
<link rel="mismatch" href="marker-font-variant-numeric-normal-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
@font-face {
/* This font looks different with 'font-variant-numeric: tabular-nums' */
@ -17,19 +18,13 @@ ol {
list-style-position: inside;
font-family: "Exo 2";
}
span {
display: inline-block;
vertical-align: top;
}
li:first-child::before {
content: '\200B'; /* zero-width space */
}
li:first-child::after {
content: '';
position: absolute;
height: 225px;
content: 'X X X X X X X X X';
display: inline-block;
font: 25px/1 Ahem;
vertical-align: top;
height: 0;
width: 25px;
background: black;
}
</style>
<ol>

View file

@ -3,6 +3,7 @@
<title>CSS Reftest Reference</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com" />
<link rel="mismatch" href="marker-font-variant-numeric-default-ref.html">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
@font-face {
/* This font looks different with 'font-variant-numeric: tabular-nums' */
@ -19,10 +20,10 @@ ol {
}
span {
display: inline-block;
font: 25px/1 Ahem;
vertical-align: top;
width: 25px;
height: 25px;
background: black;
}
</style>
<ol>