Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-15 18:35:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 10168e9a5d44efbc6e7d416d1d454eb9c9f1396c

Browse source
This commit is contained in:
Josh Matthews 2018-01-31 09:13:41 -05:00
parent c88dc51d03
commit 0e1caebaf4
791 changed files with 23381 additions and 5501 deletions
Download patch file Download diff file Expand all files Collapse all files

18
tests/wpt/web-platform-tests/css/css-writing-modes/reference/available-size-001-ref.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<style>
body > div {
font-family: monospace; /* to be able to reliably measure things in ch*/
font-size: 20px;
color: transparent;
writing-mode: vertical-rl;
background: green;
border-top: 1ch solid white;
}
</style>
<p>Test passes if there is a <strong>green rectangle</strong> below and <strong>no red</strong>.
<div>0</div>

17
tests/wpt/web-platform-tests/css/css-writing-modes/reference/available-size-002-ref.html Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<style>
body > div {
font-family: monospace; /* to be able to reliably measure things in ch*/
font-size: 20px;
color: transparent;
writing-mode: vertical-rl;
background: green;
}
</style>
<p>Test passes if there is a <strong>green rectangle</strong> below and <strong>no red</strong>.
<div>0</div>

32
tests/wpt/web-platform-tests/css/css-writing-modes/reference/ch-units-vrl-001-ref.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS test reference</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
font-size: 20px;
color: transparent;
}
div:nth-of-type(1) { background: green; }
div:nth-of-type(2) { background: blue; }
div:nth-of-type(1),
div:nth-of-type(2) {
writing-mode: vertical-rl;
text-orientation: upright;
height: 5ch;
width: 5ch;
}
div:nth-of-type(3) {
background: orange;
height: 5ch;
width: 5ch;
}
</style>
<body>
<p>Test passes if there is a <strong>green square</strong> below, and if it is the <strong>same size as the blue</strong> one, not the orange one.
<p>If any of the 3 colored shapes is not a square, or if the orange and blue squares are the same size, the test fails.
<div></div>
<div></div>
<div></div>
</body>

32
tests/wpt/web-platform-tests/css/css-writing-modes/reference/ch-units-vrl-005-ref.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS test reference</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
font-size: 20px;
color: transparent;
}
div:nth-of-type(1) { background: green; }
div:nth-of-type(2) { background: blue; }
div:nth-of-type(1),
div:nth-of-type(2) {
height: 5ch;
width: 5ch;
}
div:nth-of-type(3) {
background: orange;
writing-mode: vertical-rl;
text-orientation: upright;
height: 5ch;
width: 5ch;
}
</style>
<body>
<p>Test passes if there is a <strong>green square</strong> below, and if it is the <strong>same size as the blue</strong> one, not the orange one.
<p>If any of the 3 colored shapes is not a square, or if the orange and blue squares are the same size, the test fails.
<div></div>
<div></div>
<div></div>
</body>

17
tests/wpt/web-platform-tests/css/css-writing-modes/reference/logical-props-001-ref.html Normal file
View file

@ -0,0 +1,17 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS test reference</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<style>
div {
position: absolute;
width: 100px;
height: 5px;
background: green;
}
</style>
<body>
<p>Test passes if there is a <strong>horizontal green stripe</strong> below and <strong>no red</strong>.
<div></div>
</body>

20
tests/wpt/web-platform-tests/css/css-writing-modes/reference/mongolian-orientation-001-ref.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Writing Modes Test Reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<style>
div {
font-family: "Mongolian White";
font-size: 2em;
margin: 1em;
writing-mode: vertical-lr;
float: left;
}
div:nth-of-type(1) { text-orientation: sideways; }
div:nth-of-type(2) { text-orientation: sideways; }
</style>
<p>The test passes if you see two identical lines of vertical text (in Mongolian).
<div>ᠮᠣᠨᠭᠭᠣᠯ ᠬᠡᠯᠡ</div>
<div>ᠮᠣᠨᠭᠭᠣᠯ ᠬᠡᠯᠡ</div>

23
tests/wpt/web-platform-tests/css/css-writing-modes/reference/svg-aliasing-001-ref.html Normal file
View file

@ -0,0 +1,23 @@
<!doctype html>
<meta charset="utf-8">
<title>Writing modes test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<p>The test passes if you can see “1 2 3” 6 times below (without the quotation marks). If any of them is reversed (“3 2 1”) the test fails.</p>
<svg
xmlns="http://www.w3.org/2000/svg"
width="300"
height="600">
<g>
<text x="0" y="50" style="fill: blue;">1 2 3</text>
<text x="0" y="150" style="fill: blue;">1 2 3</text>
</g>
<g>
<text x="150" y="50" style="fill: blue;">1 2 3</text>
<text x="150" y="150" style="fill: blue;">1 2 3</text>
</g>
<g>
<text x="300" y="50" style="direction: rtl; fill: blue;">3 2 1</text>
<text x="300" y="150" style="direction: rtl; fill: blue;">3 2 1</text>
</g>
</svg>

21
tests/wpt/web-platform-tests/css/css-writing-modes/reference/svg-aliasing-002-ref.html Normal file
View file

@ -0,0 +1,21 @@
<!doctype html>
<meta charset="utf-8">
<title>Writing modes test reference</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
<p>The test passes if you can see “1 2 3” (without the quotation marks) 3 times below going top-to-bottom.
If any of them is reversed (going bottom to top), the test fails.</p>
<svg
xmlns="http://www.w3.org/2000/svg"
width="300"
height="600">
<g>
<text x="50" y="50" style="writing-mode: vertical-rl; fill: blue;">1 2 3</text>
</g>
<g>
<text x="125" y="50" style="writing-mode: vertical-rl; fill: blue;">1 2 3</text>
</g>
<g>
<text x="200" y="80" style="writing-mode: vertical-rl; direction: rtl; fill: blue;">3 2 1</text>
</g>
</svg>