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,19 @@
<!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="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,20 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Reference rendering - boxes same color, black 100px squares with 50px margin</title>
<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,39 @@
<!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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="" name="flags">
<style type="text/css">
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,39 @@
<!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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="" name="flags">
<style type="text/css">
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,39 @@
<!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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="" name="flags">
<style type="text/css">
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,39 @@
<!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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="" name="flags">
<style type="text/css">
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,39 @@
<!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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="" name="flags">
<style type="text/css">
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,39 @@
<!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="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
<meta content="" name="flags">
<style type="text/css">
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,70 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Reference rendering - no red, 3x3 monospace table</title>
<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,31 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Reference rendering - no red except antialiasing, a bc d</title>
<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,11 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Reference rendering - pass if there is a number 5 below</title>
<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

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