mirror of
https://github.com/servo/servo.git
synced 2025-08-27 16:18:21 +01:00
Update web-platform-tests to revision 44702f2bc8ea98bc32b5b244f2fe63c6ce66d49d
This commit is contained in:
parent
85fa6409bb
commit
c227604a2c
997 changed files with 45660 additions and 14650 deletions
|
@ -0,0 +1,23 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Writing Mode test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
<meta flags="ahem">
|
||||
|
||||
<style>
|
||||
div {
|
||||
font: 20px/20px ahem;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
background: green;
|
||||
height: 4em;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<p>There should be a <strong>green rectangle</strong> and <strong>no red</strong>.
|
||||
|
||||
<div></div>
|
|
@ -0,0 +1,28 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Writing Mode test reference</title>
|
||||
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
|
||||
<meta flags="ahem">
|
||||
|
||||
<style>
|
||||
div {
|
||||
font: 50px / 50px ahem;
|
||||
color: green;
|
||||
|
||||
max-height: 100px;
|
||||
writing-mode: vertical-rl;
|
||||
/* Doing this with a horizontal div and max-width ought to result in the same 100x100 green square,
|
||||
but font rasterisation may (and in practice does) result in different aliasing artifacts.
|
||||
Therefore I am using the same writing mode as the test,
|
||||
to make sure we get identically sharp/fuzzy edges on the same sides.
|
||||
*/
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>There should be a <strong>green square</strong> and <strong>no red</strong>.
|
||||
|
||||
<div>xx xx</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -5,6 +5,7 @@
|
|||
<style>
|
||||
#container {
|
||||
font: 50px/1 Ahem;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
.vlr {
|
||||
writing-mode:vertical-lr;
|
||||
|
|
|
@ -0,0 +1,42 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Writing Mode test: orthogonal table cell</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow">
|
||||
<meta assert="The writing mode property applies to table cells: two adjacent cells can have orthogonal writing modes, and the enclosing table must be laid out correctly.">
|
||||
<meta flags="ahem">
|
||||
<link rel="match" href="reference/table-cell-001-ref.html">
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
|
||||
<style>
|
||||
table, td {
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
font: 20px/20px ahem;
|
||||
}
|
||||
td { background: green; }
|
||||
#t2 { writing-mode: vertical-rl; }
|
||||
|
||||
#red {
|
||||
font: 20px/20px ahem;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
background: red;
|
||||
height: 4em;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<p>There should be a <strong>green rectangle</strong> and <strong>no red</strong>.
|
||||
|
||||
<div id=red></div>
|
||||
|
||||
<table><tbody><tr><td id=t1> </td><td id=t2> </td></tr></tbody></table>
|
||||
<!--
|
||||
* Each table cell should be 4em in its inline dimention: horizontal for the first, vertical for the second.
|
||||
* The first table cell should be 4em tall, to match the height of the second one.
|
||||
* The second table cell should be 1em in its block dimention, which is horizontal.
|
||||
* Juxtaposing the two that give 4em x 5em.
|
||||
-->
|
|
@ -0,0 +1,32 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Writing Mode test: orthogonal table cell</title>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#block-flow">
|
||||
<meta assert="The writing mode property applies to table cells: max-heights constrains on a vertical table cell (in a horizontal table)
|
||||
ought to have the same effect on the cell as max-width would on horizontal ones.
|
||||
Lines of longer than the max which have break opportunities are expected to wrap.">
|
||||
<meta flags="ahem">
|
||||
<link rel="match" href="reference/table-cell-002-ref.html">
|
||||
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
|
||||
|
||||
<style>
|
||||
table, td {
|
||||
padding: 0;
|
||||
border-spacing: 0;
|
||||
}
|
||||
td {
|
||||
max-height: 100px;
|
||||
font: 50px / 50px ahem;
|
||||
color: green;
|
||||
writing-mode: vertical-rl;
|
||||
background: red;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>There should be a <strong>green square</strong> and <strong>no red</strong>.
|
||||
|
||||
<table><tbody><tr><td>xx xx</td></tr></tbody></table>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -8,6 +8,7 @@
|
|||
<style>
|
||||
#container {
|
||||
font: 50px/1 Ahem;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
.vlr {
|
||||
writing-mode:vertical-lr;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue