Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-03 12:40:06 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision 0698c2aa9ead844b6d7d10eafb096cb1118e13ef

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
tests/wpt/css-tests/css-exclusions-1_dev/html/exclusions-wrap-flow-02.htm
View file

@ -6,7 +6,7 @@
<link rel="help" href="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property">
<link rel="match" href="reference/exclusions-wrap-flow-01-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.">
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.">
<style>
/**/

2
tests/wpt/css-tests/css-exclusions-1_dev/html/exclusions-wrap-flow-03.htm
View file

@ -6,7 +6,7 @@
<link rel="help" href="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property">
<link rel="match" href="reference/exclusions-wrap-flow-01-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.">
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.">
<style>
/**/

2
tests/wpt/css-tests/css-exclusions-1_dev/html/exclusions-wrap-flow-04.htm
View file

@ -6,7 +6,7 @@
<link rel="help" href="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property">
<link rel="match" href="reference/exclusions-wrap-flow-01-ref.htm">
<meta name="flags" content="">
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.">
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.">
<style>
/**/

9
tests/wpt/css-tests/css-exclusions-1_dev/html/wrap-flow-001.htm
View file

@ -21,7 +21,7 @@
width: 110px;
height: 110px;
background: blue;
}
}
#content {
width: 400px;
height: 200px;
@ -35,11 +35,12 @@
<div id="content"><span id="linesAbove">A<br>B<br>C<br></span><span id="linesBelow">D<br>E</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
test(function() {assert_equals(checkLinePos("linesBelow",150,"top"), true)}, "Verify top of the 'linesBelow' span is positioned correctly");
</script>
</body></html>

9
tests/wpt/css-tests/css-exclusions-1_dev/html/wrap-flow-002.htm
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -38,14 +38,15 @@
<span id="lineLeft2">sed</span>
<span id="linesBelow">Vegan<br>cliche<br>retro</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
test(function() {assert_equals(checkLinePos("lineLeft1",36,"top"), true)}, "Verify top of the 'lineLeft1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("lineLeft2",48,"top"), true)}, "Verify top of the 'lineLeft2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("lineLeft2",36,"right"), true)}, "Verify right of the 'lineLeft2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("linesBelow",65,"top"), true)}, "Verify top of the 'linesBelow' span is positioned correctly");
</script>
</body></html>

9
tests/wpt/css-tests/css-exclusions-1_dev/html/wrap-flow-003.htm
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -38,10 +38,10 @@
<span id="line3">food truck in marfa</span><br>
<span id="line4">american apparel squid</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
test(function() {assert_equals(checkLinePos("line1",216,"right"), true)}, "Verify right of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line2",192,"right"), true)}, "Verify right of the 'line2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line3",228,"right"), true)}, "Verify right of the 'line3' span is positioned correctly");
@ -49,4 +49,5 @@
test(function() {assert_equals(checkLinePos("line4",264,"right"), true)}, "Verify right of the 'line4' span is positioned correctly");
</script>
</body></html>

13
tests/wpt/css-tests/css-exclusions-1_dev/html/wrap-flow-004.htm
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -39,13 +39,13 @@
<span id="line4Left">swags </span><span id="line4Right">unami</span><br>
<span id="line5">american apparel squid</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
/* Line 1 */
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify right of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify right of the 'line1' span is positioned correctly");
/* Line 2 */
test(function() {assert_equals(checkLinePos("line2Left",12,"top"), true)}, "Verify top of the 'line2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line2Right",130,"left"), true)}, "Verify left of the 'line2' span is positioned correctly");
@ -56,8 +56,9 @@
test(function() {assert_equals(checkLinePos("line4Left",36,"top"), true)}, "Verify top of the 'line4' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line4Right",130,"left"), true)}, "Verify left of the 'line4' span is positioned correctly");
/* Line 5 */
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line5",0,"left"), true)}, "Verify right of the 'line5' span is positioned correctly");
</script>
</body></html>

13
tests/wpt/css-tests/css-exclusions-1_dev/html/wrap-flow-005.htm
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -39,13 +39,13 @@
<span id="line4">swags</span><br>
<span id="line5">american apparel squid</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
/* Line 1 */
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the 'line1' span is positioned correctly");
/* Line 2 */
test(function() {assert_equals(checkLinePos("line2",12,"top"), true)}, "Verify top of the 'line2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line2",130,"left"), true)}, "Verify left of the 'line2' span is positioned correctly");
@ -56,8 +56,9 @@
test(function() {assert_equals(checkLinePos("line4",36,"top"), true)}, "Verify top of the 'line4' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line4",130,"left"), true)}, "Verify left of the 'line4' span is positioned correctly");
/* Line 5 */
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line5",0,"left"), true)}, "Verify left of the 'line5' span is positioned correctly");
</script>
</body></html>

9
tests/wpt/css-tests/css-exclusions-1_dev/html/wrap-flow-006.htm
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -38,10 +38,10 @@
<span id="line3">sed</span>
<span id="line4">Vegan<br>cliche<br>retro</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
/*Line 1*/
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the 'line1' span is positioned correctly");
@ -56,4 +56,5 @@
test(function() {assert_equals(checkLinePos("line4",0,"left"), true)}, "Verify left of the 'line4' span is positioned correctly");
</script>
</body></html>

13
tests/wpt/css-tests/css-exclusions-1_dev/html/wrap-through-001.htm
View file

@ -21,7 +21,7 @@
width: 60px;
height: 36px;
background: blue;
}
}
#content1, #content2 {
width: 400px;
line-height: 12px;
@ -41,17 +41,17 @@
<span id="line2Left">jean </span><span id="line2Right">vegan</span><br>
<span id="line3Left">fund </span><span id="line3Right">selvage</span><br>
</div>
<div id="content2">
<div id="content2">
<span id="line4Left">swags </span><span id="line4Right">unami</span>
</div>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
/* Line 1 */
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the first line above the exclusion");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the first line above the exclusion");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the first line above the exclusion");
/* Line 2 */
test(function() {assert_equals(checkLinePos("line2Left",12,"top"), true)}, "Verify top of the second line on the left of the exclusion");
test(function() {assert_equals(checkLinePos("line2Right",130,"left"), true)}, "Verify left of the second line on the right of the exclusion");
@ -63,4 +63,5 @@
test(function() {assert_equals(checkLinePos("line4Right",72,"left"), true)}, "Verify left of the fourth line with wrapping-through = none");
</script>
</body></html>

40
tests/wpt/css-tests/css-exclusions-1_dev/implementation-report-TEMPLATE.data
View file

@ -5,23 +5,23 @@
testname revision result comment
html/exclusions-wrap-flow-01.htm 87b20cd26580a6346a310e1474e2822467ef14a7 ?
xhtml1/exclusions-wrap-flow-01.xht 87b20cd26580a6346a310e1474e2822467ef14a7 ?
html/exclusions-wrap-flow-02.htm 59772a63d4d123bb267a53d69e6959b3e1d48236 ?
xhtml1/exclusions-wrap-flow-02.xht 59772a63d4d123bb267a53d69e6959b3e1d48236 ?
html/exclusions-wrap-flow-03.htm fb4e9c142415235a888c71dec00591e1fdd61b82 ?
xhtml1/exclusions-wrap-flow-03.xht fb4e9c142415235a888c71dec00591e1fdd61b82 ?
html/exclusions-wrap-flow-04.htm 40ea14cd835ebacfb2efe5e4b1a40e70d03e76cd ?
xhtml1/exclusions-wrap-flow-04.xht 40ea14cd835ebacfb2efe5e4b1a40e70d03e76cd ?
html/wrap-flow-001.htm dee5a4b85c977d6ad0147a97db1881a9d0aab23c ?
xhtml1/wrap-flow-001.xht dee5a4b85c977d6ad0147a97db1881a9d0aab23c ?
html/wrap-flow-002.htm df4efcf8af537c19c52cbc976ee328c718e5715d ?
xhtml1/wrap-flow-002.xht df4efcf8af537c19c52cbc976ee328c718e5715d ?
html/wrap-flow-003.htm 3c75a65d1d24c9fedcffd96327d4cad6b8bc0be7 ?
xhtml1/wrap-flow-003.xht 3c75a65d1d24c9fedcffd96327d4cad6b8bc0be7 ?
html/wrap-flow-004.htm d2172a8e5e300627e6a06f3b5c67d8bd3d9af950 ?
xhtml1/wrap-flow-004.xht d2172a8e5e300627e6a06f3b5c67d8bd3d9af950 ?
html/wrap-flow-005.htm c639835fca74edcf72dd0900cc3847cbffd96b1a ?
xhtml1/wrap-flow-005.xht c639835fca74edcf72dd0900cc3847cbffd96b1a ?
html/wrap-flow-006.htm 890b10eba59f7e4225694e7fcc32688a8c988dea ?
xhtml1/wrap-flow-006.xht 890b10eba59f7e4225694e7fcc32688a8c988dea ?
html/wrap-through-001.htm 452034ef300d3ca0f7ffcef2ef93f15cd25ccc3c ?
xhtml1/wrap-through-001.xht 452034ef300d3ca0f7ffcef2ef93f15cd25ccc3c ?
html/exclusions-wrap-flow-02.htm 1e081493cca846a2198fca0a8587b26bae47503a ?
xhtml1/exclusions-wrap-flow-02.xht 1e081493cca846a2198fca0a8587b26bae47503a ?
html/exclusions-wrap-flow-03.htm 29c4bda668c5dc4808202accbada6ac47f86069b ?
xhtml1/exclusions-wrap-flow-03.xht 29c4bda668c5dc4808202accbada6ac47f86069b ?
html/exclusions-wrap-flow-04.htm 5b03336080e61fe4c98b53f38707f2bac24b8528 ?
xhtml1/exclusions-wrap-flow-04.xht 5b03336080e61fe4c98b53f38707f2bac24b8528 ?
html/wrap-flow-001.htm f36d19bc8fb9b94c6f77d2b22ff616477d7972ca ?
xhtml1/wrap-flow-001.xht f36d19bc8fb9b94c6f77d2b22ff616477d7972ca ?
html/wrap-flow-002.htm 36e91a67f792f743c380ab23502f9878cbf4813a ?
xhtml1/wrap-flow-002.xht 36e91a67f792f743c380ab23502f9878cbf4813a ?
html/wrap-flow-003.htm e6ffeb9a545d54e3fde8a2202d457ef778f2801e ?
xhtml1/wrap-flow-003.xht e6ffeb9a545d54e3fde8a2202d457ef778f2801e ?
html/wrap-flow-004.htm 621800ebd1c04ca002ec0443b68a073055c5632a ?
xhtml1/wrap-flow-004.xht 621800ebd1c04ca002ec0443b68a073055c5632a ?
html/wrap-flow-005.htm 9c16cdc9a71c5f8dbbf98ebd25768b26545866f8 ?
xhtml1/wrap-flow-005.xht 9c16cdc9a71c5f8dbbf98ebd25768b26545866f8 ?
html/wrap-flow-006.htm 8ec64ef97999db216d08d950d515f26dbf10fdb5 ?
xhtml1/wrap-flow-006.xht 8ec64ef97999db216d08d950d515f26dbf10fdb5 ?
html/wrap-through-001.htm 7fd57c56c0a330a916bd2dfae687305dfda6e73d ?
xhtml1/wrap-through-001.xht 7fd57c56c0a330a916bd2dfae687305dfda6e73d ?

20
tests/wpt/css-tests/css-exclusions-1_dev/testinfo.data
View file

