mirror of
https://github.com/servo/servo.git
synced 2025-10-08 20:49:24 +01:00
Update web-platform-tests and CSS tests.
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
This commit is contained in:
Ms2ger
parent
fb4f421c8b
commit
296fa2512b
21852 changed files with 2080936 additions and 892894 deletions
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: Basic nested ruby</title>
|
||||
<link href="mailto:csswg@upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<style>
|
||||
div {
|
||||
display: inline-block;
|
||||
padding: 20px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if content in the two blocks are identical:</p>
|
||||
<div id="test">
|
||||
<ruby><rb>東<rb>南<rt>とう</rt><rt>なん<rtc lang="en">Southeast</rtc></rt></rb></rb></ruby>の方角
|
||||
</div>
|
||||
<div id="ref">
|
||||
<ruby><rb>東<rb>南<rt>とう</rt><rt>なん<rtc lang="en">Southeast</rtc></rt></rb></rb></ruby>の方角
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: Autohide ruby annotations which are identical to their bases</title>
|
||||
<link href="mailto:quanxunzhen@gmail.com" rel="author" title="Xidorn Quan">
|
||||
</head>
|
||||
<body>
|
||||
<ruby>
|
||||
<rb>振</rb><rb>り</rb><rb>仮</rb><rb>名</rb>
|
||||
<rt>ふ</rt><rt></rt><rt>が</rt><rt>な</rt>
|
||||
</ruby>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: Autohide ruby annotations which are identical to their bases</title>
|
||||
<link href="mailto:quanxunzhen@gmail.com" rel="author" title="Xidorn Quan">
|
||||
</head>
|
||||
<body>
|
||||
<p><ruby>
|
||||
<rb>振</rb><rb>り</rb><rb>仮</rb><rb>名</rb>
|
||||
<rt>ふ</rt><rt>ri</rt><rt>が</rt><rt>な</rt>
|
||||
</ruby></p>
|
||||
<p><ruby>
|
||||
<rb>振</rb><rb>ri</rb><rb>仮</rb><rb>名</rb>
|
||||
<rt>ふ</rt><rt>り</rt><rt>が</rt><rt>な</rt>
|
||||
</ruby></p>
|
||||
<p><ruby>
|
||||
<rb>振</rb><rb>り</rb><rb>仮</rb><rb>名</rb>
|
||||
<rt>ふ</rt><rt></rt><rt>が</rt><rt>な</rt>
|
||||
</ruby></p>
|
||||
<p><ruby>
|
||||
<rb>振</rb><rb>り</rb><rb>仮</rb><rb>名</rb>
|
||||
<rt>ふ</rt><rt></rt><rt>が</rt><rt>な</rt>
|
||||
</ruby></p>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ja"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: Autohide ruby annotations which are identical to their bases</title>
|
||||
<link href="mailto:quanxunzhen@gmail.com" rel="author" title="Xidorn Quan">
|
||||
<style>
|
||||
body { line-height: 5em; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ruby>
|
||||
<rb>振</rb><rb>り</rb><rb>仮</rb><rb>名</rb>
|
||||
<rt>ふ</rt><rt></rt><rt>が</rt><rt>な</rt>
|
||||
</ruby>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: Inlinize block-level boxes inside ruby</title>
|
||||
<link href="mailto:quanxunzhen@gmail.com" rel="author" title="Xidorn Quan">
|
||||
<link href="support/rbc.css" rel="stylesheet">
|
||||
<style>
|
||||
.inline {
|
||||
display: inline-block;
|
||||
background-color: yellow;
|
||||
width: 30px; height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div><ruby>a<div class="inline">b</div>c</ruby></div>
|
||||
<div><rb>a<div class="inline">b</div>c</rb></div>
|
||||
<div><rt>a<div class="inline">b</div>c</rt></div>
|
||||
<div><rbc>a<div class="inline">b</div>c</rbc></div>
|
||||
<div><rtc>a<div class="inline">b</div>c</rtc></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: Inlinize block-level boxes inside ruby</title>
|
||||
<link href="mailto:quanxunzhen@gmail.com" rel="author" title="Xidorn Quan">
|
||||
<style>
|
||||
.block, table, .flex {
|
||||
background-color: yellow;
|
||||
width: 100px; height: 30px;
|
||||
border: 1px solid blue;
|
||||
}
|
||||
.block { display: inline-block; }
|
||||
table { display: inline-table; border-collapse: collapse; }
|
||||
td { border: 3px solid red; }
|
||||
.flex { display: inline-flex; }
|
||||
.flex-item { flex: auto; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div><rb>a<div class="block">b</div>c</rb><rt>x<div class="block">y</div>z</rt></div>
|
||||
<div>
|
||||
<rb>a<table><tbody><tr><td>b1</td><td>b2</td></tr></tbody></table>c</rb>
|
||||
<rt>x<table><tbody><tr><td>y1</td><td>y2</td></tr></tbody></table>z</rt>
|
||||
</div>
|
||||
<div>
|
||||
<rb>a<div class="flex">
|
||||
<div class="flex-item">b1</div>
|
||||
<div class="flex-item">b2</div>
|
||||
</div>c</rb>
|
||||
<rt>x<div class="flex">
|
||||
<div class="flex-item">y1</div>
|
||||
<div class="flex-item">y2</div>
|
||||
</div>z</rt>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: Inlinize block-level boxes inside ruby</title>
|
||||
<link href="mailto:quanxunzhen@gmail.com" rel="author" title="Xidorn Quan">
|
||||
<link href="support/rbc.css" rel="stylesheet">
|
||||
<style>
|
||||
div { border-collapse: collapse; }
|
||||
.table { display: inline-table; }
|
||||
.cell {
|
||||
display: table-cell;
|
||||
background-color: yellow;
|
||||
border: 3px solid blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div><ruby>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</ruby></div>
|
||||
<div><rb>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</rb></div>
|
||||
<div><rt>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</rt></div>
|
||||
<div><rbc>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</rbc></div>
|
||||
<div><rtc>a<div class="table"><div class="cell">b1</div><div class="cell">b2</div></div>c</rtc></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: Inlinize block-level boxes inside ruby</title>
|
||||
<link href="mailto:quanxunzhen@gmail.com" rel="author" title="Xidorn Quan">
|
||||
<link href="support/rbc.css" rel="stylesheet">
|
||||
<style>
|
||||
.inline {
|
||||
display: inline-block;
|
||||
background-color: yellow;
|
||||
width: 30px; height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div><ruby>a<span><div class="inline">b</div></span>c</ruby></div>
|
||||
<div><rb>a<span><div class="inline">b</div></span>c</rb></div>
|
||||
<div><rt>a<span><div class="inline">b</div></span>c</rt></div>
|
||||
<div><rbc>a<span><div class="inline">b</div></span>c</rbc></div>
|
||||
<div><rtc>a<span><div class="inline">b</div></span>c</rtc></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en"><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: Inlinize block-level boxes inside ruby</title>
|
||||
<link href="mailto:quanxunzhen@gmail.com" rel="author" title="Xidorn Quan">
|
||||
<link href="support/rbc.css" rel="stylesheet">
|
||||
<style>
|
||||
ruby::before, rb::before, rt::before, rbc::before, rtc::before {
|
||||
content: "a";
|
||||
display: inline-block;
|
||||
background-color: yellow;
|
||||
width: 30px; height: 30px;
|
||||
}
|
||||
ruby::after, rb::after, rt::after, rbc::after, rtc::after {
|
||||
content: "c";
|
||||
display: inline-block;
|
||||
background-color: yellow;
|
||||
width: 30px; height: 30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div><ruby>b</ruby></div>
|
||||
<div><rb>b</rb></div>
|
||||
<div><rt>b</rt></div>
|
||||
<div><rbc>b</rbc></div>
|
||||
<div><rtc>b</rtc></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: Ruby with text-combine-upright in base</title>
|
||||
<link href="mailto:csswg@upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="support/ahem.css" rel="stylesheet">
|
||||
<style>
|
||||
.test {
|
||||
font: 52px Ahem;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the two rectangles are vertically middle aligned.</p>
|
||||
<div class="test">
|
||||
<ruby><rb><span style="writing-mode: horizontal-tb">X</span></rb><rt>XXXXXXXX</rt></ruby>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="UTF-8">
|
||||
<title>CSS Reference: Ruby with text-combine-upright annotation</title>
|
||||
<link href="mailto:csswg@upsuper.org" rel="author" title="Xidorn Quan">
|
||||
<link href="support/ahem.css" rel="stylesheet">
|
||||
<style>
|
||||
.test {
|
||||
font: 52px Ahem;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the two rectangles are vertically middle aligned.</p>
|
||||
<div class="test">
|
||||
<ruby><rb>XXXX</rb><rt><span style="writing-mode: horizontal-tb">X</span></rt></ruby>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
Binary file not shown.
|
|
@ -0,0 +1,4 @@
|
|||
@font-face {
|
||||
font-family: "Ahem";
|
||||
src: url(./Ahem.ttf);
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
rbc {
|
||||
display: ruby-base-container;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue