mirror of
https://github.com/servo/servo.git
synced 2025-08-06 22:15:33 +01:00
Update CSS tests to revision 584b6cdd10401df603bd7bdf4ec801fcddc65468
This commit is contained in:
parent
8d21a79246
commit
58b5cd27de
1279 changed files with 30378 additions and 18158 deletions
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||||
@top-right { content: "Test bidi-004-ref"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" />
|
||||
<meta name="flags" content="ahem" />
|
||||
|
||||
<style type="text/css">
|
||||
div p { width: 28em; border: solid; margin: 1em; padding: 0.5em; background: #FFFFCC; color: black; font: 1em/1 Ahem; }
|
||||
.control { line-height: 3em; }
|
||||
.control.start { border-style: solid none solid solid; padding: 0.4em 0 0.4em 1em; }
|
||||
.control.middle { border-style: solid none solid none; padding: 0.4em 0 0.4em 0; }
|
||||
.control.end { border-style: solid solid solid none; padding: 0.4em 1em 0.4em 0; }
|
||||
.a { color: navy; }
|
||||
.b { color: orange; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p> The following two blocks should be identical, including overflow. (Force bidi: א) </p>
|
||||
<div>
|
||||
<p>
|
||||
<span class="control a start">pppp pppX ppXp ppXX pXpp</span><br /><span class="control b start">pXpX</span> pXXp pXXX Xppp<span class="control a end"> XppX</span><br /><span class="control b end">XpXp XpXX XXpp XXpX XXXp</span>
|
||||
</p>
|
||||
<p>
|
||||
<span class="control a start">pppp pppX ppXp ppXX pXpp</span><br /><span class="control b start">pXpX</span> pXXp pXXX Xppp<span class="control a end"> XppX</span><br /><span class="control b end">XpXp XpXX XXpp XXpX XXXp</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -7,11 +7,12 @@
|
|||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||||
@top-right { content: "Test vertical-alignment-new-002-ref"; }
|
||||
@top-right { content: "Test vertical-alignment-002-ref"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<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-09-03 -->
|
||||
<meta name="flags" content="image" />
|
||||
<style type="text/css"><![CDATA[
|
||||
img
|
||||
|
@ -26,7 +27,7 @@
|
|||
|
||||
img#orange
|
||||
{
|
||||
padding-left: 120px; /* = the position of orange square */
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
]]></style>
|
||||
|
@ -38,7 +39,7 @@
|
|||
<p>Test passes if the right edge of an blue square is aligned with the left edge of a orange square.</p>
|
||||
|
||||
<div>
|
||||
<img id="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br /><!--
|
||||
<img id="blue" src="support/swatch-blue.png" width="60" height="60" 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" />
|
||||
</div>
|
||||
|
|
@ -7,11 +7,12 @@
|
|||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||||
@top-right { content: "Test vertical-alignment-new-004-ref"; }
|
||||
@top-right { content: "Test vertical-alignment-004-ref"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<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-09-01 -->
|
||||
<meta name="flags" content="image" />
|
||||
<style type="text/css"><![CDATA[
|
||||
img
|
||||
|
@ -21,13 +22,9 @@
|
|||
|
||||
img
|
||||
{
|
||||
padding-left: 60px; /* = the position of first orange square */
|
||||
padding-left: 60px; /* = position of orange squares */
|
||||
}
|
||||
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 60px; /* = the position of second orange square*/
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
|
@ -7,11 +7,12 @@
|
|||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||||
@top-right { content: "Test vertical-alignment-new-006-ref"; }
|
||||
@top-right { content: "Test vertical-alignment-006-ref"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<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-09-03 -->
|
||||
<meta name="flags" content="image" />
|
||||
<style type="text/css"><![CDATA[
|
||||
img
|
||||
|
@ -21,12 +22,12 @@
|
|||
|
||||
img
|
||||
{
|
||||
padding-left: 15px; /* = the position of first orange square */
|
||||
padding-left: 60px; /* = the position of first orange square */
|
||||
}
|
||||
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 15px; /* = the position of second orange square*/
|
||||
padding-left: 90px; /* = the position of second orange square*/
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
@ -34,7 +35,7 @@
|
|||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the <strong>left edge</strong> of an irregular orange polygon is straight and unbroken.</p>
|
||||
<p>Test passes if the <strong>right edge</strong> of an irregular orange polygon is straight and unbroken.</p>
|
||||
|
||||
<div>
|
||||
<img src="support/swatch-orange.png" width="60" height="60" alt="Image download support must be enabled" /><br /><!--
|
|
@ -7,21 +7,17 @@
|
|||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
|
||||
@top-right { content: "Test vertical-alignment-new-008-ref"; }
|
||||
@top-right { content: "Test vertical-alignment-008-ref"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<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-09-03 -->
|
||||
<meta name="flags" content="image" />
|
||||
<style type="text/css"><![CDATA[
|
||||
img
|
||||
{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
img#orange
|
||||
{
|
||||
padding-top: 60px; /* = the height of first character */
|
||||
padding-left: 30px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
@ -29,11 +25,11 @@
|
|||
|
||||
<body>
|
||||
|
||||
<p>Test passes if the left edge of an orange square touches the right edge of a blue square.</p>
|
||||
<p>Test passes if the left edge of an blue square is aligned with the right edge of a orange square.</p>
|
||||
|
||||
<div>
|
||||
<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" />
|
||||
<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="60" height="60" alt="Image download support must be enabled" />
|
||||
</div>
|
||||
|
||||
</body>
|
Loading…
Add table
Add a link
Reference in a new issue