@ -1,12 +1,12 @@
id references title flags links revision credits assertion
exclusions-wrap-flow-01 reference/exclusions-wrap-flow-01-ref wrap-flow:none http://www.w3.org/TR/css3-exclusions/#wrap-flow-property 87b20cd26580a6346a310e1474e2822467ef14a7 `Vincent Hardy, Adobe Systems`<mailto:vhardy@adobe.com> Tests that wrap-flow:both is implemented. The inline boxes defined in the container with the exclusion element should wrap around the margin edges of the exclusion. Inline boxes are flowing to the left and right of the exclusion element.
exclusions-wrap-flow-02 reference/exclusions-wrap-flow-01-ref wrap-flow:none http://www.w3.org/TR/css3-exclusions/#wrap-flow-property 59772a63d4d123bb267a53d69e6959b3e1d48236 `Vincent Hardy, Adobe Systems`<mailto:vhardy@adobe.com> Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.
exclusions-wrap-flow-03 reference/exclusions-wrap-flow-01-ref wrap-flow:none http://www.w3.org/TR/css3-exclusions/#wrap-flow-property fb4e9c142415235a888c71dec00591e1fdd61b82 `Vincent Hardy, Adobe Systems`<mailto:vhardy@adobe.com> Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.
exclusions-wrap-flow-04 reference/exclusions-wrap-flow-01-ref wrap-flow:none http://www.w3.org/TR/css3-exclusions/#wrap-flow-property 40ea14cd835ebacfb2efe5e4b1a40e70d03e76cd `Vincent Hardy, Adobe Systems`<mailto:vhardy@adobe.com> Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.
wrap-flow-001 wrap-flow property set to clear ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-flow-property dee5a4b85c977d6ad0147a97db1881a9d0aab23c `Jacob Goldstein`<mailto:jacobg@adobe.com> The text should flow above and below the exclusion, and not on either side
wrap-flow-002 wrap-flow property set to start ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-flow-property df4efcf8af537c19c52cbc976ee328c718e5715d `Jacob Goldstein`<mailto:jacobg@adobe.com> Text should flow from the beginning of the line to the exclusion, as well as above and below
wrap-flow-003 wrap-flow property set to auto ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-flow-property 3c75a65d1d24c9fedcffd96327d4cad6b8bc0be7 `Jacob Goldstein`<mailto:jacobg@adobe.com> No exclusion should be created
wrap-flow-004 wrap-flow property set to both ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-flow-property d2172a8e5e300627e6a06f3b5c67d8bd3d9af950 `Jacob Goldstein`<mailto:jacobg@adobe.com> Text should flow on both the left and right side of the exclusion, in addition to above and below
wrap-flow-005 wrap-flow property set to end ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-flow-property c639835fca74edcf72dd0900cc3847cbffd96b1a `Jacob Goldstein`<mailto:jacobg@adobe.com> Text should flow on the right side of the exclusion, as well as above and below
wrap-flow-006 wrap-flow property set to maximum ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-flow-property 890b10eba59f7e4225694e7fcc32688a8c988dea `Jacob Goldstein`<mailto:jacobg@adobe.com> Text should flow in the left OR right side of the exclusion depending on which has more space, as well as above and below
wrap-through-001 wrap-through property set to none ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-through-property 452034ef300d3ca0f7ffcef2ef93f15cd25ccc3c `Jacob Goldstein`<mailto:jacobg@adobe.com> The wrapping context should not be inheritted from the parent node when wrap-through is set to none
exclusions-wrap-flow-02 reference/exclusions-wrap-flow-01-ref wrap-flow:none http://www.w3.org/TR/css3-exclusions/#wrap-flow-property 1e081493cca846a2198fca0a8587b26bae47503a `Vincent Hardy, Adobe Systems`<mailto:vhardy@adobe.com> Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.
exclusions-wrap-flow-03 reference/exclusions-wrap-flow-01-ref wrap-flow:none http://www.w3.org/TR/css3-exclusions/#wrap-flow-property 29c4bda668c5dc4808202accbada6ac47f86069b `Vincent Hardy, Adobe Systems`<mailto:vhardy@adobe.com> Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.
exclusions-wrap-flow-04 reference/exclusions-wrap-flow-01-ref wrap-flow:none http://www.w3.org/TR/css3-exclusions/#wrap-flow-property 5b03336080e61fe4c98b53f38707f2bac24b8528 `Vincent Hardy, Adobe Systems`<mailto:vhardy@adobe.com> Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only.
wrap-flow-001 wrap-flow property set to clear ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-flow-property f36d19bc8fb9b94c6f77d2b22ff616477d7972ca `Jacob Goldstein`<mailto:jacobg@adobe.com> The text should flow above and below the exclusion, and not on either side
wrap-flow-002 wrap-flow property set to start ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-flow-property 36e91a67f792f743c380ab23502f9878cbf4813a `Jacob Goldstein`<mailto:jacobg@adobe.com> Text should flow from the beginning of the line to the exclusion, as well as above and below
wrap-flow-003 wrap-flow property set to auto ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-flow-property e6ffeb9a545d54e3fde8a2202d457ef778f2801e `Jacob Goldstein`<mailto:jacobg@adobe.com> No exclusion should be created
wrap-flow-004 wrap-flow property set to both ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-flow-property 621800ebd1c04ca002ec0443b68a073055c5632a `Jacob Goldstein`<mailto:jacobg@adobe.com> Text should flow on both the left and right side of the exclusion, in addition to above and below
wrap-flow-005 wrap-flow property set to end ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-flow-property 9c16cdc9a71c5f8dbbf98ebd25768b26545866f8 `Jacob Goldstein`<mailto:jacobg@adobe.com> Text should flow on the right side of the exclusion, as well as above and below
wrap-flow-006 wrap-flow property set to maximum ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-flow-property 8ec64ef97999db216d08d950d515f26dbf10fdb5 `Jacob Goldstein`<mailto:jacobg@adobe.com> Text should flow in the left OR right side of the exclusion depending on which has more space, as well as above and below
wrap-through-001 wrap-through property set to none ahem,dom,script http://www.w3.org/TR/css3-exclusions/#wrap-through-property 7fd57c56c0a330a916bd2dfae687305dfda6e73d `Jacob Goldstein`<mailto:jacobg@adobe.com> The wrapping context should not be inheritted from the parent node when wrap-through is set to none

2
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/exclusions-wrap-flow-02.xht
View file

@ -6,7 +6,7 @@
<link rel="help" href="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property" />
<link rel="match" href="reference/exclusions-wrap-flow-01-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only." />
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only." />
<style>
/*<![CDATA[*/

2
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/exclusions-wrap-flow-03.xht
View file

@ -6,7 +6,7 @@
<link rel="help" href="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property" />
<link rel="match" href="reference/exclusions-wrap-flow-01-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only." />
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only." />
<style>
/*<![CDATA[*/

2
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/exclusions-wrap-flow-04.xht
View file

@ -6,7 +6,7 @@
<link rel="help" href="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property" />
<link rel="match" href="reference/exclusions-wrap-flow-01-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only." />
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only." />
<style>
/*<![CDATA[*/

9
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/wrap-flow-001.xht
View file

@ -21,7 +21,7 @@
width: 110px;
height: 110px;
background: blue;
}
}
#content {
width: 400px;
height: 200px;
@ -35,11 +35,12 @@
<div id="content"><span id="linesAbove">A<br />B<br />C<br /></span><span id="linesBelow">D<br />E</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
test(function() {assert_equals(checkLinePos("linesBelow",150,"top"), true)}, "Verify top of the 'linesBelow' span is positioned correctly");
</script>
</body></html>

9
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/wrap-flow-002.xht
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -38,14 +38,15 @@
<span id="lineLeft2">sed</span>
<span id="linesBelow">Vegan<br />cliche<br />retro</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
test(function() {assert_equals(checkLinePos("lineLeft1",36,"top"), true)}, "Verify top of the 'lineLeft1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("lineLeft2",48,"top"), true)}, "Verify top of the 'lineLeft2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("lineLeft2",36,"right"), true)}, "Verify right of the 'lineLeft2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("linesBelow",65,"top"), true)}, "Verify top of the 'linesBelow' span is positioned correctly");
</script>
</body></html>

9
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/wrap-flow-003.xht
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -38,10 +38,10 @@
<span id="line3">food truck in marfa</span><br />
<span id="line4">american apparel squid</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
test(function() {assert_equals(checkLinePos("line1",216,"right"), true)}, "Verify right of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line2",192,"right"), true)}, "Verify right of the 'line2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line3",228,"right"), true)}, "Verify right of the 'line3' span is positioned correctly");
@ -49,4 +49,5 @@
test(function() {assert_equals(checkLinePos("line4",264,"right"), true)}, "Verify right of the 'line4' span is positioned correctly");
</script>
</body></html>

13
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/wrap-flow-004.xht
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -39,13 +39,13 @@
<span id="line4Left">swags </span><span id="line4Right">unami</span><br />
<span id="line5">american apparel squid</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
/* Line 1 */
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify right of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify right of the 'line1' span is positioned correctly");
/* Line 2 */
test(function() {assert_equals(checkLinePos("line2Left",12,"top"), true)}, "Verify top of the 'line2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line2Right",130,"left"), true)}, "Verify left of the 'line2' span is positioned correctly");
@ -56,8 +56,9 @@
test(function() {assert_equals(checkLinePos("line4Left",36,"top"), true)}, "Verify top of the 'line4' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line4Right",130,"left"), true)}, "Verify left of the 'line4' span is positioned correctly");
/* Line 5 */
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line5",0,"left"), true)}, "Verify right of the 'line5' span is positioned correctly");
</script>
</body></html>

13
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/wrap-flow-005.xht
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -39,13 +39,13 @@
<span id="line4">swags</span><br />
<span id="line5">american apparel squid</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
/* Line 1 */
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the 'line1' span is positioned correctly");
/* Line 2 */
test(function() {assert_equals(checkLinePos("line2",12,"top"), true)}, "Verify top of the 'line2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line2",130,"left"), true)}, "Verify left of the 'line2' span is positioned correctly");
@ -56,8 +56,9 @@
test(function() {assert_equals(checkLinePos("line4",36,"top"), true)}, "Verify top of the 'line4' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line4",130,"left"), true)}, "Verify left of the 'line4' span is positioned correctly");
/* Line 5 */
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line5",0,"left"), true)}, "Verify left of the 'line5' span is positioned correctly");
</script>
</body></html>

