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

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

View file

@ -72,7 +72,7 @@
</div>
</div>
</article>
<div class="region">
<p>&#xA0;</p>
</div>
@ -80,4 +80,5 @@
<p>&#xA0;</p>
</div>
</body></html>

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -56,6 +56,7 @@
</div>
<div class="region"></div>
<div class="region"></div>
</body></html>

View file

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

View file

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