Update CSS tests to revision b9afbd8c2c8ef5e824f276b0c3d44143c01d98aa

This commit is contained in:
Ms2ger 2015-12-16 15:23:24 +01:00
parent cd00f312a3
commit 35ee95c203
392 changed files with 11021 additions and 5662 deletions

View file

@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"/>
<meta name="flags" content="ahem"/>
<style type="text/css">
div
{
background: pink;
border: 1px solid black;
color: blue;
font: 20px/1 "Ahem";
margin: 10px;
width: 3em;
white-space: pre;
}
</style>
</head>
<body>
<p>Test passes if the 2 pink-and-blue rectangles are <strong>identical</strong>.</p>
<div>7 1
52
63</div>
<div>7 1
52
63</div>
</body>
</html>

View file

@ -3,26 +3,23 @@
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<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-12-12 -->
<meta name="flags" content="image" />
<style type="text/css"><![CDATA[
img
{
vertical-align: top;
}
img
{
padding-left: 156px; /* 60 px (padding-left) + 48px (the position difference of box) + 48px (ascent width) */
padding-left: 252px; /* 60px (padding-left) + 120px (B) + 96px (?) - 24px (?) == 252px */
vertical-align: top;
}
img + br + img
{
padding-left: 156px; /* 60 px (padding-left) + 96px (ascent width)*/
padding-left: 60px; /* 60px (padding-left) */
}
img + br + img + br + img
{
padding-left: 156px; /* 60 px (padding-left) + 72px (the position difference of box) + 24px (ascent width) */
padding-left: 228px; /* 60px (padding-left) + 120px (B) + 96px (?) - 48px == 228px */
}
]]></style>
@ -30,12 +27,9 @@
<body>
<p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p>
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
<div><img src="support/swatch-teal.png" width="24" height="30" alt="Image download support must be enabled" /><br /><img src="support/swatch-teal.png" width="216" height="120" alt="Image download support must be enabled" /><br /><img src="support/swatch-teal.png" width="48" height="60" alt="Image download support must be enabled" /></div>
<div>
<img src="support/swatch-teal.png" width="12" height="60" alt="Image download support must be enabled" /><br /><!--
--><img src="support/swatch-teal.png" width="144" height="120" alt="Image download support must be enabled" /><br /><!--
--><img src="support/swatch-teal.png" width="6" height="30" alt="Image download support must be enabled" />
</div>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

Before After
Before After

View file

@ -1,8 +1,8 @@
#test01, #test02, #test03{
width: 50px;
height: 50px;
text-align:center;
font-size: 20px;
text-align:center;
font-size: 20px;
}
#test{
background: #ff0000;

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

View file

@ -1,5 +1,6 @@
<!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><title>CSS Reference</title>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
<title>CSS Reference</title>
<link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" />
<link href="http://fantasai.inkedblade.net/contact" rel="author" title="Elika J. Etemad" />
@ -92,4 +93,5 @@
<td class="orng">
</td><td colspan="3">
</td><td class="navy">
</td></tr></tbody></table></body></html>
</td></tr></tbody></table>
</body></html>

View file

@ -0,0 +1,39 @@
<!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>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<style type="text/css"><![CDATA[
@font-face
{
font-family: "mplus-1p-regular";
src: url("support/mplus-1p-regular.woff") format("woff");
/* filesize: 803300 bytes (784.5 KBytes) */
}
div
{
border: gray solid 1px;
font: bold 26px/32px "mplus-1p-regular";
margin-bottom: 4px;
text-orientation: sideways;
writing-mode: vertical-rl;
}
]]></style>
</head>
<body>
<p>Test passes if the glyphs in both rectangles have the <strong>same order</strong>, the <strong>same orientation</strong> and the <strong>same layout</strong>.</p>
<div>月火水Abc<br />def木金土</div>
<div>月火水Abc<br />def木金土</div>
</body>
</html>

View file

@ -3,6 +3,7 @@
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<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-12-11 -->
<meta name="flags" content="image" />
<style type="text/css"><![CDATA[
img
@ -23,7 +24,7 @@
<p>Test passes if the <strong>left edge</strong> of an irregular polygon is straight and unbroken.</p>
<div>
<img class="blue" src="support/swatch-blue.png" width="80" height="80" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" />
<img src="support/swatch-blue.png" width="80" height="80" alt="Image download support must be enabled" /><br /><img src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" />
</div>
</body>