Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-09-05 04:28:22 +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

56
tests/wpt/web-platform-tests/css/css-writing-modes/ch-units-vrl-007.html Normal file
View file

@ -0,0 +1,56 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>sideways vertical writing mode and ch unit on table columns</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
<link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#placement">
<link rel="match" href="reference/ch-units-vrl-005-ref.html"
<meta name="assert" content="The font-metric dependent ch unit on table columns takes the writing mode (with a sideways orientation) into account,
even though these properties do not apply to that element.">
<style>
table {
font-size: 20px;
border-collapse: collapse;
border: none;
}
td {
padding: 0;
background: green;
height: 5ch;
writing-mode: vertical-rl;
text-orientation: upright;
}
col {
writing-mode: vertical-rl;
text-orientation: sideways;
width: 5ch;
}
div {
font-size: 20px;
color: transparent;
}
/* Sizing the reference divs using the actual 0 (after which the ch unit is based) in the inline dimensions,
and using the ch unit in the block dimension,
to make sure that the ch unit itself works well in the general case.
If it doesn't, or if writing modes don't work, the divs won't be square.
*/
div:nth-of-type(2) {
background: orange;
writing-mode: vertical-rl;
text-orientation: upright;
width: 5ch;
}
div:nth-of-type(1) {
background: blue;
height: 5ch;
display: inline-block; /* shrinkwrap */
}
</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.
<table><col><tbody><tr><td>&nbsp;</td></tr></tbody></table>
<div>00000</div>
<div>00000</div>
</body>