9
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/wrap-flow-006.xht
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -38,10 +38,10 @@
<span id="line3">sed</span>
<span id="line4">Vegan<br />cliche<br />retro</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
/*Line 1*/
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the 'line1' span is positioned correctly");
@ -56,4 +56,5 @@
test(function() {assert_equals(checkLinePos("line4",0,"left"), true)}, "Verify left of the 'line4' span is positioned correctly");
</script>
</body></html>

13
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1/wrap-through-001.xht
View file

@ -21,7 +21,7 @@
width: 60px;
height: 36px;
background: blue;
}
}
#content1, #content2 {
width: 400px;
line-height: 12px;
@ -41,17 +41,17 @@
<span id="line2Left">jean </span><span id="line2Right">vegan</span><br />
<span id="line3Left">fund </span><span id="line3Right">selvage</span><br />
</div>
<div id="content2">
<div id="content2">
<span id="line4Left">swags </span><span id="line4Right">unami</span>
</div>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
/* Line 1 */
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the first line above the exclusion");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the first line above the exclusion");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the first line above the exclusion");
/* Line 2 */
test(function() {assert_equals(checkLinePos("line2Left",12,"top"), true)}, "Verify top of the second line on the left of the exclusion");
test(function() {assert_equals(checkLinePos("line2Right",130,"left"), true)}, "Verify left of the second line on the right of the exclusion");
@ -63,4 +63,5 @@
test(function() {assert_equals(checkLinePos("line4Right",72,"left"), true)}, "Verify left of the fourth line with wrapping-through = none");
</script>
</body></html>

2
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1print/exclusions-wrap-flow-02.xht
View file

@ -15,7 +15,7 @@
<link rel="help" href="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property" />
<link rel="match" href="reference/exclusions-wrap-flow-01-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only." />
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only." />
<style>
/*<![CDATA[*/

2
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1print/exclusions-wrap-flow-03.xht
View file

@ -15,7 +15,7 @@
<link rel="help" href="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property" />
<link rel="match" href="reference/exclusions-wrap-flow-01-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only." />
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only." />
<style>
/*<![CDATA[*/

2
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1print/exclusions-wrap-flow-04.xht
View file

@ -15,7 +15,7 @@
<link rel="help" href="http://www.w3.org/TR/css3-exclusions/#wrap-flow-property" />
<link rel="match" href="reference/exclusions-wrap-flow-01-ref.xht" />
<meta name="flags" content="" />
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only." />
<meta name="assert" content="Tests that wrap-flow:start is implemented. The inline boxes defined in the container with the exclusion element should wrap around the left margin edge of the exclusion but not to the right. Inline boxes are flowing to the left of the exclusion element only." />
<style>
/*<![CDATA[*/

9
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1print/wrap-flow-001.xht
View file

@ -21,7 +21,7 @@
width: 110px;
height: 110px;
background: blue;
}
}
#content {
width: 400px;
height: 200px;
@ -35,11 +35,12 @@
<div id="content"><span id="linesAbove">A<br />B<br />C<br /></span><span id="linesBelow">D<br />E</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
test(function() {assert_equals(checkLinePos("linesBelow",150,"top"), true)}, "Verify top of the 'linesBelow' span is positioned correctly");
</script>
</body></html>

9
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1print/wrap-flow-002.xht
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -38,14 +38,15 @@
<span id="lineLeft2">sed</span>
<span id="linesBelow">Vegan<br />cliche<br />retro</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
test(function() {assert_equals(checkLinePos("lineLeft1",36,"top"), true)}, "Verify top of the 'lineLeft1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("lineLeft2",48,"top"), true)}, "Verify top of the 'lineLeft2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("lineLeft2",36,"right"), true)}, "Verify right of the 'lineLeft2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("linesBelow",65,"top"), true)}, "Verify top of the 'linesBelow' span is positioned correctly");
</script>
</body></html>

