mirror of
https://github.com/servo/servo.git
synced 2025-08-05 13:40:08 +01:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
parent
9aa1b1e408
commit
35c74aecc2
11290 changed files with 92400 additions and 49214 deletions
|
@ -17,7 +17,7 @@
|
|||
width: 360px;
|
||||
}
|
||||
|
||||
.multicol-basic-ref{
|
||||
.multicol-basic-ref{
|
||||
background: yellow;
|
||||
width: 360px;
|
||||
border-spacing: 0;
|
||||
|
@ -35,7 +35,7 @@
|
|||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
display: inline;
|
||||
border: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.item-1{
|
||||
|
@ -55,7 +55,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there are three vertical stripes in the yellow box below: 1st purple, 2nd orange, 3rd blue.</p>
|
||||
<p>Test passes if there are three vertical stripes in the yellow box below: 1st purple, 2nd orange, 3rd blue.</p>
|
||||
<div class="multicol-wrapper">
|
||||
<table class="multicol-basic-ref">
|
||||
<tbody><tr>
|
||||
|
@ -66,4 +66,5 @@
|
|||
</tbody></table>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -12,15 +12,15 @@
|
|||
border: gray solid 1em;
|
||||
font: 1.25em/1 serif;
|
||||
}
|
||||
|
||||
|
||||
td
|
||||
{
|
||||
padding: 0;
|
||||
width: 3em;
|
||||
}
|
||||
|
||||
|
||||
td + td {width: 8em;}
|
||||
|
||||
|
||||
img, td {vertical-align: top;}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
height: 3em;
|
||||
width: 10em;
|
||||
}
|
||||
|
||||
|
||||
img {vertical-align: top;}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -19,6 +19,6 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>d da d da d da d da d da d da dam dam dam dam dam dam dame dame dame dame dame dame damerdamerdamerdamerdamerdamer<br>d da d da d da d da d da dam dam dam dam dam dame dame dame dame dame damerdamerdamerdamerdamer </div>
|
||||
<div>d da d da d da d da d da d da dam dam dam dam dam dam dame dame dame dame dame dame damerdamerdamerdamerdamerdamer<br>d da d da d da d da d da dam dam dam dam dam dame dame dame dame dame damerdamerdamerdamerdamer </div>
|
||||
</body>
|
||||
</html>
|
|
@ -17,10 +17,10 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<div><img src="support/black20x20.png" width="420" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<div><img src="support/black20x20.png" width="420" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/black20x20.png" width="80" height="20" alt="Image download support must be enabled">
|
||||
|
|
|
@ -17,7 +17,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div>1 22 333
|
||||
4444 55555
|
||||
666666
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<meta name="flags" content="ahem">
|
||||
<style type="text/css">
|
||||
body>div {
|
||||
font-family: ahem;
|
||||
font-family: ahem;
|
||||
font-size: 1.25em;
|
||||
line-height: 1em;
|
||||
color: green;
|
||||
|
@ -19,7 +19,7 @@ body>div {
|
|||
}
|
||||
div.col {
|
||||
column-count: 2;
|
||||
column-fill: auto;
|
||||
column-fill: auto;
|
||||
column-gap: 0;
|
||||
}
|
||||
div.red {
|
||||
|
|
|
@ -17,7 +17,7 @@
|
|||
|
||||
h1
|
||||
{
|
||||
color: white;
|
||||
color: white;
|
||||
font-size: 2em;
|
||||
line-height: 1.25; /* or 1.21875 to achieve a 39px tall line box */
|
||||
margin-top: 8px; /* The margin-top of body and h1 will collapse into an 8px gap */
|
||||
|
@ -31,11 +31,11 @@
|
|||
font-size: 1.5em;
|
||||
font-weight: bolder;
|
||||
left: 698px;
|
||||
|
||||
|
||||
/*
|
||||
|
||||
Expected result:
|
||||
|
||||
|
||||
8px 688px
|
||||
v v
|
||||
************************************************
|
||||
|
@ -48,7 +48,7 @@
|
|||
* <h2>nbsp;<h2> <h2>nbsp;<h2> <h2>nbsp;<h2> * <h2>PASS!</h2>
|
||||
* *
|
||||
************************************************
|
||||
^ ^
|
||||
^ ^
|
||||
228px 458px
|
||||
|
||||
*/
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<meta name="flags" content="ahem">
|
||||
<style type="text/css">
|
||||
body>div {
|
||||
font-family: ahem;
|
||||
font-family: ahem;
|
||||
font-size: 1.25em;
|
||||
line-height: 1em;
|
||||
color: green;
|
||||
|
@ -19,7 +19,7 @@ body>div {
|
|||
}
|
||||
div.col {
|
||||
column-count: 2;
|
||||
column-fill: balance;
|
||||
column-fill: balance;
|
||||
column-gap: 0;
|
||||
}
|
||||
div.red {
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
<meta name="flags" content="image">
|
||||
<style type="text/css">
|
||||
div {font: 1.25em/1 serif;}
|
||||
|
||||
|
||||
img {vertical-align: top;}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -102,14 +102,14 @@
|
|||
background-color: blue;
|
||||
height: 2em;
|
||||
left: 33em;
|
||||
}
|
||||
}
|
||||
|
||||
div#blue3
|
||||
{
|
||||
background-color: blue;
|
||||
height: 1em;
|
||||
left: 37em;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
margin-bottom: 0.5em;
|
||||
width: 30em;
|
||||
}
|
||||
|
||||
|
||||
span {color: blue;}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
}
|
||||
|
||||
span
|
||||
{
|
||||
{
|
||||
border-left: lime solid 1px;
|
||||
border-right: lime solid 1px;
|
||||
}
|
||||
|
|
|
@ -42,7 +42,7 @@ div div {
|
|||
|
||||
<body>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<div></div>
|
||||
<div id="a1" class="a"></div>
|
||||
<div id="a2"></div>
|
||||
|
|
|
@ -22,7 +22,7 @@
|
|||
<div><img src="support/swatch-gray.png" width="340" height="20" alt="Image download support must be enabled"></div>
|
||||
|
||||
<div><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-lime.png" width="40" height="40" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="120" height="40" alt="Image download support must be enabled"></div>
|
||||
|
||||
|
||||
<div><img src="support/swatch-gray.png" width="340" height="20" alt="Image download support must be enabled"></div>
|
||||
|
||||
</body>
|
||||
|
|
|
@ -36,7 +36,7 @@ div+div+div {
|
|||
|
||||
<body>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<div>xx xx</div>
|
||||
<div class="a">x x</div>
|
||||
<div>xx xx</div>
|
||||
|
|
|
@ -17,7 +17,7 @@
|
|||
div + div {line-height: 1;}
|
||||
|
||||
img {vertical-align: top;}
|
||||
|
||||
|
||||
img.padding-left {padding-left: 1em;}
|
||||
|
||||
img.padding-left-right {padding: 0em 1em;}
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
}
|
||||
|
||||
div > div {position: absolute;}
|
||||
|
||||
|
||||
div#first-black
|
||||
{
|
||||
background-color: black;
|
||||
|
|
|
@ -25,7 +25,7 @@
|
|||
<body>
|
||||
|
||||
<div id="multi-column"></div>
|
||||
|
||||
|
||||
<div id="overflow">abc deg<br>ghk mno</div>
|
||||
|
||||
</body>
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
<div>
|
||||
<img src="support/swatch-gray.png" width="200" height="20" alt="Image download support must be enabled"><br>
|
||||
|
||||
<img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-orange.png" width="100" height="20" alt="Image download support must be enabled">
|
||||
<img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-orange.png" width="100" height="20" alt="Image download support must be enabled">
|
||||
|
||||
<img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><br>
|
||||
|
||||
|
@ -24,7 +24,7 @@
|
|||
|
||||
<img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><br>
|
||||
|
||||
<img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/black20x20.png" width="160" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><br>
|
||||
<img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/black20x20.png" width="160" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><br>
|
||||
|
||||
<img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled"><img src="support/swatch-gray.png" width="20" height="20" alt="Image download support must be enabled"><br>
|
||||
|
||||
|
|
|
@ -20,11 +20,11 @@
|
|||
<div>
|
||||
<img src="support/swatch-navy.png" width="160" height="40" alt="Image download support must be enabled">
|
||||
<img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled">
|
||||
<img src="support/black20x20.png" width="160" height="20" alt="Image download support must be enabled">
|
||||
<img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled">
|
||||
<img src="support/black20x20.png" width="160" height="20" alt="Image download support must be enabled">
|
||||
<img src="support/swatch-yellow.png" width="160" height="20" alt="Image download support must be enabled">
|
||||
<img src="support/swatch-orange.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="80" height="20" alt="Image download support must be enabled">
|
||||
<img src="support/swatch-yellow.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-blue.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="40" height="20" alt="Image download support must be enabled">
|
||||
<img src="support/swatch-blue.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="40" height="20" alt="Image download support must be enabled">
|
||||
<img src="support/swatch-blue.png" width="80" height="20" alt="Image download support must be enabled"><img src="support/swatch-pink.png" width="40" height="20" alt="Image download support must be enabled"><img src="support/swatch-yellow.png" width="40" height="20" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
@ -26,7 +26,7 @@
|
|||
<div>d da d da d da d da d da <br>
|
||||
|
||||
dam dam dam dam dam <br>
|
||||
|
||||
|
||||
dame dame dame dame dame <br>
|
||||
|
||||
damer damer damer damer damer <br>
|
||||
|
@ -34,11 +34,11 @@
|
|||
d da d da d da d da <br>
|
||||
|
||||
dam dam dam dam <br>
|
||||
|
||||
|
||||
dame dame dame dame <br>
|
||||
|
||||
damer damer damer damer
|
||||
</div>
|
||||
damer damer damer damer
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -15,7 +15,7 @@
|
|||
}
|
||||
|
||||
td {padding: 0 1em 0 0;}
|
||||
|
||||
|
||||
img, td {vertical-align: top;}
|
||||
</style>
|
||||
</head>
|
||||
|
|
|
@ -34,11 +34,11 @@ div::after {
|
|||
<div>
|
||||
<span>
|
||||
one two three four
|
||||
five six seven eight
|
||||
five six seven eight
|
||||
</span>
|
||||
<span>
|
||||
nineten eleven twelve
|
||||
thirtn
|
||||
thirtn
|
||||
</span>
|
||||
<span>
|
||||
fourtnfiftn sixtn
|
||||
|
@ -46,11 +46,11 @@ div::after {
|
|||
</span>
|
||||
<span>
|
||||
ninetn twenty
|
||||
hundred thousand
|
||||
hundred thousand
|
||||
</span>
|
||||
<span>
|
||||
million billion
|
||||
trillion
|
||||
trillion
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -28,7 +28,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is one green square and two vertical
|
||||
<p>The test passes if there is one green square and two vertical
|
||||
green rectangles to the right of it and no red.</p>
|
||||
<div id="square" class="green"></div>
|
||||
<div id="rect-1" class="green"></div>
|
||||
|
|
|
@ -5,13 +5,13 @@
|
|||
<!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 -->
|
||||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan">
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
.bar {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
}
|
||||
.full {
|
||||
height: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
.half {
|
||||
height: 100px;
|
||||
|
@ -43,7 +43,7 @@
|
|||
<p>The test passes if:
|
||||
</p><ul>
|
||||
<li>There is a dark green vertical rectangle on the left</li>
|
||||
<li>There is a dark green square in the middle with a light green
|
||||
<li>There is a dark green square in the middle with a light green
|
||||
square below it</li>
|
||||
<li>There is a light green vertical rectangle on the right</li>
|
||||
<li>There is no red
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 -->
|
||||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan">
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
.green {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
|
@ -32,7 +32,7 @@
|
|||
<div id="bar-1" class="green"></div>
|
||||
<div id="bar-2" class="green"></div>
|
||||
<div id="bar-3" class="green"></div>
|
||||
<div id="bar-4" class="green"></div>
|
||||
<div id="bar-4" class="green"></div>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -5,7 +5,7 @@
|
|||
<!-- Reviewed on Github on 09-26-2013: https://github.com/w3c/csswg-test/pull/89 -->
|
||||
<link href="mailto:mibalan@adobe.com" rel="reviewer" title="Mihai Balan">
|
||||
<style type="text/css">
|
||||
|
||||
|
||||
.green {
|
||||
position: absolute;
|
||||
top: 75px;
|
||||
|
@ -39,7 +39,7 @@
|
|||
<div id="bar-1" class="green"></div>
|
||||
<div id="bar-2" class="green"></div>
|
||||
<div id="bar-3" class="green"></div>
|
||||
<div id="bar-4" class="green"></div>
|
||||
<div id="bar-4" class="green"></div>
|
||||
<div id="square" class="green"></div>
|
||||
|
||||
|
||||
|
|
|
@ -49,7 +49,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a 4x4 black and gray checkerboard and no red.</p>
|
||||
<p>The test passes if there is a 4x4 black and gray checkerboard and no red.</p>
|
||||
<div id="box">
|
||||
<div class="black"></div>
|
||||
<div id="r1c3" class="black"></div>
|
||||
|
@ -61,4 +61,5 @@
|
|||
<div id="r4c4" class="black"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -33,10 +33,11 @@
|
|||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a square with four vertical
|
||||
stripes alternating green and blue, and no red.</p>
|
||||
stripes alternating green and blue, and no red.</p>
|
||||
<div id="bar-1" class="green bar"></div>
|
||||
<div id="bar-2" class="blue bar"></div>
|
||||
<div id="bar-3" class="green bar"></div>
|
||||
<div id="bar-4" class="blue bar"></div>
|
||||
|
||||
|
||||
</body></html>
|
|
@ -26,7 +26,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there are two green side by side squares on the left of one blue vertical rectangle.
|
||||
<p>The test passes if there are two green side by side squares on the left of one blue vertical rectangle.
|
||||
There should be no red.</p>
|
||||
<div id="square-1" class="green block"></div>
|
||||
<div id="square-2" class="green block"></div>
|
||||
|
|
|
@ -30,7 +30,7 @@
|
|||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there are two green vertical rectangles on the left of two blue vertical rectangles.
|
||||
<p>The test passes if there are two green vertical rectangles on the left of two blue vertical rectangles.
|
||||
There should be no red.</p>
|
||||
<div id="rect-1" class="green block"></div>
|
||||
<div id="rect-2" class="green block"></div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue