Update CSS tests to revision c68e4df16362489debde94340cc6f54945a72f2f

This commit is contained in:
Ms2ger
2015-11-17 10:00:53 +01:00
parent 32efe41299
commit 53608a60a4
1543 changed files with 42190 additions and 14617 deletions

View File

@@ -0,0 +1,28 @@
<!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 2.1 Conformance Test Suite"; }
@top-right { content: "Test before-first-letter-selector-001-ref"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" />
<style type="text/css">
div {
color: green;
}
.first {
font-size: 98px;
}
</style>
</head>
<body>
<p>Test passes if the "Filler Text" below is green and the "F" is larger than the remaining text.</p>
<div><span class="first">F</span>iller Text</div>
</body>
</html>

View File

@@ -0,0 +1,29 @@
<!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>Reference rendering - boxes same color, black 100px squares with 50px margin</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test boxes_same_color_100px_black_50px_margin"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Opera" href="https://www.opera.com/" />
<style type="text/css">
div {
width: 100px;
height: 100px;
background-color: black;
margin: 50px;
}
</style>
</head>
<body>
<p>Test passes if the two boxes below are the same color.</p>
<div></div>
<div></div>
</body>
</html>

View File

@@ -0,0 +1,48 @@
<!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 2.1 Conformance Test Suite"; }
@top-right { content: "Test line-box-height-vlr-003-ref"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
body
{
margin-left: 32px;
}
div
{
border: blue solid 2px;
font-size: 32px;
margin: 1em;
writing-mode: vertical-lr;
text-orientation: mixed;
}
]]></style>
</head>
<body>
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
<div>123456</div>
<div>123456</div>
</body>
</html>

View File

@@ -0,0 +1,48 @@
<!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 2.1 Conformance Test Suite"; }
@top-right { content: "Test line-box-height-vlr-007-ref"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
body
{
margin-left: 32px;
}
div
{
border: blue solid 2px;
font-size: 32px;
margin: 1em;
writing-mode: vertical-lr;
text-orientation: sideways;
}
]]></style>
</head>
<body>
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
<div>123456</div>
<div>123456</div>
</body>
</html>

View File

@@ -0,0 +1,48 @@
<!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 2.1 Conformance Test Suite"; }
@top-right { content: "Test line-box-height-vlr-011-ref"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
body
{
margin-left: 32px;
}
div
{
border: blue solid 2px;
font-size: 32px;
margin: 1em;
writing-mode: vertical-lr;
text-orientation: upright;
}
]]></style>
</head>
<body>
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
<div>123456</div>
<div>123456</div>
</body>
</html>

View File

@@ -0,0 +1,48 @@
<!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 2.1 Conformance Test Suite"; }
@top-right { content: "Test line-box-height-vrl-002-ref"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
body
{
margin-left: 32px;
}
div
{
border: blue solid 2px;
font-size: 32px;
margin: 1em;
writing-mode: vertical-rl;
text-orientation: mixed;
}
]]></style>
</head>
<body>
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
<div>123456</div>
<div>123456</div>
</body>
</html>

View File

@@ -0,0 +1,48 @@
<!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 2.1 Conformance Test Suite"; }
@top-right { content: "Test line-box-height-vrl-006-ref"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
body
{
margin-left: 32px;
}
div
{
border: blue solid 2px;
font-size: 32px;
margin: 1em;
writing-mode: vertical-rl;
text-orientation: sideways;
}
]]></style>
</head>
<body>
<p>Test passes if there are 2 identical blue rectangles with "123456" rotated 90 degrees clockwise. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
<div>123456</div>
<div>123456</div>
</body>
</html>

View File

@@ -0,0 +1,48 @@
<!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 2.1 Conformance Test Suite"; }
@top-right { content: "Test line-box-height-vrl-010-ref"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<meta content="" name="flags" />
<style type="text/css"><![CDATA[
body
{
margin-left: 32px;
}
div
{
border: blue solid 2px;
font-size: 32px;
margin: 1em;
writing-mode: vertical-rl;
text-orientation: upright;
}
]]></style>
</head>
<body>
<p>Test passes if there are 2 identical blue rectangles with "123456" upright. The size of each blue rectangles must be identical and the two "123456" numbers must be enclosed by the two blue borders.</p>
<div>123456</div>
<div>123456</div>
</body>
</html>

View File

@@ -0,0 +1,79 @@
<!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>Reference rendering - no red, 3x3 monospace table</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test no_red_3x3_monospace_table-ref"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Opera" href="https://www.opera.com/" />
<style>
body {
font-family: monospace;
}
div {
position: relative;
}
table {
font-size: 2em;
border-spacing: 0;
position: absolute;
top: 1px;
left: 1px;
}
td {
padding: 0;
}
#red {
color: red;
}
#green {
color: green;
}
</style>
</head>
<body>
<p>There should be no red below, except for antialiasing issues.</p>
<div>
<table id="red">
<tr>
<td>Row 1, Col 1</td>
<td>Row 1, Col 2</td>
<td>Row 1, Col 3</td>
</tr>
<tr>
<td>Row 22, Col 1</td>
<td>Row 22, Col 2</td>
<td>Row 22, Col 3</td>
</tr>
<tr>
<td>Row 333, Col 1</td>
<td>Row 333, Col 2</td>
<td>Row 333, Col 3</td>
</tr>
</table>
<table id="green">
<tr>
<td>Row 1, Col 1</td>
<td>Row 1, Col 2</td>
<td>Row 1, Col 3</td>
</tr>
<tr>
<td>Row 22, Col 1</td>
<td>Row 22, Col 2</td>
<td>Row 22, Col 3</td>
</tr>
<tr>
<td>Row 333, Col 1</td>
<td>Row 333, Col 2</td>
<td>Row 333, Col 3</td>
</tr>
</table>
</div>
</body>
</html>

View File

@@ -0,0 +1,40 @@
<!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>Reference rendering - no red except antialiasing, a bc d</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test no_red_antialiasing_a_bc_d-ref"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Opera" href="https://www.opera.com/" />
<style type="text/css">
#outer {
position: relative;
font-size: 2em;
}
#inner1, #inner2 {
position: absolute;
top: 1px;
left: 1px;
}
#inner1 {
color: red;
}
#inner2 {
color: green;
}
</style>
</head>
<body>
<p>There should be no red below, except for antialiasing issues.</p>
<div id="outer">
<div id="inner1">a bc d</div>
<div id="inner2">a bc d</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,20 @@
<!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>Reference rendering - pass if there is a number 5 below</title>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test pass_if_number_5"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Opera" href="https://www.opera.com/" />
</head>
<body>
<p>Test passes if there is a number '5' below.</p>
<div>5</div>
</body>
</html>

View File

@@ -13,7 +13,7 @@
</style>
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" />
<style type="text/css">
body {
div {
color: green;
}
</style>