mirror of
https://github.com/servo/servo.git
synced 2025-08-07 14:35:33 +01:00
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
This commit is contained in:
James Graham
parent
1a81b18b9f
commit
2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
|
|
@ -0,0 +1,64 @@
|
|||
<!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 Grid Layout: Reference File</title>
|
||||
<link href="mailto:swainet@126.com" rel="author" title="swain" />
|
||||
<link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-17 -->
|
||||
<style type="text/css">
|
||||
#container {
|
||||
position:relative;
|
||||
width:400px;
|
||||
height:100px;
|
||||
}
|
||||
|
||||
.error {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
height:100%;
|
||||
width:100%;
|
||||
z-index:-1;
|
||||
}
|
||||
|
||||
#table {
|
||||
width:100%;
|
||||
height:100%;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
#table td {
|
||||
padding:0;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
#table td:first-child {
|
||||
width:100px;
|
||||
}
|
||||
|
||||
#table tr:last-child td {
|
||||
height:30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are 4 green rectangles and no red.</p>
|
||||
|
||||
<div id="container">
|
||||
<div class="error">
|
||||
<table id="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="background-color:green">cell1</td>
|
||||
<td style="background-color:limegreen">cell2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="background-color:limegreen">cell3</td>
|
||||
<td style="background-color:green">cell4</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<!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 Grid Layout: Reference File</title>
|
||||
<link href="mailto:swainet@126.com" rel="author" title="swain" />
|
||||
<link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-17 -->
|
||||
<style type="text/css">
|
||||
#container {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#table {
|
||||
width:400px;
|
||||
height:100px;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
#table td {
|
||||
padding:0;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
#table td:first-child {
|
||||
width:100px;
|
||||
}
|
||||
|
||||
#table tr:last-child td {
|
||||
height:30px;
|
||||
}
|
||||
|
||||
#table-wrapper {
|
||||
display:inline-block;
|
||||
clear:right;
|
||||
}
|
||||
|
||||
span {
|
||||
vertical-align:top;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are 4 green rectangles and no red.</p>
|
||||
|
||||
<div id="container">
|
||||
<div id="table-wrapper">
|
||||
<table id="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="background-color:green">cell1</td>
|
||||
<td style="background-color:limegreen">cell2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="background-color:limegreen">cell3</td>
|
||||
<td style="background-color:green">cell4</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<span>Inline</span>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<!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>CSS3 Grid Layout: Reference File</title>
|
||||
<link href="mailto:swainet@126.com" rel="author" title="swain" />
|
||||
<link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-22 -->
|
||||
<style type="text/css">
|
||||
#container {
|
||||
position:relative;
|
||||
width:400px;
|
||||
height:100px;
|
||||
}
|
||||
|
||||
.error {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
height:100%;
|
||||
width:100%;
|
||||
z-index:-1;
|
||||
}
|
||||
|
||||
#table {
|
||||
width:100%;
|
||||
height:100%;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
#table td {
|
||||
padding:0;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
#table td:first-child {
|
||||
width:100px;
|
||||
}
|
||||
|
||||
#table tr:first-child td {
|
||||
height:30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a green square and no red.</p>
|
||||
|
||||
<div id="container">
|
||||
<div class="error">
|
||||
<table id="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>cell1</td>
|
||||
<td>cell2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cell3</td>
|
||||
<td style="background-color:green">cell4</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<!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>CSS3 Grid Layout: Reference File</title>
|
||||
<link href="mailto:swainet@126.com" rel="author" title="swain" />
|
||||
<link href="mailto:shendayang@baidu.com" rel="reviewer" title="Dayang Shen" /> <!-- 2013-09-22 -->
|
||||
<style type="text/css">
|
||||
#container {
|
||||
position:relative;
|
||||
width:400px;
|
||||
height:100px;
|
||||
}
|
||||
|
||||
.error {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
height:100%;
|
||||
width:100%;
|
||||
z-index:-1;
|
||||
}
|
||||
|
||||
#table {
|
||||
width:100%;
|
||||
height:100%;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
#table td {
|
||||
padding:0;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
#table td:first-child {
|
||||
width:100px;
|
||||
}
|
||||
|
||||
#table tr:first-child td {
|
||||
height:30px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a green square and no red.</p>
|
||||
|
||||
<div id="container">
|
||||
<div class="error">
|
||||
<table id="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>cell1</td>
|
||||
<td>cell2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>cell3</td>
|
||||
<td style="background-color:green">cell4</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<!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 Grid Layout Reference</title>
|
||||
<link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0 none;
|
||||
}
|
||||
#caseTitle {
|
||||
margin: 10px;
|
||||
height: 40px;
|
||||
}
|
||||
#grid {
|
||||
margin: 0;
|
||||
width: 300px;
|
||||
}
|
||||
.a {
|
||||
background: blue;
|
||||
width: 100px;
|
||||
float: left;
|
||||
}
|
||||
.b {
|
||||
background: yellow;
|
||||
width: 50px;
|
||||
float: left;
|
||||
}
|
||||
.c {
|
||||
background: pink;
|
||||
width: 100px;
|
||||
clear: both;
|
||||
float: left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p id="caseTitle">The test passes if it has the same visual effect as reference.</p>
|
||||
<div id="grid">
|
||||
<div class="a"> </div>
|
||||
<div class="b"> </div>
|
||||
<div class="c"> </div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!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 Grid Layout Reference</title>
|
||||
<link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0 none;
|
||||
}
|
||||
#caseTitle {
|
||||
margin: 10px;
|
||||
height: 40px;
|
||||
}
|
||||
#grid {
|
||||
margin: 0;
|
||||
width: 150px;
|
||||
}
|
||||
.a {
|
||||
background: blue;
|
||||
width: 100px;
|
||||
float:left
|
||||
}
|
||||
.b {
|
||||
background: yellow;
|
||||
width: 50px;
|
||||
float:left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p id="caseTitle">The test passes if it has the same visual effect as reference.</p>
|
||||
<div id="grid">
|
||||
<div class="a"> </div>
|
||||
<div class="b"> </div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
<!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 Grid Layout Reference</title>
|
||||
<link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#caseTitle {
|
||||
margin: 10px;
|
||||
height: 40px;
|
||||
}
|
||||
#grid {
|
||||
width: 450px;
|
||||
position: relative;
|
||||
}
|
||||
.a {
|
||||
background: blue;
|
||||
width: 100px;
|
||||
float:left
|
||||
}
|
||||
.b {
|
||||
background: yellow;
|
||||
width: 100px;
|
||||
float:left
|
||||
}
|
||||
.c {
|
||||
background: orange;
|
||||
width: 100px;
|
||||
float:left
|
||||
}
|
||||
.d {
|
||||
background: cyan;
|
||||
width: 100px;
|
||||
float:left
|
||||
}
|
||||
.e {
|
||||
background: pink;
|
||||
width: 50px;
|
||||
float:left
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p id="caseTitle">The test passes if it has the same visual effect as reference.</p>
|
||||
<div id="grid">
|
||||
<div class="a"> </div>
|
||||
<div class="b"> </div>
|
||||
<div class="c"> </div>
|
||||
<div class="d"> </div>
|
||||
<div class="e"> </div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -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>
|
||||
<title>CSS Grid Layout Reference</title>
|
||||
<link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng" />
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0 none;
|
||||
}
|
||||
#caseTitle {
|
||||
margin: 10px;
|
||||
height: 40px;
|
||||
}
|
||||
#grid {
|
||||
margin: 0;
|
||||
width: 150px;
|
||||
color:white;
|
||||
}
|
||||
.a {
|
||||
background: blue;
|
||||
width: 100px;
|
||||
float:left
|
||||
}
|
||||
.b {
|
||||
background: yellow;
|
||||
width: 50px;
|
||||
float:left;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p id="caseTitle">The test passes if it has the same visual effect as reference.</p>
|
||||
<div id="grid">
|
||||
<div class="a">up</div>
|
||||
<div class="b"> </div>
|
||||
</div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!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 Grid Layout Module Level 1 CR Test Suite"; }
|
||||
@top-right { content: "Test ref-filled-green-100px-square"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
|
||||
|
||||
<style type="text/css"><![CDATA[
|
||||
div
|
||||
{
|
||||
background-color: green;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
]]></style>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
|
||||
<div></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue