Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef

This commit is contained in:
Ms2ger 2015-12-09 01:48:05 -05:00
parent 9aa1b1e408
commit 35c74aecc2
11290 changed files with 92400 additions and 49214 deletions

View file

@ -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>

View file

@ -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>

View file

@ -14,7 +14,7 @@
height: 3em;
width: 10em;
}
img {vertical-align: top;}
</style>
</head>

View file

@ -19,6 +19,6 @@
</style>
</head>
<body>
<div>d da d da d da d da d da d da dam&nbsp; dam&nbsp; dam&nbsp; dam&nbsp; dam&nbsp; dam&nbsp; dame dame dame dame dame dame damerdamerdamerdamerdamerdamer<br>d da d da d da d da d da&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dam&nbsp; dam&nbsp; dam&nbsp; dam&nbsp; dam&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dame dame dame dame dame &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; damerdamerdamerdamerdamer &nbsp;&nbsp;&nbsp;&nbsp;</div>
<div>d da d da d da d da d da d da dam&nbsp; dam&nbsp; dam&nbsp; dam&nbsp; dam&nbsp; dam&nbsp; dame dame dame dame dame dame damerdamerdamerdamerdamerdamer<br>d da d da d da d da d da&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dam&nbsp; dam&nbsp; dam&nbsp; dam&nbsp; dam&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; dame dame dame dame dame &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; damerdamerdamerdamerdamer &nbsp;&nbsp;&nbsp;&nbsp;</div>
</body>
</html>

View file

@ -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">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<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">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<img src="support/black20x20.png" width="20" height="20" alt="Image download support must be enabled">&nbsp;&nbsp;&nbsp;&nbsp;<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">

View file

@ -17,7 +17,7 @@
</style>
</head>
<body>
<div>1 22 333
4444 55555
666666

View file

@ -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 {

View file

@ -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
*/

View file

@ -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 {

View file

@ -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>

View file

@ -102,14 +102,14 @@
background-color: blue;
height: 2em;
left: 33em;
}
}
div#blue3
{
background-color: blue;
height: 1em;
left: 37em;
}
}
</style>
</head>
<body>

View file

@ -15,7 +15,7 @@
margin-bottom: 0.5em;
width: 30em;
}
span {color: blue;}
</style>
</head>

View file

@ -15,7 +15,7 @@
}
span
{
{
border-left: lime solid 1px;
border-right: lime solid 1px;
}

View file

@ -42,7 +42,7 @@ div div {
<body>
<div>
<div>
<div></div>
<div id="a1" class="a"></div>
<div id="a2"></div>

View file

@ -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>

View file

@ -36,7 +36,7 @@ div+div+div {
<body>
<div>
<div>
<div>xx xx</div>
<div class="a">x x</div>
<div>xx xx</div>

View file

@ -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;}

View file

@ -16,7 +16,7 @@
}
div > div {position: absolute;}
div#first-black
{
background-color: black;

View file

@ -25,7 +25,7 @@
<body>
<div id="multi-column"></div>
<div id="overflow">abc deg<br>ghk mno</div>
</body>

View file

@ -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>

View file

@ -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>

View file

@ -26,7 +26,7 @@
<div>d da&nbsp; d da&nbsp; d da&nbsp; d da&nbsp; d da&nbsp;<br>
dam&nbsp;&nbsp; dam&nbsp;&nbsp; dam&nbsp;&nbsp; dam&nbsp;&nbsp; dam&nbsp;&nbsp;<br>
dame&nbsp; dame&nbsp; dame&nbsp; dame&nbsp; dame&nbsp;<br>
damer damer damer damer damer <br>
@ -34,11 +34,11 @@
d da&nbsp; d da&nbsp; d da&nbsp; d da&nbsp;<br>
dam&nbsp;&nbsp; dam&nbsp;&nbsp; dam&nbsp;&nbsp; dam&nbsp;&nbsp;<br>
dame&nbsp; dame&nbsp; dame&nbsp; dame&nbsp;<br>
damer damer damer damer
</div>
damer damer damer damer
</div>
</body>
</html>

View file

@ -15,7 +15,7 @@
}
td {padding: 0 1em 0 0;}
img, td {vertical-align: top;}
</style>
</head>

View file

@ -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>

View file

@ -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>

View file

@ -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

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>