9
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1print/wrap-flow-003.xht
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -38,10 +38,10 @@
<span id="line3">food truck in marfa</span><br />
<span id="line4">american apparel squid</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
test(function() {assert_equals(checkLinePos("line1",216,"right"), true)}, "Verify right of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line2",192,"right"), true)}, "Verify right of the 'line2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line3",228,"right"), true)}, "Verify right of the 'line3' span is positioned correctly");
@ -49,4 +49,5 @@
test(function() {assert_equals(checkLinePos("line4",264,"right"), true)}, "Verify right of the 'line4' span is positioned correctly");
</script>
</body></html>

13
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1print/wrap-flow-004.xht
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -39,13 +39,13 @@
<span id="line4Left">swags </span><span id="line4Right">unami</span><br />
<span id="line5">american apparel squid</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
/* Line 1 */
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify right of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify right of the 'line1' span is positioned correctly");
/* Line 2 */
test(function() {assert_equals(checkLinePos("line2Left",12,"top"), true)}, "Verify top of the 'line2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line2Right",130,"left"), true)}, "Verify left of the 'line2' span is positioned correctly");
@ -56,8 +56,9 @@
test(function() {assert_equals(checkLinePos("line4Left",36,"top"), true)}, "Verify top of the 'line4' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line4Right",130,"left"), true)}, "Verify left of the 'line4' span is positioned correctly");
/* Line 5 */
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line5",0,"left"), true)}, "Verify right of the 'line5' span is positioned correctly");
</script>
</body></html>

13
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1print/wrap-flow-005.xht
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -39,13 +39,13 @@
<span id="line4">swags</span><br />
<span id="line5">american apparel squid</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
/* Line 1 */
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the 'line1' span is positioned correctly");
/* Line 2 */
test(function() {assert_equals(checkLinePos("line2",12,"top"), true)}, "Verify top of the 'line2' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line2",130,"left"), true)}, "Verify left of the 'line2' span is positioned correctly");
@ -56,8 +56,9 @@
test(function() {assert_equals(checkLinePos("line4",36,"top"), true)}, "Verify top of the 'line4' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line4",130,"left"), true)}, "Verify left of the 'line4' span is positioned correctly");
/* Line 5 */
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line5",48,"top"), true)}, "Verify top of the 'line5' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line5",0,"left"), true)}, "Verify left of the 'line5' span is positioned correctly");
</script>
</body></html>

9
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1print/wrap-flow-006.xht
View file

@ -21,7 +21,7 @@
width: 60px;
height: 25px;
background: blue;
}
}
#content {
width: 400px;
line-height: 12px;
@ -38,10 +38,10 @@
<span id="line3">sed</span>
<span id="line4">Vegan<br />cliche<br />retro</span>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
/*Line 1*/
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the 'line1' span is positioned correctly");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the 'line1' span is positioned correctly");
@ -56,4 +56,5 @@
test(function() {assert_equals(checkLinePos("line4",0,"left"), true)}, "Verify left of the 'line4' span is positioned correctly");
</script>
</body></html>

13
tests/wpt/css-tests/css-exclusions-1_dev/xhtml1print/wrap-through-001.xht
View file

@ -21,7 +21,7 @@
width: 60px;
height: 36px;
background: blue;
}
}
#content1, #content2 {
width: 400px;
line-height: 12px;
@ -41,17 +41,17 @@
<span id="line2Left">jean </span><span id="line2Right">vegan</span><br />
<span id="line3Left">fund </span><span id="line3Right">selvage</span><br />
</div>
<div id="content2">
<div id="content2">
<span id="line4Left">swags </span><span id="line4Right">unami</span>
</div>
</div>
<div id="log"></div>
<script type="text/javascript">
<script type="text/javascript">
/* Line 1 */
test(function() {assert_equals(checkLinePos("line1",0,"top"), true)}, "Verify top of the first line above the exclusion");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the first line above the exclusion");
test(function() {assert_equals(checkLinePos("line1",0,"left"), true)}, "Verify left of the first line above the exclusion");
/* Line 2 */
test(function() {assert_equals(checkLinePos("line2Left",12,"top"), true)}, "Verify top of the second line on the left of the exclusion");
test(function() {assert_equals(checkLinePos("line2Right",130,"left"), true)}, "Verify left of the second line on the right of the exclusion");
@ -63,4 +63,5 @@
test(function() {assert_equals(checkLinePos("line4Right",72,"left"), true)}, "Verify left of the fourth line with wrapping-through = none");
</script>
</body></html>