mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +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
|
@ -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.xht" 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.xht" 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.xht" rel="match" />
|
||||
<!-- This reference is for UAs that overflow monolithic content -->
|
||||
<link href="reference/regions-transforms-013-alt-ref.xht" 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.xht" 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.xht" 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>
|
Loading…
Add table
Add a link
Reference in a new issue