mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef
This commit is contained in:
Ms2ger
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.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>
|
||||
|
|
@ -3,25 +3,25 @@
|
|||
# http://test.csswg.org/suites/css-break-3_dev/DATESTAMP/
|
||||
# See http://wiki.csswg.org/test/implementation-report for instructions
|
||||
testname revision result comment
|
||||
html/floats-clear-breaks-002.htm 66e95858ed37b82eeb7e8e883d8f1b3a1b51f8a4 ?
|
||||
xhtml1/floats-clear-breaks-002.xht 66e95858ed37b82eeb7e8e883d8f1b3a1b51f8a4 ?
|
||||
html/floats-in-named-flow-012.htm eafba0507ab9b5fb89bea9e14f8256691bfd2891 ?
|
||||
xhtml1/floats-in-named-flow-012.xht eafba0507ab9b5fb89bea9e14f8256691bfd2891 ?
|
||||
html/floats-in-named-flow-029.htm 3a5945dba8044ac56ae8d27832493141b8e556c6 ?
|
||||
xhtml1/floats-in-named-flow-029.xht 3a5945dba8044ac56ae8d27832493141b8e556c6 ?
|
||||
html/floats-in-named-flow-030.htm 3ed67f145da3817c1a9fe305372efcfca35292cc ?
|
||||
xhtml1/floats-in-named-flow-030.xht 3ed67f145da3817c1a9fe305372efcfca35292cc ?
|
||||
html/floats-clear-breaks-002.htm b24ced582d0f7eab6ba197ae02c14c3e9d2d4b33 ?
|
||||
xhtml1/floats-clear-breaks-002.xht b24ced582d0f7eab6ba197ae02c14c3e9d2d4b33 ?
|
||||
html/floats-in-named-flow-012.htm 5617efa828b30840e63a0c071671923d807c2151 ?
|
||||
xhtml1/floats-in-named-flow-012.xht 5617efa828b30840e63a0c071671923d807c2151 ?
|
||||
html/floats-in-named-flow-029.htm 61ce892fe44a1d9d9473d4724d281b6ce4976c8f ?
|
||||
xhtml1/floats-in-named-flow-029.xht 61ce892fe44a1d9d9473d4724d281b6ce4976c8f ?
|
||||
html/floats-in-named-flow-030.htm d08718e93083a875be07dbc6f6931206aca85667 ?
|
||||
xhtml1/floats-in-named-flow-030.xht d08718e93083a875be07dbc6f6931206aca85667 ?
|
||||
html/position-relative-001.htm d5b56444d0e5b6a788abe05b11f6dd25076c10d2 ?
|
||||
xhtml1/position-relative-001.xht d5b56444d0e5b6a788abe05b11f6dd25076c10d2 ?
|
||||
html/regions-transforms-008.htm d8a4209344da1bc8fceaf310ad275d0c3bb56fb6 ?
|
||||
xhtml1/regions-transforms-008.xht d8a4209344da1bc8fceaf310ad275d0c3bb56fb6 ?
|
||||
html/regions-transforms-009.htm 14c43707256b41cd6dfc0e25dddd2bdf0131ce64 ?
|
||||
xhtml1/regions-transforms-009.xht 14c43707256b41cd6dfc0e25dddd2bdf0131ce64 ?
|
||||
html/regions-transforms-013.htm be1b126597c212f49292d68542edfe8c2a2fe844 ?
|
||||
xhtml1/regions-transforms-013.xht be1b126597c212f49292d68542edfe8c2a2fe844 ?
|
||||
html/regions-transforms-020.htm e73e7a72635a5605583e23fde99f54047a81c339 ?
|
||||
xhtml1/regions-transforms-020.xht e73e7a72635a5605583e23fde99f54047a81c339 ?
|
||||
html/regions-transforms-021.htm 0870c65471db6185829589066be514d54fe2d274 ?
|
||||
xhtml1/regions-transforms-021.xht 0870c65471db6185829589066be514d54fe2d274 ?
|
||||
html/regions-transforms-022.htm 9aa8e9bb44f895b0429ea824b447abdcb9f533e3 ?
|
||||
xhtml1/regions-transforms-022.xht 9aa8e9bb44f895b0429ea824b447abdcb9f533e3 ?
|
||||
html/regions-transforms-008.htm 8bbfaf3c0ba9bc52f0ff2a17078fe5bfcc88af9e ?
|
||||
xhtml1/regions-transforms-008.xht 8bbfaf3c0ba9bc52f0ff2a17078fe5bfcc88af9e ?
|
||||
html/regions-transforms-009.htm 5fd4103e6564c53d6b225c3f361738444a3542e4 ?
|
||||
xhtml1/regions-transforms-009.xht 5fd4103e6564c53d6b225c3f361738444a3542e4 ?
|
||||
html/regions-transforms-013.htm 9f6c9ee139b1009f13294aa474c51ae043fd54e0 ?
|
||||
xhtml1/regions-transforms-013.xht 9f6c9ee139b1009f13294aa474c51ae043fd54e0 ?
|
||||
html/regions-transforms-020.htm 52095188c43d368fdec40e58d0af6ba82064702e ?
|
||||
xhtml1/regions-transforms-020.xht 52095188c43d368fdec40e58d0af6ba82064702e ?
|
||||
html/regions-transforms-021.htm 07232a906d77ca727f31c74af4b6e4c7b3ddce0b ?
|
||||
xhtml1/regions-transforms-021.xht 07232a906d77ca727f31c74af4b6e4c7b3ddce0b ?
|
||||
html/regions-transforms-022.htm adc697a9d4a294c14c090d904c6813a75db05354 ?
|
||||
xhtml1/regions-transforms-022.xht adc697a9d4a294c14c090d904c6813a75db05354 ?
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
id references title flags links revision credits assertion
|
||||
floats-clear-breaks-002 reference/floats-clear-breaks-002-ref CSS Regions: forced region breaks and clear on floats inside named flow contents ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-break/#parallel-flows 66e95858ed37b82eeb7e8e883d8f1b3a1b51f8a4 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that no regions are left empty when setting a forced region break on a cleared float.
|
||||
floats-in-named-flow-012 reference/floats-in-named-flow-012-ref floats with forced region breaks inside them ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-break/#parallel-flows eafba0507ab9b5fb89bea9e14f8256691bfd2891 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that floats in named flow contents are floated relative to the region container and not their initial container, even when multiple regions are involved.
|
||||
floats-in-named-flow-029 reference/floats-in-named-flow-029-ref CSS Regions: margins around forced breaks when break is around float ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-break/#break-margins,http://www.w3.org/TR/css3-break/#parallel-flows 3a5945dba8044ac56ae8d27832493141b8e556c6 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that margins are correctly preserved when content has floats and is fragmented via forced breaks.
|
||||
floats-in-named-flow-030 reference/floats-in-named-flow-030-ref CSS Regions: margins around unforced breaks when break is around float ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-break/#break-margins,http://www.w3.org/TR/css3-break/#parallel-flows 3ed67f145da3817c1a9fe305372efcfca35292cc `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that margins are correctly preserved when content has floats and is fragmented via unforced breaks.
|
||||
floats-clear-breaks-002 reference/floats-clear-breaks-002-ref CSS Regions: forced region breaks and clear on floats inside named flow contents ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-break/#parallel-flows b24ced582d0f7eab6ba197ae02c14c3e9d2d4b33 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that no regions are left empty when setting a forced region break on a cleared float.
|
||||
floats-in-named-flow-012 reference/floats-in-named-flow-012-ref floats with forced region breaks inside them ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-break/#parallel-flows 5617efa828b30840e63a0c071671923d807c2151 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that floats in named flow contents are floated relative to the region container and not their initial container, even when multiple regions are involved.
|
||||
floats-in-named-flow-029 reference/floats-in-named-flow-029-ref CSS Regions: margins around forced breaks when break is around float ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-break/#break-margins,http://www.w3.org/TR/css3-break/#parallel-flows 61ce892fe44a1d9d9473d4724d281b6ce4976c8f `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that margins are correctly preserved when content has floats and is fragmented via forced breaks.
|
||||
floats-in-named-flow-030 reference/floats-in-named-flow-030-ref CSS Regions: margins around unforced breaks when break is around float ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-break/#break-margins,http://www.w3.org/TR/css3-break/#parallel-flows d08718e93083a875be07dbc6f6931206aca85667 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that margins are correctly preserved when content has floats and is fragmented via unforced breaks.
|
||||
position-relative-001 reference/position-relative-001-ref CSS Regions: flowing content that has position: relative ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css3-break/#transforms d5b56444d0e5b6a788abe05b11f6dd25076c10d2 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that fragments of content flowed in regions are positioned independently, after the fragmentation occurs.
|
||||
regions-transforms-008 reference/regions-transforms-008-ref CSS Regions: Transformed named flow (text) content that breaks across multiple regions and overflows ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms d8a4209344da1bc8fceaf310ad275d0c3bb56fb6 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com>,`Mihai Balan`<mailto:mibalan@adobe.com> This test checks that named flow text content is transformed when it breaks across multiple regions and that the overflow remains visible.
|
||||
regions-transforms-009 reference/regions-transforms-008-ref CSS Regions: Transformed region with named flow (text) content that breaks across multiple regions and overflows ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 14c43707256b41cd6dfc0e25dddd2bdf0131ce64 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> This test checks that the regions are transformed when named flow text content breaks across multiple regions and that the overflow remains visible.
|
||||
regions-transforms-013 reference/regions-transforms-013-alt-ref;reference/regions-transforms-013-ref CSS Regions: Transformed named flow (monolithic) content that breaks across multiple regions http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms,http://www.w3.org/TR/css3-break/#breaking-rules,http://www.w3.org/TR/css3-break/#monolithic be1b126597c212f49292d68542edfe8c2a2fe844 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> 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.
|
||||
regions-transforms-020 reference/regions-transforms-020-ref CSS Regions: Transformed region with named flow (fragmentable) content that breaks across multiple regions http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms,http://www.w3.org/TR/css3-break/#breaking-rules e73e7a72635a5605583e23fde99f54047a81c339 `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that the named flow content that is fragmentable (has a break point) is transformed when it breaks across multiple regions.
|
||||
regions-transforms-021 reference/regions-transforms-020-ref CSS Regions: Transforms on multiple named flow (non-text) content nodes that break across multiple regions http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 0870c65471db6185829589066be514d54fe2d274 `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> 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.
|
||||
regions-transforms-022 reference/regions-transforms-020-ref CSS Regions: Transforms on multiple named flow (text) content nodes that break across multiple regions ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 9aa8e9bb44f895b0429ea824b447abdcb9f533e3 `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that separate transforms can be applied to each named flow content text node that breaks across multiple regions
|
||||
regions-transforms-008 reference/regions-transforms-008-ref CSS Regions: Transformed named flow (text) content that breaks across multiple regions and overflows ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 8bbfaf3c0ba9bc52f0ff2a17078fe5bfcc88af9e `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com>,`Mihai Balan`<mailto:mibalan@adobe.com> This test checks that named flow text content is transformed when it breaks across multiple regions and that the overflow remains visible.
|
||||
regions-transforms-009 reference/regions-transforms-008-ref CSS Regions: Transformed region with named flow (text) content that breaks across multiple regions and overflows ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 5fd4103e6564c53d6b225c3f361738444a3542e4 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> This test checks that the regions are transformed when named flow text content breaks across multiple regions and that the overflow remains visible.
|
||||
regions-transforms-013 reference/regions-transforms-013-alt-ref;reference/regions-transforms-013-ref CSS Regions: Transformed named flow (monolithic) content that breaks across multiple regions http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms,http://www.w3.org/TR/css3-break/#breaking-rules,http://www.w3.org/TR/css3-break/#monolithic 9f6c9ee139b1009f13294aa474c51ae043fd54e0 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`David Alcala`<mailto:dalcala@adobe.com> 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.
|
||||
regions-transforms-020 reference/regions-transforms-020-ref CSS Regions: Transformed region with named flow (fragmentable) content that breaks across multiple regions http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms,http://www.w3.org/TR/css3-break/#breaking-rules 52095188c43d368fdec40e58d0af6ba82064702e `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that the named flow content that is fragmentable (has a break point) is transformed when it breaks across multiple regions.
|
||||
regions-transforms-021 reference/regions-transforms-020-ref CSS Regions: Transforms on multiple named flow (non-text) content nodes that break across multiple regions http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms 07232a906d77ca727f31c74af4b6e4c7b3ddce0b `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> 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.
|
||||
regions-transforms-022 reference/regions-transforms-020-ref CSS Regions: Transforms on multiple named flow (text) content nodes that break across multiple regions ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions,http://www.w3.org/TR/css3-break/#transforms adc697a9d4a294c14c090d904c6813a75db05354 `David Alcala`<mailto:dalcala@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test checks that separate transforms can be applied to each named flow content text node that breaks across multiple regions
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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