mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update web-platform-tests to revision 33fa44546cbd74796eebfd7e8a33d6fc2f4e020a
This commit is contained in:
WPT Sync Bot
parent
0e503a0e0c
commit
e10932a8f7
2576 changed files with 7707 additions and 6192 deletions
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: String value of list-style-type with outside position</title>
|
||||
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
|
||||
<style>
|
||||
.list { list-style: none }
|
||||
.list > ::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 0px;
|
||||
direction: rtl;
|
||||
white-space: pre;
|
||||
}
|
||||
.list > :nth-child(2)::before { content: "foo" }
|
||||
.list > :nth-child(3)::before { content: "foobar"; }
|
||||
.list > :nth-child(4)::before { content: "some very long text that is not going to fit and will overflow"; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol class="list">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</ol>
|
||||
<ul class="list">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>String value of list-style-type with outside position</title>
|
||||
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#valdef-list-style-type-string">
|
||||
<link rel="match" href="list-style-type-string-002-ref.html">
|
||||
<meta name="assert" content="This test checks that list-style-type can set the marker string when the marker is positioned outside.">
|
||||
<style>
|
||||
.list { list-style-type: "" }
|
||||
.list > :nth-child(2) { list-style-type: "foo" }
|
||||
.list > :nth-child(3) { list-style-type: "foobar"; }
|
||||
.list > :nth-child(4) { list-style-type: "some very long text that is not going to fit and will overflow"; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol class="list">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</ol>
|
||||
<ul class="list">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: String value of list-style-type with RTL direction</title>
|
||||
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
|
||||
<style>
|
||||
.list {
|
||||
list-style: none;
|
||||
direction: rtl;
|
||||
}
|
||||
.list > ::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 0px;
|
||||
direction: ltr;
|
||||
white-space: pre;
|
||||
}
|
||||
.list > :nth-child(2)::before { content: "foo" }
|
||||
.list > :nth-child(3)::before { content: "foobar"; }
|
||||
.list > :nth-child(4)::before { content: "some very long text that is not going to fit and will overflow"; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol class="list">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</ol>
|
||||
<ul class="list">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>String value of list-style-type with RTL direction</title>
|
||||
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#valdef-list-style-type-string">
|
||||
<link rel="match" href="list-style-type-string-003-ref.html">
|
||||
<meta name="assert" content="This test checks that list-style-type can set the marker string when the direction is RTL.">
|
||||
<style>
|
||||
.list {
|
||||
list-style-type: "";
|
||||
direction: rtl;
|
||||
}
|
||||
.list > :nth-child(2) { list-style-type: "foo" }
|
||||
.list > :nth-child(3) { list-style-type: "foobar"; }
|
||||
.list > :nth-child(4) { list-style-type: "some very long text that is not going to fit and will overflow"; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol class="list">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</ol>
|
||||
<ul class="list">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: String value of list-style-type changing dynamically</title>
|
||||
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
|
||||
<style>
|
||||
.list { list-style-type: "bar" }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol class="list">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</ol>
|
||||
<ul class="list">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" class="reftest-wait">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Test: String value of list-style-type changing dynamically</title>
|
||||
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#valdef-list-style-type-string">
|
||||
<link rel="match" href="list-style-type-string-004-ref.html">
|
||||
<meta name="assert" content="This test checks that the marker text is updated when list-style-type changes.">
|
||||
<style>
|
||||
.list { list-style-type: "foo" }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol class="list">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</ol>
|
||||
<ul class="list">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
</ul>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<script>
|
||||
"use strict";
|
||||
addEventListener("load", function() {
|
||||
requestAnimationFrame(() => {
|
||||
for (const list of document.querySelectorAll(".list")) {
|
||||
list.style.listStyleType = '"bar"';
|
||||
}
|
||||
takeScreenshot();
|
||||
});
|
||||
}, {once: true});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: String value of list-style-type with bidi text</title>
|
||||
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
|
||||
<style>
|
||||
.list {
|
||||
width: 50%;
|
||||
box-sizing: border-box;
|
||||
float: left;
|
||||
padding-inline-start: 14ch;
|
||||
margin: 0;
|
||||
line-height: 1.6;
|
||||
list-style: none;
|
||||
}
|
||||
.rtl { direction: rtl }
|
||||
.list > ::before {
|
||||
unicode-bidi: isolate;
|
||||
display: inline-flex;
|
||||
flex-direction: row-reverse;
|
||||
width: 0px;
|
||||
white-space: pre;
|
||||
}
|
||||
.list > :nth-child(1)::before { content: "\627 \644 " }
|
||||
.list > :nth-child(2)::before { content: "\61 \627 \644 " }
|
||||
.list > :nth-child(3)::before { content: "\627 \644 \62 " }
|
||||
.list > :nth-child(4)::before { content: "\61 \627 \644 \62 " }
|
||||
.list > :nth-child(5)::before { content: "\61 \62 \627 \644 " }
|
||||
.list > :nth-child(6)::before { content: "\627 \644 \61 \62 " }
|
||||
.list > :nth-child(7)::before { content: "\31 \627 \644 " }
|
||||
.list > :nth-child(8)::before { content: "\627 \644 \32 " }
|
||||
.list > :nth-child(9)::before { content: "\31 \627 \644 \32 " }
|
||||
.list > :nth-child(10)::before { content: "\31 \32 \627 \644 " }
|
||||
.list > :nth-child(11)::before { content: "\627 \644 \31 \32 " }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol class="list ltr">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
<li>item 5</li>
|
||||
<li>item 6</li>
|
||||
<li>item 7</li>
|
||||
<li>item 8</li>
|
||||
<li>item 9</li>
|
||||
<li>item 10</li>
|
||||
<li>item 11</li>
|
||||
</ol>
|
||||
<ul class="list rtl">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
<li>item 5</li>
|
||||
<li>item 6</li>
|
||||
<li>item 7</li>
|
||||
<li>item 8</li>
|
||||
<li>item 9</li>
|
||||
<li>item 10</li>
|
||||
<li>item 11</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>String value of list-style-type with bidi text</title>
|
||||
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#valdef-list-style-type-string">
|
||||
<link rel="match" href="list-style-type-string-005-ref.html">
|
||||
<meta name="assert" content="This test checks that the bidi algorithm runs for markers.">
|
||||
<style>
|
||||
.list {
|
||||
width: 50%;
|
||||
box-sizing: border-box;
|
||||
float: left;
|
||||
padding-inline-start: 14ch;
|
||||
margin: 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.rtl { direction: rtl }
|
||||
.list > :nth-child(1) { list-style-type: "\627 \644 " }
|
||||
.list > :nth-child(2) { list-style-type: "\61 \627 \644 " }
|
||||
.list > :nth-child(3) { list-style-type: "\627 \644 \62 " }
|
||||
.list > :nth-child(4) { list-style-type: "\61 \627 \644 \62 " }
|
||||
.list > :nth-child(5) { list-style-type: "\61 \62 \627 \644 " }
|
||||
.list > :nth-child(6) { list-style-type: "\627 \644 \61 \62 " }
|
||||
.list > :nth-child(7) { list-style-type: "\31 \627 \644 " }
|
||||
.list > :nth-child(8) { list-style-type: "\627 \644 \32 " }
|
||||
.list > :nth-child(9) { list-style-type: "\31 \627 \644 \32 " }
|
||||
.list > :nth-child(10) { list-style-type: "\31 \32 \627 \644 " }
|
||||
.list > :nth-child(11) { list-style-type: "\627 \644 \31 \32 " }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol class="list ltr">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
<li>item 5</li>
|
||||
<li>item 6</li>
|
||||
<li>item 7</li>
|
||||
<li>item 8</li>
|
||||
<li>item 9</li>
|
||||
<li>item 10</li>
|
||||
<li>item 11</li>
|
||||
</ol>
|
||||
<ul class="list rtl">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
<li>item 5</li>
|
||||
<li>item 6</li>
|
||||
<li>item 7</li>
|
||||
<li>item 8</li>
|
||||
<li>item 9</li>
|
||||
<li>item 10</li>
|
||||
<li>item 11</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>String value of list-style-type with bidi text in multicol</title>
|
||||
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#valdef-list-style-type-string">
|
||||
<link rel="match" href="list-style-type-string-005-ref.html">
|
||||
<meta name="assert" content="This test checks that the bidi algorithm runs for markers in multicol.">
|
||||
<style>
|
||||
body { column-count: 2 }
|
||||
.list {
|
||||
padding-inline-start: 14ch;
|
||||
margin: 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.rtl { direction: rtl }
|
||||
.list > :nth-child(1) { list-style-type: "\627 \644 " }
|
||||
.list > :nth-child(2) { list-style-type: "\61 \627 \644 " }
|
||||
.list > :nth-child(3) { list-style-type: "\627 \644 \62 " }
|
||||
.list > :nth-child(4) { list-style-type: "\61 \627 \644 \62 " }
|
||||
.list > :nth-child(5) { list-style-type: "\61 \62 \627 \644 " }
|
||||
.list > :nth-child(6) { list-style-type: "\627 \644 \61 \62 " }
|
||||
.list > :nth-child(7) { list-style-type: "\31 \627 \644 " }
|
||||
.list > :nth-child(8) { list-style-type: "\627 \644 \32 " }
|
||||
.list > :nth-child(9) { list-style-type: "\31 \627 \644 \32 " }
|
||||
.list > :nth-child(10) { list-style-type: "\31 \32 \627 \644 " }
|
||||
.list > :nth-child(11) { list-style-type: "\627 \644 \31 \32 " }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol class="list ltr">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
<li>item 5</li>
|
||||
<li>item 6</li>
|
||||
<li>item 7</li>
|
||||
<li>item 8</li>
|
||||
<li>item 9</li>
|
||||
<li>item 10</li>
|
||||
<li>item 11</li>
|
||||
</ol>
|
||||
<ul class="list rtl">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
<li>item 5</li>
|
||||
<li>item 6</li>
|
||||
<li>item 7</li>
|
||||
<li>item 8</li>
|
||||
<li>item 9</li>
|
||||
<li>item 10</li>
|
||||
<li>item 11</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: String value of list-style-type with bidi text inside</title>
|
||||
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
|
||||
<style>
|
||||
.list {
|
||||
width: 50%;
|
||||
box-sizing: border-box;
|
||||
float: left;
|
||||
padding-inline-start: 14ch;
|
||||
margin: 0;
|
||||
line-height: 1.6;
|
||||
list-style: none;
|
||||
}
|
||||
.rtl { direction: rtl }
|
||||
.list > ::before { unicode-bidi: isolate }
|
||||
.list > :nth-child(1)::before { content: "\627 \644 " }
|
||||
.list > :nth-child(2)::before { content: "\61 \627 \644 " }
|
||||
.list > :nth-child(3)::before { content: "\627 \644 \62 " }
|
||||
.list > :nth-child(4)::before { content: "\61 \627 \644 \62 " }
|
||||
.list > :nth-child(5)::before { content: "\61 \62 \627 \644 " }
|
||||
.list > :nth-child(6)::before { content: "\627 \644 \61 \62 " }
|
||||
.list > :nth-child(7)::before { content: "\31 \627 \644 " }
|
||||
.list > :nth-child(8)::before { content: "\627 \644 \32 " }
|
||||
.list > :nth-child(9)::before { content: "\31 \627 \644 \32 " }
|
||||
.list > :nth-child(10)::before { content: "\31 \32 \627 \644 " }
|
||||
.list > :nth-child(11)::before { content: "\627 \644 \31 \32 " }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol class="list ltr">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
<li>item 5</li>
|
||||
<li>item 6</li>
|
||||
<li>item 7</li>
|
||||
<li>item 8</li>
|
||||
<li>item 9</li>
|
||||
<li>item 10</li>
|
||||
<li>item 11</li>
|
||||
</ol>
|
||||
<ul class="list rtl">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
<li>item 5</li>
|
||||
<li>item 6</li>
|
||||
<li>item 7</li>
|
||||
<li>item 8</li>
|
||||
<li>item 9</li>
|
||||
<li>item 10</li>
|
||||
<li>item 11</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>String value of list-style-type with bidi text inside</title>
|
||||
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@gmail.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#valdef-list-style-type-string">
|
||||
<link rel="match" href="list-style-type-string-006-ref.html">
|
||||
<meta name="assert" content="This test checks that the bidi algorithm runs for markers with unicode-bidi:isolate, so that the text inside the marker is isolated from the text outside. This is only relevant when the marker is positioned inside.">
|
||||
<style>
|
||||
.list {
|
||||
list-style-position: inside;
|
||||
width: 50%;
|
||||
box-sizing: border-box;
|
||||
float: left;
|
||||
padding-inline-start: 14ch;
|
||||
margin: 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.rtl { direction: rtl }
|
||||
.list > :nth-child(1) { list-style-type: "\627 \644 " }
|
||||
.list > :nth-child(2) { list-style-type: "\61 \627 \644 " }
|
||||
.list > :nth-child(3) { list-style-type: "\627 \644 \62 " }
|
||||
.list > :nth-child(4) { list-style-type: "\61 \627 \644 \62 " }
|
||||
.list > :nth-child(5) { list-style-type: "\61 \62 \627 \644 " }
|
||||
.list > :nth-child(6) { list-style-type: "\627 \644 \61 \62 " }
|
||||
.list > :nth-child(7) { list-style-type: "\31 \627 \644 " }
|
||||
.list > :nth-child(8) { list-style-type: "\627 \644 \32 " }
|
||||
.list > :nth-child(9) { list-style-type: "\31 \627 \644 \32 " }
|
||||
.list > :nth-child(10) { list-style-type: "\31 \32 \627 \644 " }
|
||||
.list > :nth-child(11) { list-style-type: "\627 \644 \31 \32 " }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ol class="list ltr">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
<li>item 5</li>
|
||||
<li>item 6</li>
|
||||
<li>item 7</li>
|
||||
<li>item 8</li>
|
||||
<li>item 9</li>
|
||||
<li>item 10</li>
|
||||
<li>item 11</li>
|
||||
</ol>
|
||||
<ul class="list rtl">
|
||||
<li>item 1</li>
|
||||
<li>item 2</li>
|
||||
<li>item 3</li>
|
||||
<li>item 4</li>
|
||||
<li>item 5</li>
|
||||
<li>item 6</li>
|
||||
<li>item 7</li>
|
||||
<li>item 8</li>
|
||||
<li>item 9</li>
|
||||
<li>item 10</li>
|
||||
<li>item 11</li>
|
||||
</ul>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue