mirror of
https://github.com/servo/servo
synced 2026-04-30 11:27:28 +02:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
@@ -14,11 +14,11 @@
|
||||
font-size: 20px;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
|
||||
.flow {
|
||||
flow-into: f;
|
||||
}
|
||||
|
||||
|
||||
.float {
|
||||
float: left;
|
||||
color: blue;
|
||||
@@ -31,7 +31,7 @@
|
||||
clear: left;
|
||||
color: green;
|
||||
}
|
||||
|
||||
|
||||
.bordered {
|
||||
border: 10px solid black;
|
||||
}
|
||||
@@ -83,4 +83,5 @@
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -72,7 +72,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<div class="region">
|
||||
<p> </p>
|
||||
</div>
|
||||
@@ -80,4 +80,5 @@
|
||||
<p> </p>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -15,11 +15,11 @@
|
||||
font-size: 20px;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
|
||||
.flow {
|
||||
flow-into: f;
|
||||
}
|
||||
|
||||
|
||||
.break {
|
||||
break-before: region;
|
||||
}
|
||||
@@ -28,7 +28,7 @@
|
||||
margin: 1em 2em 3em 5em;
|
||||
color: green;
|
||||
}
|
||||
|
||||
|
||||
.float {
|
||||
float: left;
|
||||
color: blue;
|
||||
@@ -50,7 +50,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
<!-- TODO Determine what the outcome should be - currently expecting a resolution on
|
||||
<!-- TODO Determine what the outcome should be - currently expecting a resolution on
|
||||
the issue on www-style/css3-break -->
|
||||
Test passes if you see two colored squares each inside a black-bordered rectangle:
|
||||
</p><ul>
|
||||
@@ -87,4 +87,5 @@
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -15,16 +15,16 @@
|
||||
font-size: 20px;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
|
||||
.flow {
|
||||
flow-into: f;
|
||||
}
|
||||
|
||||
|
||||
.spaced {
|
||||
margin: 1em 2em 3em 5em;
|
||||
color: green;
|
||||
}
|
||||
|
||||
|
||||
.float {
|
||||
float: left;
|
||||
color: blue;
|
||||
@@ -48,7 +48,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
<!-- TODO Determine what the outcome should be - currently expecting a resolution on
|
||||
<!-- TODO Determine what the outcome should be - currently expecting a resolution on
|
||||
the issue on www-style/css3-break -->
|
||||
Test passes if you see two colored squares each inside a black-bordered rectangle:
|
||||
</p><ul>
|
||||
@@ -85,4 +85,5 @@
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -9,12 +9,12 @@
|
||||
line-height: 1em;
|
||||
color: green;
|
||||
}
|
||||
|
||||
|
||||
.float {
|
||||
float: left;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
|
||||
.bordered {
|
||||
border: 10px solid black;
|
||||
}
|
||||
@@ -56,4 +56,5 @@
|
||||
</article>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -28,7 +28,7 @@
|
||||
Test fails is you see any red.
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
<div class="region">
|
||||
<article>
|
||||
<div class="flow">
|
||||
@@ -66,4 +66,5 @@
|
||||
</article>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -13,7 +13,7 @@
|
||||
margin: 1em 2em 3em 5em;
|
||||
color: green;
|
||||
}
|
||||
|
||||
|
||||
.float {
|
||||
float: left;
|
||||
color: blue;
|
||||
@@ -31,7 +31,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
<!-- TODO Determine what the outcome should be - currently expecting a resolution on
|
||||
<!-- TODO Determine what the outcome should be - currently expecting a resolution on
|
||||
the issue on www-style/css3-break -->
|
||||
Test passes if you see two colored squares each inside a black-bordered rectangle:
|
||||
</p><ul>
|
||||
@@ -64,4 +64,5 @@
|
||||
</article>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -8,7 +8,7 @@
|
||||
font-size: 20px;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
|
||||
.spaced {
|
||||
margin: 0 2em 3em 5em;
|
||||
color: green;
|
||||
@@ -32,7 +32,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>
|
||||
<!-- TODO Determine what the outcome should be - currently expecting a resolution on
|
||||
<!-- TODO Determine what the outcome should be - currently expecting a resolution on
|
||||
the issue on www-style/css3-break -->
|
||||
Test passes if you see two colored squares each inside a black-bordered rectangle:
|
||||
</p><ul>
|
||||
@@ -65,4 +65,5 @@
|
||||
</article>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -15,12 +15,12 @@
|
||||
height: 100px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if:</p>
|
||||
<ul>
|
||||
<ul>
|
||||
<li>The two squares each contain five green horizontal stripes</li>
|
||||
<li>There are two green horizontal stripes below the square on right</li>
|
||||
<li>There is no red</li>
|
||||
@@ -32,4 +32,5 @@
|
||||
XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -11,13 +11,13 @@
|
||||
<link href="http://www.w3.org/TR/css3-break/#transforms" rel="help">
|
||||
<link href="reference/regions-transforms-008-ref.htm" rel="match">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="This test checks that named flow text content is transformed when it breaks across
|
||||
<meta content="This test checks that named flow text content is transformed when it breaks across
|
||||
multiple regions and that the overflow remains visible." name="assert">
|
||||
<style>
|
||||
.ahem {
|
||||
font-family: Ahem;
|
||||
font-size: 10px;
|
||||
line-height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
#named-flow {
|
||||
color: green;
|
||||
@@ -53,7 +53,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if:</p>
|
||||
<ul>
|
||||
<ul>
|
||||
<li>The two squares each contain five green horizontal stripes</li>
|
||||
<li>There are two green horizontal stripes below the square on right</li>
|
||||
<li>There is no red</li>
|
||||
@@ -61,14 +61,15 @@
|
||||
<div class="ahem" id="named-flow">XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXX</div>
|
||||
<div class="region"></div>
|
||||
<div class="region"></div>
|
||||
|
||||
|
||||
<div class="ahem failure left">
|
||||
XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
|
||||
</div>
|
||||
<div class="ahem failure right">
|
||||
XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -11,13 +11,13 @@
|
||||
<link href="http://www.w3.org/TR/css3-break/#transforms" rel="help">
|
||||
<link href="reference/regions-transforms-008-ref.htm" rel="match">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="This test checks that the regions are transformed when named flow text content breaks
|
||||
<meta content="This test checks that the regions are transformed when named flow text content breaks
|
||||
across multiple regions and that the overflow remains visible." name="assert">
|
||||
<style>
|
||||
.ahem {
|
||||
font-family: Ahem;
|
||||
font-size: 10px;
|
||||
line-height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
#named-flow {
|
||||
color: green;
|
||||
@@ -56,7 +56,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if:</p>
|
||||
<ul>
|
||||
<ul>
|
||||
<li>The two squares each contain five green horizontal stripes</li>
|
||||
<li>There are two green horizontal stripes below the square on right</li>
|
||||
<li>There is no red</li>
|
||||
@@ -71,4 +71,5 @@
|
||||
XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -15,7 +15,7 @@
|
||||
<link href="reference/regions-transforms-013-ref.htm" rel="match">
|
||||
<!-- This reference is for UAs that overflow monolithic content -->
|
||||
<link href="reference/regions-transforms-013-alt-ref.htm" rel="match">
|
||||
<meta content="This test checks that the named flow content that is monolithic is transformed when it
|
||||
<meta content="This test checks that the named flow content that is monolithic is transformed when it
|
||||
breaks across multiple regions whether it is sliced or overflowed at the fragmentainer edge." name="assert">
|
||||
<style>
|
||||
#named-flow {
|
||||
@@ -44,4 +44,5 @@
|
||||
<div class="region" id="region1"></div>
|
||||
<div class="region"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -56,6 +56,7 @@
|
||||
</div>
|
||||
<div class="region"></div>
|
||||
<div class="region"></div>
|
||||
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -10,7 +10,7 @@
|
||||
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-break/#transforms" rel="help">
|
||||
<link href="reference/regions-transforms-020-ref.htm" rel="match">
|
||||
<meta content="This test checks that separate transforms can be applied to each named flow content
|
||||
<meta content="This test checks that separate transforms can be applied to each named flow content
|
||||
node that breaks across multiple regions and that each fragment has its own transform origin." name="assert">
|
||||
<style>
|
||||
.named-flow {
|
||||
@@ -50,4 +50,5 @@
|
||||
<div class="region"></div>
|
||||
<div class="region"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
@@ -11,7 +11,7 @@
|
||||
<link href="http://www.w3.org/TR/css3-break/#transforms" rel="help">
|
||||
<link href="reference/regions-transforms-020-ref.htm" rel="match">
|
||||
<meta content="ahem" name="flags">
|
||||
<meta content="This test checks that separate transforms can be applied to each named flow content
|
||||
<meta content="This test checks that separate transforms can be applied to each named flow content
|
||||
text node that breaks across multiple regions" name="assert">
|
||||
<style>
|
||||
.ahem {
|
||||
@@ -80,4 +80,5 @@
|
||||
<div class="vertical-bar"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
Reference in New Issue
Block a user