mirror of
https://github.com/servo/servo.git
synced 2025-08-05 13:40:08 +01:00
Update CSS tests to revision d674587d6ae7d2e231d632785559f2613d554eb0
This commit is contained in:
Ms2ger
parent
7c45ff8e05
commit
f235d49372
6623 changed files with 267392 additions and 10061 deletions
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
padding-left: 210px; /* 60 px (padding-left) + 120px (blue box width) + 30px (the position difference of box) */
|
||||
}
|
||||
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 60px; /* 60 px (padding-left) */
|
||||
}
|
||||
|
||||
img + br + img + img
|
||||
{
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
img + br + img + img + br + img
|
||||
{
|
||||
padding-left: 225px; /* 60 px (padding-left) + 120px (blue box width) + 45px (the position difference of box)
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if 2 orange squares are centered with respect to a blue square.</p>
|
||||
|
||||
<div>
|
||||
<img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"><br><!--
|
||||
--><img src="support/swatch-yellow.png" width="120" height="120" alt="Image download support must be enabled"><!--
|
||||
--><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled"><br><!--
|
||||
--><img src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Hajime Shiozawa" href="mailto:hajime.shiozawa@gmail.com">
|
||||
<link rel="reviewer" title="G?rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-08-13 -->
|
||||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img
|
||||
{
|
||||
padding-left: 90px; /* 60 px (padding-left) + 30px (the position difference of box) */
|
||||
}
|
||||
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 60px; /* 60 px (padding-left) */
|
||||
}
|
||||
|
||||
img + br + img + img
|
||||
{
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
img + br + img + img + br + img
|
||||
{
|
||||
padding-left: 105px; /* 60 px (padding-left) + 45px (the position difference of box)
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if 2 orange squares are centered with respect to a blue square.</p>
|
||||
|
||||
<div>
|
||||
<img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"><br><!--
|
||||
--><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled"><!--
|
||||
--><img src="support/swatch-yellow.png" width="120" height="120" alt="Image download support must be enabled"><br><!--
|
||||
--><img src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.9 KiB |
|
|
@ -1,4 +1,6 @@
|
|||
(function () {
|
||||
var log = function () {};
|
||||
|
||||
function OrientationTester(container, orientation) {
|
||||
this.container = container;
|
||||
this.setOrientation(orientation);
|
||||
|
|
@ -212,8 +214,4 @@
|
|||
for (var key in dict)
|
||||
target[key] = dict[key];
|
||||
}
|
||||
|
||||
function log(text) {
|
||||
console.log(text);
|
||||
}
|
||||
})();
|
||||
|
|
|
|||
|
|
@ -0,0 +1,60 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: The resulting composition is treated as a signel glyph for decorations</title>
|
||||
<meta content="ahem" name="flags">
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<style>
|
||||
#container {
|
||||
font: 50px/1 Ahem;
|
||||
}
|
||||
.vlr {
|
||||
writing-mode:vertical-lr;
|
||||
}
|
||||
.vrl {
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.test, .ref {
|
||||
border:solid thin;
|
||||
margin:.2em;
|
||||
}
|
||||
p {
|
||||
margin:0 .5em;
|
||||
}
|
||||
.underline {
|
||||
text-decoration:underline;
|
||||
}
|
||||
.overline {
|
||||
text-decoration:overline;
|
||||
}
|
||||
.emphasis {
|
||||
text-emphasis:filled;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>This test asserts the resulting composition is treated as a single glyph for decorations.
|
||||
</p><p>Test passes if the following two boxes in each row are identical.
|
||||
</p><div id="container">
|
||||
<div class="vlr">
|
||||
<div class="test">
|
||||
<p class="underline">X X
|
||||
</p><p class="overline">X X
|
||||
</p><p class="emphasis">XXX
|
||||
</p></div>
|
||||
<div class="ref">
|
||||
<p class="underline">X X
|
||||
</p><p class="overline">X X
|
||||
</p><p class="emphasis">XXX
|
||||
</p></div>
|
||||
</div>
|
||||
<div class="vrl">
|
||||
<div class="test">
|
||||
<p class="underline">X X
|
||||
</p><p class="overline">X X
|
||||
</p><p class="emphasis">XXX
|
||||
</p></div>
|
||||
<div class="ref">
|
||||
<p class="underline">X X
|
||||
</p><p class="overline">X X
|
||||
</p><p class="emphasis">XXX
|
||||
</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes Test: text-combine-upright:all inherits</title>
|
||||
<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<style>
|
||||
#container {
|
||||
font-size:50px;
|
||||
}
|
||||
.vrl {
|
||||
writing-mode:vertical-rl;
|
||||
}
|
||||
.tcy {
|
||||
text-combine-upright:all;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>Test passes if all two-digit numbers are <b>upright</b> in <b>horizontal</b> flow.
|
||||
</p><div id="container">
|
||||
<div>66</div>
|
||||
<div class="vrl"><span class="tcy">66</span></div>
|
||||
<div class="vrl"><span class="tcy">66</span></div>
|
||||
</div>
|
||||
</body></html>
|
||||
|
|
@ -4,8 +4,6 @@
|
|||
<title>CSS Writing Modes: Layout rules of text-combine-upright</title>
|
||||
<link href="https://google.com/+MasatakaYakura" rel="author" title="Masataka Yakura">
|
||||
<link href="kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="http://www.w3.org/TR/css-writing-modes-3/#text-combine-layout" rel="help">
|
||||
<meta content="Anything outside the 1em-composition does not affect layout." name="assert">
|
||||
<meta content="ahem" name="flags">
|
||||
<style>
|
||||
#container {
|
||||
|
|
|
|||
|
|
@ -20,7 +20,6 @@
|
|||
.control_ahem
|
||||
{
|
||||
writing-mode: horizontal-tb;
|
||||
-webkit-writing-mode: horizontal-tb;
|
||||
}
|
||||
.view
|
||||
{
|
||||
|
|
@ -30,7 +29,6 @@
|
|||
margin-bottom: 10px;
|
||||
width: 3em;
|
||||
writing-mode: vertical-rl;
|
||||
-webkit-writing-mode: vertical-rl;
|
||||
}
|
||||
.control
|
||||
{
|
||||
|
|
|
|||
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<!-- reftest for text-orietation-013.xht -->
|
||||
<link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com">
|
||||
<meta http-equiv="content-language" content="en">
|
||||
<style type="text/css">
|
||||
div
|
||||
{
|
||||
background: pink;
|
||||
border: 1px solid black;
|
||||
color: blue;
|
||||
font: 20px/1 Ahem;
|
||||
height: 3em;
|
||||
margin: 10px;
|
||||
width: 3em;
|
||||
white-space: pre;
|
||||
}
|
||||
.control_ahem
|
||||
{
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if a pair of rectangles is <strong>identical</strong> including <strong>layout</strong>.</p>
|
||||
<div class="control_ahem"> 63
|
||||
52
|
||||
7 1</div>
|
||||
<div class="control_ahem"> 63
|
||||
52
|
||||
7 1</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -20,7 +20,6 @@
|
|||
.control_ahem
|
||||
{
|
||||
writing-mode: horizontal-tb;
|
||||
-webkit-writing-mode: horizontal-tb;
|
||||
}
|
||||
.view
|
||||
{
|
||||
|
|
@ -30,7 +29,6 @@
|
|||
margin-bottom: 10px;
|
||||
width: 3em;
|
||||
writing-mode: vertical-rl;
|
||||
-webkit-writing-mode: vertical-rl;
|
||||
}
|
||||
.control
|
||||
{
|
||||
|
|
|
|||
|
|
@ -20,7 +20,6 @@
|
|||
.control_ahem
|
||||
{
|
||||
writing-mode: horizontal-tb;
|
||||
-webkit-writing-mode: horizontal-tb;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
|||
|
|
@ -13,20 +13,22 @@
|
|||
img#orange
|
||||
{
|
||||
padding-top: 60px; /* = the height of first character */
|
||||
padding-left: 60px; /* = the position of orange square */
|
||||
padding-left: 120px; /* = the position of orange square */
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the right edge of orange square attaches the left edge of blue square.</p>
|
||||
<p>Test passes if the right edge of an orange square touches the left edge of a blue square.</p>
|
||||
|
||||
<div>
|
||||
<img id="orange" src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled"><!--
|
||||
--><img src="support/swatch-blue.png" width="30" height="90" alt="Image download support must be enabled">
|
||||
<img id="orange" src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled"><!--
|
||||
--><img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -20,11 +20,11 @@
|
|||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the left edge of orange square attaches the right edge of blue square.</p>
|
||||
<p>Test passes if the left edge of an orange square touches the right edge of a blue square.</p>
|
||||
|
||||
<div>
|
||||
<img src="support/swatch-blue.png" width="30" height="90" alt="Image download support must be enabled"><!--
|
||||
--><img id="orange" src="support/swatch-orange.png" width="30" height="30" alt="Image download support must be enabled">
|
||||
<img src="support/swatch-blue.png" width="120" height="120" alt="Image download support must be enabled"><!--
|
||||
--><img id="orange" src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue