Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-07 06:25:32 +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

8
tests/wpt/css-tests/css-shapes-1_dev/html/chapter-2.htm
View file

@ -50,7 +50,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped left float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -61,7 +61,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped right float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -72,7 +72,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(50% 50% 50% 50%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>
@ -83,7 +83,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(150% 150% 0% 0%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>

8
tests/wpt/css-tests/css-shapes-1_dev/html/chapter-3.htm
View file

@ -84,7 +84,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped left float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -95,7 +95,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped right float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -106,7 +106,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(50% 50% 50% 50%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>
@ -117,7 +117,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(150% 150% 0% 0%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>

8
tests/wpt/css-tests/css-shapes-1_dev/html/chapter-6.htm
View file

@ -342,7 +342,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped left float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -353,7 +353,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped right float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -364,7 +364,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(50% 50% 50% 50%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>
@ -375,7 +375,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(150% 150% 0% 0%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>

5
tests/wpt/css-tests/css-shapes-1_dev/html/reference/shape-image-006-ref.htm
View file

@ -11,12 +11,12 @@
top: 70px;
}
.left-rect {
left: 10px;
left: 10px;
}
.right-rect {
width: 50px;
height: 100px;
left: 70px;
left: 70px;
background: rgb(0,100,0);
}
.blue {
@ -40,4 +40,5 @@
<div class="blue left-line"></div>
<div class="blue right-line"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/html/reference/shape-image-007-ref.htm
View file

@ -13,7 +13,7 @@
}
.left-rect { left: 10px; }
.right-rect { left: 70px; }
.blue {
width: 2px;
height: 100px;
@ -38,4 +38,5 @@
<div class="blue left-line"></div>
<div class="blue right-line"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/html/reference/shape-image-024-ref.htm
View file

@ -13,7 +13,7 @@
}
.left-rect { left: 10px; }
.right-rect { left: 120px; }
.blue {
width: 2px;
height: 200px;
@ -38,4 +38,5 @@
<div class="blue left-line"></div>
<div class="blue right-line"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/html/reference/shape-outside-001-ref.htm
View file

@ -58,7 +58,7 @@
<p>
The test passes if the green shape does not intersect either of the triangles and
there is one green horizontal bar beneath the triangles. There should be no red.
</p>
</p>
<div id="container">
<div id="level-1">
XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXX
@ -80,4 +80,5 @@
<div id="left-triangle"></div>
<div id="right-triangle"></div>
</body></html>

11
tests/wpt/css-tests/css-shapes-1_dev/html/reference/shape-outside-004-ref.htm
View file

@ -20,7 +20,7 @@
border: 1px solid black;
z-index: 10;
}
</style>
</head>
<body>
@ -28,16 +28,17 @@
The test passes if there are two columns of six green horizontal bars of the same
size inside the square and two columns of six matching green bars outside and to the
right of the square. There should be no red.
</p>
</p>
<div id="container">
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
</div>
<div id="square"></div>
</body></html>

5
tests/wpt/css-tests/css-shapes-1_dev/html/reference/shape-outside-008-ref.htm
View file

@ -11,7 +11,7 @@
border: 1px solid black;
}
#failure-container {
}
#margin-line {
position: absolute;
@ -73,7 +73,7 @@
The test passes if one green bar is inside the top rectangle, four green bars
are in the bottom rectangle, and none intersect the triangles. There should be no
red.
</p>
</p>
<div id="container">
<div class="fail" id="bar-1"></div>
<div class="fail" id="bar-2"></div>
@ -85,4 +85,5 @@
<div class="triangle" id="triangle-1"></div>
<div class="triangle" id="triangle-2"></div>
</body></html>

2
tests/wpt/css-tests/css-shapes-1_dev/html/reference/shape-outside-circle-030-ref.htm
View file

@ -50,7 +50,7 @@
X<br>
X
</div>
<script src="../../support/rounded-rectangle.js"></script>
<script src="../../support/subpixel-utils.js"></script>
<script>

2
tests/wpt/css-tests/css-shapes-1_dev/html/reference/shape-outside-ellipse-030-ref.htm
View file

@ -46,7 +46,7 @@
X<br>
X
</div>
<script src="../../support/rounded-rectangle.js"></script>
<script src="../../support/subpixel-utils.js"></script>
<script>

3
tests/wpt/css-tests/css-shapes-1_dev/html/shape-image-006.htm
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property" rel="help">
<link href="reference/shape-image-006-ref.htm" rel="match">
<meta content="ahem" name="flags">
<meta content="This test verifies that content wraps around all the image pixels
<meta content="This test verifies that content wraps around all the image pixels
+ the shape-margin when shape-outside is given a png file." name="assert">
<style type="text/css">
body {
@ -60,4 +60,5 @@
<div class="blue right-line"></div>
<div class="failure"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/html/shape-image-007.htm
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property" rel="help">
<link href="reference/shape-image-007-ref.htm" rel="match">
<meta content="ahem" name="flags">
<meta content="This test verifies that content wraps around all the image pixels
<meta content="This test verifies that content wraps around all the image pixels
+ the shape-margin when shape-outside is given an svg file." name="assert">
<style type="text/css">
body {
@ -60,4 +60,5 @@
<div class="blue right-line"></div>
<div class="failure"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/html/shape-image-008.htm
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property" rel="help">
<link href="reference/shape-image-008-ref.htm" rel="match">
<meta content="ahem" name="flags">
<meta content="This test verifies that content wraps around all the image pixels
<meta content="This test verifies that content wraps around all the image pixels
+ the shape-margin as a percentage when shape-outside is given an jpg data uri." name="assert">
<style type="text/css">
body {
@ -65,4 +65,5 @@
<div class="blue line-right"></div>
<div class="failure"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/html/shape-image-010.htm
View file

@ -9,7 +9,7 @@
<link href="reference/shape-image-006-ref.htm" rel="match">
<meta content="ahem" name="flags">
<meta content="This test verifies that content wraps around the image pixels extracted from
a shape-outside png file with shape-image-threshold set + the shape-margin as
a shape-outside png file with shape-image-threshold set + the shape-margin as
a percentage." name="assert">
<style type="text/css">
body { margin: 0; }
@ -74,4 +74,5 @@
<div class="blue right-line"></div>
<div class="failure"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/html/shape-image-024.htm
View file

@ -6,7 +6,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help">
<link href="reference/shape-image-024-ref.htm" rel="match">
<meta content="ahem" name="flags">
<meta content="This test verifies that content wraps around all the image pixels
<meta content="This test verifies that content wraps around all the image pixels
calculated from the size of the img element, which is different
than the size of the image itself." name="assert">
<style type="text/css">
@ -62,4 +62,5 @@
<div class="blue right-line"></div>
<div class="failure"></div>
</body></html>

2
tests/wpt/css-tests/css-shapes-1_dev/html/shape-image-025.htm
View file

@ -31,7 +31,7 @@
width: 50px;
height: 50px;
}
.green {
.green {
left: 10px;
background-color: rgb(0,100,0);
}

5
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-001.htm
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help">
<link href="reference/shape-outside-001-ref.htm" rel="match">
<meta content="ahem" name="flags">
<meta content="This test verifies that left floats with a shape-outside
<meta content="This test verifies that left floats with a shape-outside
only allow content wrapping on the right side, and right floats only allow wrapping on
the left." name="assert">
<!-- This test is derived from Example 1 in this version of the spec:
@ -73,7 +73,7 @@
<p>
The test passes if the green shape does not intersect either of the triangles and
there is one green horizontal bar beneath the triangles. There should be no red.
</p>
</p>
<div class="container" id="test">
<div id="test-float-left"></div>
<div id="test-float-right"></div>
@ -96,4 +96,5 @@
<div id="left-triangle"></div>
<div id="right-triangle"></div>
</body></html>

7
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-002.htm
View file

@ -7,9 +7,9 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help">
<link href="reference/shape-outside-001-ref.htm" rel="match">
<meta content="ahem" name="flags">
<meta content="This test verifies that left floats with a shape-outside
<meta content="This test verifies that left floats with a shape-outside
only allow content wrapping on the right side, and right floats only allow wrapping on
the left and that the left float shape is clipped to the float’s margin box" name="assert">
the left and that the left float shape is clipped to the float's margin box" name="assert">
<!-- This test is derived from Example 2 in this version of the spec:
http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
<style type="text/css">
@ -73,7 +73,7 @@
<p>
The test passes if the green shape does not intersect either of the triangles and
there is one green horizontal bar beneath the triangles. There should be no red.
</p>
</p>
<div class="container" id="test">
<div id="test-float-left"></div>
<div id="test-float-right"></div>
@ -96,4 +96,5 @@
<div id="left-triangle"></div>
<div id="right-triangle"></div>
</body></html>

7
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-003.htm
View file

@ -7,9 +7,9 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help">
<link href="reference/shape-outside-001-ref.htm" rel="match">
<meta content="ahem" name="flags">
<meta content="This test verifies that left floats with a shape-outside
<meta content="This test verifies that left floats with a shape-outside
only allow content wrapping on the right side, and right floats only allow wrapping on
the left and that the right float shape is clipped to the float’s margin box" name="assert">
the left and that the right float shape is clipped to the float's margin box" name="assert">
<!-- This test is derived from Example 2 in this version of the spec:
http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
<style type="text/css">
@ -73,7 +73,7 @@
<p>
The test passes if the green shape does not intersect either of the triangles and
there is one green horizontal bar beneath the triangles. There should be no red.
</p>
</p>
<div class="container" id="test">
<div id="test-float-left"></div>
<div id="test-float-right"></div>
@ -96,4 +96,5 @@
<div id="left-triangle"></div>
<div id="right-triangle"></div>
</body></html>

13
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-004.htm
View file

@ -8,7 +8,7 @@
<link href="reference/shape-outside-004-ref.htm" rel="match">
<meta content="ahem" name="flags">
<meta content="This test verifies that a shape with no extent allow inline
content to flow through all of the float’s box." name="assert">
content to flow through all of the float's box." name="assert">
<!-- This test is derived from Example 3 in this version of the spec:
http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
<style type="text/css">
@ -25,7 +25,7 @@
shape-outside: inset(50% 50% 50% 50%);
float: left;
width: 200px;
height: 200px;
height: 200px;
}
#failure {
color: red;
@ -50,26 +50,27 @@
The test passes if there are two columns of six green horizontal bars of the same
size inside the square and two columns of six matching green bars outside and to the
right of the square. There should be no red.
</p>
</p>
<div class="container" id="test">
<div id="test-float-left"></div>
XXXX XXXX
XXXX XXXX
XXXX XXXX
XXXX XXXX
XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
</div>
<div class="container" id="failure">
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
</div>
<div id="square"></div>
</body></html>

13
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-005.htm
View file

@ -8,7 +8,7 @@
<link href="reference/shape-outside-004-ref.htm" rel="match">
<meta content="ahem" name="flags">
<meta content="This test verifies that a shape with no extent allow inline
content to flow through all of the float’s box." name="assert">
content to flow through all of the float's box." name="assert">
<!-- This test is derived from Example 3 in this version of the spec:
http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
<style type="text/css">
@ -25,7 +25,7 @@
shape-outside: inset(150% 150% 0% 0%);
float: left;
width: 200px;
height: 200px;
height: 200px;
}
#failure {
color: red;
@ -50,26 +50,27 @@
The test passes if there are two columns of six green horizontal bars of the same
size inside the square and two columns of six matching green bars outside and to the
right of the square. There should be no red.
</p>
</p>
<div class="container" id="test">
<div id="test-float-left"></div>
XXXX XXXX
XXXX XXXX
XXXX XXXX
XXXX XXXX
XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
</div>
<div class="container" id="failure">
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
</div>
<div id="square"></div>
</body></html>

7
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-006.htm
View file

@ -1,6 +1,6 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: shape-outside with open areas on both the left &amp; right of
<title>CSS Test: shape-outside with open areas on both the left &amp; right of
the float area</title>
<link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck">
<link href="http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior" rel="help">
@ -8,7 +8,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help">
<link href="reference/shape-outside-006-ref.htm" rel="match">
<meta content="ahem" name="flags">
<meta content="This test verifies that content wraps only on one side of
<meta content="This test verifies that content wraps only on one side of
the float even though there is open area on both the left
and right sides of the float." name="assert">
<!-- This test is derived from Example 4 in this version of the spec:
@ -66,7 +66,7 @@
background-color: lightblue;
clip-path: polygon(50px 0px, 100px 100px, 0px 100px);
}
</style>
</head>
<body>
@ -86,4 +86,5 @@
</div>
<div id="triangle"></div>
</body></html>

5
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-007.htm
View file

@ -75,7 +75,7 @@
background-color: lightblue;
margin-left: 2px;
clip-path: polygon(0% 50%, 50% 100%, 0 100%);;
}
</style>
</head>
@ -83,7 +83,7 @@
<p>
The test passes if one green bar is inside the top rectangle, three green bars
are in the bottom rectangle, and none intersect the triangle. There should be no red.
</p>
</p>
<div class="container" id="test">
<div id="test-float-left"></div>
XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXX
@ -97,4 +97,5 @@
</div>
<div id="triangle"></div>
</body></html>

7
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-008.htm
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help">
<link href="reference/shape-outside-008-ref.htm" rel="match">
<meta content="ahem" name="flags">
<meta content="This test verifies that inline content only wraps around the
<meta content="This test verifies that inline content only wraps around the
shapes, and otherwise overlays the rest of the float margin
boxes when two floats are stacked next to each other." name="assert">
<!-- This test is derived from Example 5 in this version of the spec:
@ -95,7 +95,7 @@
The test passes if one green bar is inside the top rectangle, four green bars
are in the bottom rectangle, and none intersect the triangles. There should be no
red.
</p>
</p>
<div class="container" id="test">
<div class="test-float-left"></div>
XXXXXXXXXXXXXXXXX
@ -116,4 +116,5 @@
<div class="triangle" id="triangle-1"></div>
<div class="triangle" id="triangle-2"></div>
</body></html>
</body></html>

2
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-circle-003.htm
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle" rel="help">
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help">
<meta content="Valid circle position argument list are in the form of:
[ percentage|length left|center|right ]
[ percentage|length left|center|right ]
or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ]
or [ left|center|right ]
or [ left|center|right top|center|bottom ]

2
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-circle-007.htm
View file

@ -33,7 +33,7 @@
{"name": "circle(closest-side farthest-side)"},
{"name": "circle(farthest-side closest-side)"}
];
generate_tests(ParsingUtils.testInlineStyle,
generate_tests(ParsingUtils.testInlineStyle,
ParsingUtils.buildTestCases(invalid_circle_radiii_tests) );
</script>

2
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-circle-011.htm
View file

@ -18,7 +18,7 @@
<script type="text/javascript">
var circle_position_calc_tests = [];
ParsingUtils.calcTestValues.forEach(function(value) {
testCase = ['circle(at '+ value[0] +')',
testCase = ['circle(at '+ value[0] +')',
'circle(at '+ value[1] +' 50%)'];
if(Object.prototype.toString.call( value[2] ) === '[object Array]' && value[2].length == 2) {
testCase.push([ 'circle(at '+ value[2][0] +' 50%)',

2
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-circle-013.htm
View file

@ -9,7 +9,7 @@
<meta content="ahem" name="flags">
<meta content="The test verifies that text wraps around a
left float with a shape-outside defined as
a circle from the margin box and positioned
a circle from the margin box and positioned
in px units." name="assert">
<style>
body {

2
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-circle-021.htm
View file

@ -11,7 +11,7 @@
<meta content="ahem" name="flags">
<meta content="The test verifies that text wraps around a
left float with a shape-outside defined as
a circle with a farthest-side radius from the
a circle with a farthest-side radius from the
padding box with a shape-margin." name="assert">
<style>
body {

2
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-circle-027.htm
View file

@ -10,7 +10,7 @@
<meta content="ahem" name="flags">
<meta content="The test verifies that text wraps around a
right float with a shape-outside defined as
a circle positioned from the margin box with a
a circle positioned from the margin box with a
shape-margin." name="assert">
<style>
body {

2
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-circle-028.htm
View file

@ -11,7 +11,7 @@
<meta content="ahem" name="flags">
<meta content="The test verifies that text wraps around a
right float with a shape-outside defined as
a circle positioned from the border box with a
a circle positioned from the border box with a
shape-margin." name="assert">
<style>
body {

2
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-circle-029.htm
View file

@ -10,7 +10,7 @@
<meta content="ahem" name="flags">
<meta content="The test verifies that text wraps around a
right float with a shape-outside defined as
a circle positioned center right from the padding
a circle positioned center right from the padding
box with a shape-margin." name="assert">
<style>
body {

2
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-ellipse-003.htm
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse" rel="help">
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help">
<meta content="Valid ellipse position argument list are in the form of:
[ percentage|length left|center|right ]
[ percentage|length left|center|right ]
or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ]
or [ left|center|right ]
or [ left|center|right top|center|bottom ]

6
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-ellipse-010.htm
View file

@ -19,7 +19,7 @@
var ellipse_calc_tests = [];
var defaultPosition = ' at 50% 50%';
ParsingUtils.calcTestValues.forEach(function(value) {
testCase = ['ellipse('+ value[0] +')',
testCase = ['ellipse('+ value[0] +')',
'ellipse('+ value[1] + defaultPosition +')'];
if(Object.prototype.toString.call( value[2] ) === '[object Array]' && value[2].length == 2) {
testCase.push([
@ -32,7 +32,7 @@
ellipse_calc_tests.push(testCase);
});
ParsingUtils.calcTestValues.forEach(function(value) {
testCase = ['ellipse(farthest-side '+ value[0] +')',
testCase = ['ellipse(farthest-side '+ value[0] +')',
'ellipse(farthest-side '+ value[1] + defaultPosition +')'];
if(Object.prototype.toString.call( value[2] ) === '[object Array]' && value[2].length == 2) {
testCase.push([
@ -45,7 +45,7 @@
ellipse_calc_tests.push(testCase);
});
ParsingUtils.calcTestValues.forEach(function(value) {
testCase = ['ellipse('+ value[0] +' '+ value[0] +')',
testCase = ['ellipse('+ value[0] +' '+ value[0] +')',
'ellipse('+ value[1] +' '+ value[1] + defaultPosition +')'];
if(Object.prototype.toString.call( value[2] ) === '[object Array]' && value[2].length == 2) {
testCase.push([

4
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-ellipse-011.htm
View file

@ -18,7 +18,7 @@
<script type="text/javascript">
var ellipse_position_calc_tests = [];
ParsingUtils.calcTestValues.forEach(function(value) {
testCase = ['ellipse(at '+ value[0] +' 50%)',
testCase = ['ellipse(at '+ value[0] +' 50%)',
'ellipse(at '+ value[1] +' 50%)'];
if(Object.prototype.toString.call( value[2] ) === '[object Array]' && value[2].length == 2) {
testCase.push([
@ -44,7 +44,7 @@
ellipse_position_calc_tests.push(testCase);
});
ParsingUtils.calcTestValues.forEach(function(value) {
testCase = ['ellipse(closest-side farthest-side at '+ value[0] +' '+ value[0] +')',
testCase = ['ellipse(closest-side farthest-side at '+ value[0] +' '+ value[0] +')',
'ellipse(closest-side farthest-side at '+ value[1] +' '+ value[1] +')'];
if(Object.prototype.toString.call( value[2] ) === '[object Array]' && value[2].length == 2) {
testCase.push([

2
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-ellipse-015.htm
View file

@ -10,7 +10,7 @@
<meta content="ahem" name="flags">
<meta content="The test verifies that text wraps around a
left float with a shape-outside defined as an
ellipse with the radii explicitly set as closest-side
ellipse with the radii explicitly set as closest-side
from the padding box." name="assert">
<style>
body {

4
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-ellipse-025.htm
View file

@ -10,8 +10,8 @@
<meta content="ahem" name="flags">
<meta content="The test verifies that text wraps around a
right float with a shape-outside defined as
a ellipse with the radii in percentage units
positioned at center right from the margin box
a ellipse with the radii in percentage units
positioned at center right from the margin box
with a shape-margin." name="assert">
<style>
body {

2
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-inset-004.htm
View file

@ -6,7 +6,7 @@
<link href="mailto:stearns@adobe.com" rel="reviewer" title="Alan Stearns"> <!-- 2014-03-04 -->
<link href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset" rel="help">
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help">
<meta content="These tests verify that shape-outside inset() arguments can be numbers that are signed in
<meta content="These tests verify that shape-outside inset() arguments can be numbers that are signed in
positive and negative and/or decimal/non-decimal form." name="assert">
<meta content="dom" name="flags">
<script src="/resources/testharness.js"></script>

2
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-inset-006.htm
View file

@ -6,7 +6,7 @@
<link href="mailto:stearns@adobe.com" rel="reviewer" title="Alan Stearns"> <!-- 2014-03-04 -->
<link href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset" rel="help">
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help">
<meta content="These tests verify that shape-outside inset() radial component can be numbers that are in
<meta content="These tests verify that shape-outside inset() radial component can be numbers that are in
signed positive and/or decimal/non-decimal form. Negative values are not allowed" name="assert">
<meta content="dom" name="flags">
<script src="/resources/testharness.js"></script>

3
tests/wpt/css-tests/css-shapes-1_dev/html/shape-outside-polygon-016.htm
View file

@ -7,7 +7,7 @@
<link href="reference/shape-outside-polygon-010-ref.htm" rel="match">
<meta content="ahem" name="flags">
<meta content="The test verifies that evenodd behaves the
same as nonzero for shape-outside and that text
same as nonzero for shape-outside and that text
will wraps around the outer edge of a polygon." name="assert">
<style>
body {
@ -56,4 +56,5 @@
<div class="ref-shape" id="ref-2"></div>
</body></html>

144
tests/wpt/css-tests/css-shapes-1_dev/implementation-report-TEMPLATE.data
View file

@ -15,18 +15,18 @@ html/shape-image-004.htm bc5758eb16bc1bc2fdb65ee429abc530da242d1c ?
xhtml1/shape-image-004.xht bc5758eb16bc1bc2fdb65ee429abc530da242d1c ?
html/shape-image-005.htm d397c2c6ab252d3974ce5feb39e40990b83e0eb8 ?
xhtml1/shape-image-005.xht d397c2c6ab252d3974ce5feb39e40990b83e0eb8 ?
html/shape-image-006.htm 712308ba5b1ef1e659d1f8b4f2eadd4930137cbd ?
xhtml1/shape-image-006.xht 712308ba5b1ef1e659d1f8b4f2eadd4930137cbd ?
html/shape-image-007.htm b3c4dcc2d3c805252a700a5ef2b86a12f847c083 ?
xhtml1/shape-image-007.xht b3c4dcc2d3c805252a700a5ef2b86a12f847c083 ?
html/shape-image-008.htm 205a0b50013fb224eabc9e294cab12398865a5fa ?
xhtml1/shape-image-008.xht 205a0b50013fb224eabc9e294cab12398865a5fa ?
html/shape-image-009.htm db2c44364905209211e97c6d59b7ac5ca690d476 ?
xhtml1/shape-image-009.xht db2c44364905209211e97c6d59b7ac5ca690d476 ?
html/shape-image-010.htm 46b475d7da0c8eb46911f8520b8496dfbd99c73e ?
xhtml1/shape-image-010.xht 46b475d7da0c8eb46911f8520b8496dfbd99c73e ?
html/shape-image-011.htm fae76798cdf3d9462a86552ef438e10737c269fd ?
xhtml1/shape-image-011.xht fae76798cdf3d9462a86552ef438e10737c269fd ?
html/shape-image-006.htm 7e57bd6b7cd7a216d123adc98746d94c7ccfc4bb ?
xhtml1/shape-image-006.xht 7e57bd6b7cd7a216d123adc98746d94c7ccfc4bb ?
html/shape-image-007.htm 4f81f6364f094b0b254adf7dcd69e9b49da391f9 ?
xhtml1/shape-image-007.xht 4f81f6364f094b0b254adf7dcd69e9b49da391f9 ?
html/shape-image-008.htm a587a1ae207195db8be1c0424ab4060d15265f11 ?
xhtml1/shape-image-008.xht a587a1ae207195db8be1c0424ab4060d15265f11 ?
html/shape-image-009.htm 5c418dec65155870fe659e840c4405ab1ed3307b ?
xhtml1/shape-image-009.xht 5c418dec65155870fe659e840c4405ab1ed3307b ?
html/shape-image-010.htm 93a04c8f56b8a3e7421441dc249ea5639fb3ca8e ?
xhtml1/shape-image-010.xht 93a04c8f56b8a3e7421441dc249ea5639fb3ca8e ?
html/shape-image-011.htm da3f0545d9aabdc499d3be30082c5d12853d63e1 ?
xhtml1/shape-image-011.xht da3f0545d9aabdc499d3be30082c5d12853d63e1 ?
html/shape-image-012.htm 262c6a8a6791c7fcdc1cbd8a45c4e6549470d29d ?
xhtml1/shape-image-012.xht 262c6a8a6791c7fcdc1cbd8a45c4e6549470d29d ?
html/shape-image-013.htm ce3ab892f971e0edc5b8f6758ee7baaf889598fb ?
@ -51,10 +51,10 @@ html/shape-image-022.htm b5b8c6fc7aadb0a955c13877c548920467f85d33 ?
xhtml1/shape-image-022.xht b5b8c6fc7aadb0a955c13877c548920467f85d33 ?
html/shape-image-023.htm 37a23646f58fe305a1933640b5d291f9bba6cabb ?
xhtml1/shape-image-023.xht 37a23646f58fe305a1933640b5d291f9bba6cabb ?
html/shape-image-024.htm 45987d485f499fcbaeb2c526c74d9e327e456f92 ?
xhtml1/shape-image-024.xht 45987d485f499fcbaeb2c526c74d9e327e456f92 ?
html/shape-image-025.htm 1abb15d9edf81682b031d98aaa31a0fbe3bf5dc3 ?
xhtml1/shape-image-025.xht 1abb15d9edf81682b031d98aaa31a0fbe3bf5dc3 ?
html/shape-image-024.htm 61daea482c9b4a968043985c2fad3d5e4861755c ?
xhtml1/shape-image-024.xht 61daea482c9b4a968043985c2fad3d5e4861755c ?
html/shape-image-025.htm 241032c3052ea4fb385a86cdd6e18aa042ae905a ?
xhtml1/shape-image-025.xht 241032c3052ea4fb385a86cdd6e18aa042ae905a ?
html/shape-image-threshold-000.htm 3e7d356e7694130125e2a965fc77ad92f16844ff ?
xhtml1/shape-image-threshold-000.xht 3e7d356e7694130125e2a965fc77ad92f16844ff ?
html/shape-image-threshold-001.htm 9350a00470d8fce5f81d76246e6db4afbcb8714c ?
@ -75,22 +75,22 @@ html/shape-margin-004.htm fe6def124d0ceccbfc896b65f4e0e4d41f6e9dd2 ?
xhtml1/shape-margin-004.xht fe6def124d0ceccbfc896b65f4e0e4d41f6e9dd2 ?
html/shape-margin-005.htm fd3ac9521cb7b7b1af068dd603d742bd6fdf580b ?
xhtml1/shape-margin-005.xht fd3ac9521cb7b7b1af068dd603d742bd6fdf580b ?
html/shape-outside-001.htm 2b108c4bcacb0866d4bf6ba9e184a3f6c354899b ?
xhtml1/shape-outside-001.xht 2b108c4bcacb0866d4bf6ba9e184a3f6c354899b ?
html/shape-outside-002.htm b9acb46032a1d342631d9b47382b9fd6311585c2 ?
xhtml1/shape-outside-002.xht b9acb46032a1d342631d9b47382b9fd6311585c2 ?
html/shape-outside-003.htm 412924e4a856a74bfce93708f65c37f1c7434303 ?
xhtml1/shape-outside-003.xht 412924e4a856a74bfce93708f65c37f1c7434303 ?
html/shape-outside-004.htm 8125a4d03b46484610831d037a111e5f8ca64d47 ?
xhtml1/shape-outside-004.xht 8125a4d03b46484610831d037a111e5f8ca64d47 ?
html/shape-outside-005.htm 40dd965fd6f1314e831e958cae1fc0109780aa98 ?
xhtml1/shape-outside-005.xht 40dd965fd6f1314e831e958cae1fc0109780aa98 ?
html/shape-outside-006.htm ea36fddd6084a9e813bf5eade50fd54167e64d9e ?
xhtml1/shape-outside-006.xht ea36fddd6084a9e813bf5eade50fd54167e64d9e ?
html/shape-outside-007.htm 48cacb26abc5abb578d76fd7472d348f0abb91fd ?
xhtml1/shape-outside-007.xht 48cacb26abc5abb578d76fd7472d348f0abb91fd ?
html/shape-outside-008.htm 0e37639a14dd725528ea911ad0d9f02b7967d5b8 ?
xhtml1/shape-outside-008.xht 0e37639a14dd725528ea911ad0d9f02b7967d5b8 ?
html/shape-outside-001.htm 424f207ca11d3485738be87abcf48e9e34f5fa48 ?
xhtml1/shape-outside-001.xht 424f207ca11d3485738be87abcf48e9e34f5fa48 ?
html/shape-outside-002.htm ccad8e42499a493114d9b64aa406a76b7c20881b ?
xhtml1/shape-outside-002.xht ccad8e42499a493114d9b64aa406a76b7c20881b ?
html/shape-outside-003.htm 1e34b20857680a440dd3a33a1ba9027633d2436a ?
xhtml1/shape-outside-003.xht 1e34b20857680a440dd3a33a1ba9027633d2436a ?
html/shape-outside-004.htm 16d521298dacfc7ce71966e6a123487207fd297a ?
xhtml1/shape-outside-004.xht 16d521298dacfc7ce71966e6a123487207fd297a ?
html/shape-outside-005.htm ca5e011b0784a92a90a78566f9c1ea936cf3a555 ?
xhtml1/shape-outside-005.xht ca5e011b0784a92a90a78566f9c1ea936cf3a555 ?
html/shape-outside-006.htm 27ecc051131e43c03919613530a596723ea40d28 ?
xhtml1/shape-outside-006.xht 27ecc051131e43c03919613530a596723ea40d28 ?
html/shape-outside-007.htm 7ac82a4cc71a01ceed3528cda33191c18e932784 ?
xhtml1/shape-outside-007.xht 7ac82a4cc71a01ceed3528cda33191c18e932784 ?
html/shape-outside-008.htm 66b7caee01d5f5f2ca05a41bcaff0ad23c18a044 ?
xhtml1/shape-outside-008.xht 66b7caee01d5f5f2ca05a41bcaff0ad23c18a044 ?
html/shape-outside-010.htm 9b40e944e7ed705afbff560224dbf73341ae939e ?
xhtml1/shape-outside-010.xht 9b40e944e7ed705afbff560224dbf73341ae939e ?
html/shape-outside-011.htm ca7a24aeffbbecb170a4b8ea20aa456676e57d9e ?
@ -131,26 +131,26 @@ html/shape-outside-circle-001.htm 9911c937abfbf29532cf2a0626fb73e99d392955 ?
xhtml1/shape-outside-circle-001.xht 9911c937abfbf29532cf2a0626fb73e99d392955 ?
html/shape-outside-circle-002.htm 8a1c43c953fe3b82edd77025bbf55b77475c59f0 ?
xhtml1/shape-outside-circle-002.xht 8a1c43c953fe3b82edd77025bbf55b77475c59f0 ?
html/shape-outside-circle-003.htm b40ce8c7b65324df6f342fdd050574aeec5850fc ?
xhtml1/shape-outside-circle-003.xht b40ce8c7b65324df6f342fdd050574aeec5850fc ?
html/shape-outside-circle-003.htm edfb507a21963da3e5fe627bb3ef39b1187e407d ?
xhtml1/shape-outside-circle-003.xht edfb507a21963da3e5fe627bb3ef39b1187e407d ?
html/shape-outside-circle-004.htm 44092ed692b65149dd5593c1aecce3f4d3352600 ?
xhtml1/shape-outside-circle-004.xht 44092ed692b65149dd5593c1aecce3f4d3352600 ?
html/shape-outside-circle-005.htm 10b58f096216e42cfae8ff0b6ae3898496bc5566 ?
xhtml1/shape-outside-circle-005.xht 10b58f096216e42cfae8ff0b6ae3898496bc5566 ?
html/shape-outside-circle-006.htm a27b507b17f2f86e1954be52df39283eaf962547 ?
xhtml1/shape-outside-circle-006.xht a27b507b17f2f86e1954be52df39283eaf962547 ?
html/shape-outside-circle-007.htm cabee7f6751afb7fcfa846f738f1a5f439e5edf7 ?
xhtml1/shape-outside-circle-007.xht cabee7f6751afb7fcfa846f738f1a5f439e5edf7 ?
html/shape-outside-circle-007.htm b5c12d53784004a2a97d13f00d03d2882467a3db ?
xhtml1/shape-outside-circle-007.xht b5c12d53784004a2a97d13f00d03d2882467a3db ?
html/shape-outside-circle-008.htm 385b981af83d54b32030b46fac40b1606ecc1ee4 ?
xhtml1/shape-outside-circle-008.xht 385b981af83d54b32030b46fac40b1606ecc1ee4 ?
html/shape-outside-circle-009.htm c11a89648b797fdb15eb129bdf4537517a0286e8 ?
xhtml1/shape-outside-circle-009.xht c11a89648b797fdb15eb129bdf4537517a0286e8 ?
html/shape-outside-circle-010.htm 607e2d5c6f3cff8a2d826c391d39d86c68759214 ?
xhtml1/shape-outside-circle-010.xht 607e2d5c6f3cff8a2d826c391d39d86c68759214 ?
html/shape-outside-circle-011.htm 6ec13da059ac1bf92db6fa4455e8f40c20af958e ?
xhtml1/shape-outside-circle-011.xht 6ec13da059ac1bf92db6fa4455e8f40c20af958e ?
html/shape-outside-circle-013.htm 04c34046058c99d538a9ecf9635f8f74c2ba936f ?
xhtml1/shape-outside-circle-013.xht 04c34046058c99d538a9ecf9635f8f74c2ba936f ?
html/shape-outside-circle-011.htm 8cc2d5a116e562bc4600e5cf7997391247259921 ?
xhtml1/shape-outside-circle-011.xht 8cc2d5a116e562bc4600e5cf7997391247259921 ?
html/shape-outside-circle-013.htm 3567131f70862a0eac28ec3d1eee26c672b08b22 ?
xhtml1/shape-outside-circle-013.xht 3567131f70862a0eac28ec3d1eee26c672b08b22 ?
html/shape-outside-circle-014.htm f2be2ba869b292cb4d77932987991f7b08056a3f ?
xhtml1/shape-outside-circle-014.xht f2be2ba869b292cb4d77932987991f7b08056a3f ?
html/shape-outside-circle-015.htm 8fa5a3fe3b6f38fa3e1c5c82b13f694cd272780c ?
@ -165,8 +165,8 @@ html/shape-outside-circle-019.htm 04d9a7e8451144205cc27ce00f3f7b6b44988de0 ?
xhtml1/shape-outside-circle-019.xht 04d9a7e8451144205cc27ce00f3f7b6b44988de0 ?
html/shape-outside-circle-020.htm b0a500f74d59427133d10b78c90b5f829aea3e49 ?
xhtml1/shape-outside-circle-020.xht b0a500f74d59427133d10b78c90b5f829aea3e49 ?
html/shape-outside-circle-021.htm f9ad5b1557d1e9c8aff8a62316ec09c1ef4c526a ?
xhtml1/shape-outside-circle-021.xht f9ad5b1557d1e9c8aff8a62316ec09c1ef4c526a ?
html/shape-outside-circle-021.htm 9867be2e26b7cb51240c4a8b08d14c641a0d7933 ?
xhtml1/shape-outside-circle-021.xht 9867be2e26b7cb51240c4a8b08d14c641a0d7933 ?
html/shape-outside-circle-022.htm 01e47c5a861042c37e4238914b8672564f46ce24 ?
xhtml1/shape-outside-circle-022.xht 01e47c5a861042c37e4238914b8672564f46ce24 ?
html/shape-outside-circle-024.htm ce4f88b12ab090f5cc2758f1944221a9a0bca658 ?
@ -175,16 +175,16 @@ html/shape-outside-circle-025.htm 7c25ed8ee94053c7ce6b4086aee0a8eea775a81c ?
xhtml1/shape-outside-circle-025.xht 7c25ed8ee94053c7ce6b4086aee0a8eea775a81c ?
html/shape-outside-circle-026.htm fef0cdae35b1d11ab2ba22d6dc0452dc690e3614 ?
xhtml1/shape-outside-circle-026.xht fef0cdae35b1d11ab2ba22d6dc0452dc690e3614 ?
html/shape-outside-circle-027.htm 88483c98f70900319e7994c37b8c5aa9d989ac57 ?
xhtml1/shape-outside-circle-027.xht 88483c98f70900319e7994c37b8c5aa9d989ac57 ?
html/shape-outside-circle-028.htm d21dfcba20e9bf879f19e6e5839a56bbed072f35 ?
xhtml1/shape-outside-circle-028.xht d21dfcba20e9bf879f19e6e5839a56bbed072f35 ?
html/shape-outside-circle-029.htm cf2c02f1a67f3bea849f45bcfb7320fdf9c23df9 ?
xhtml1/shape-outside-circle-029.xht cf2c02f1a67f3bea849f45bcfb7320fdf9c23df9 ?
html/shape-outside-circle-030.htm f9bb62beb3edae71a7d6614e9f9cc27adfc6b6a8 ?
xhtml1/shape-outside-circle-030.xht f9bb62beb3edae71a7d6614e9f9cc27adfc6b6a8 ?
html/shape-outside-circle-031.htm fd08bb5c22ef0cb28eba74e8d3b4fff3a74d6237 ?
xhtml1/shape-outside-circle-031.xht fd08bb5c22ef0cb28eba74e8d3b4fff3a74d6237 ?
html/shape-outside-circle-027.htm 5b3185a17c86964d64eb9fd4735230cd7ca1c55d ?
xhtml1/shape-outside-circle-027.xht 5b3185a17c86964d64eb9fd4735230cd7ca1c55d ?
html/shape-outside-circle-028.htm 476e7337d7a091c370bfb85e56cdbe61c207f78d ?
xhtml1/shape-outside-circle-028.xht 476e7337d7a091c370bfb85e56cdbe61c207f78d ?
html/shape-outside-circle-029.htm 6321444f01d953391ac3cfbe1894ec6fdd167d9c ?
xhtml1/shape-outside-circle-029.xht 6321444f01d953391ac3cfbe1894ec6fdd167d9c ?
html/shape-outside-circle-030.htm 65a1ab1df3d4e47c3b34d18dffb9cc2aa9ddba69 ?
xhtml1/shape-outside-circle-030.xht 65a1ab1df3d4e47c3b34d18dffb9cc2aa9ddba69 ?
html/shape-outside-circle-031.htm 0d4c26c46bcba5ebb738e16182597b4195623681 ?
xhtml1/shape-outside-circle-031.xht 0d4c26c46bcba5ebb738e16182597b4195623681 ?
html/shape-outside-computed-shape-000.htm 8b280e5be14ea8818d4abe714a7671f8d16ab570 ?
xhtml1/shape-outside-computed-shape-000.xht 8b280e5be14ea8818d4abe714a7671f8d16ab570 ?
html/shape-outside-computed-shape-001.htm fd05b500e016deb5b711aac285ac5aa72b09e147 ?
@ -195,8 +195,8 @@ html/shape-outside-ellipse-001.htm a8536bd4f712866980865434b4a0bc9469293d26 ?
xhtml1/shape-outside-ellipse-001.xht a8536bd4f712866980865434b4a0bc9469293d26 ?
html/shape-outside-ellipse-002.htm e069870229afea5bc6dbf4b6768c847230aafc09 ?
xhtml1/shape-outside-ellipse-002.xht e069870229afea5bc6dbf4b6768c847230aafc09 ?
html/shape-outside-ellipse-003.htm 90f4f0066baf470071251ae5f72178f40b7e9838 ?
xhtml1/shape-outside-ellipse-003.xht 90f4f0066baf470071251ae5f72178f40b7e9838 ?
html/shape-outside-ellipse-003.htm cdd7daf59e87e90ee3fb530dbbdced63c6ab00df ?
xhtml1/shape-outside-ellipse-003.xht cdd7daf59e87e90ee3fb530dbbdced63c6ab00df ?
html/shape-outside-ellipse-004.htm cf7a179b06597950e51c08580c0bcc5d7476e1c1 ?
xhtml1/shape-outside-ellipse-004.xht cf7a179b06597950e51c08580c0bcc5d7476e1c1 ?
html/shape-outside-ellipse-005.htm e1cd92a5665eb06d0de20ed415fc47a519b3f23f ?
@ -209,16 +209,16 @@ html/shape-outside-ellipse-008.htm 37eda6d5a8e5bccf793cb3308cd569b99af4b08a ?
xhtml1/shape-outside-ellipse-008.xht 37eda6d5a8e5bccf793cb3308cd569b99af4b08a ?
html/shape-outside-ellipse-009.htm 3dedcafd41d7657e2882a3a0f4cac27e3d14aad6 ?
xhtml1/shape-outside-ellipse-009.xht 3dedcafd41d7657e2882a3a0f4cac27e3d14aad6 ?
html/shape-outside-ellipse-010.htm 3fc7f06c7d68753e41e7ed78c9ebf3d695419a12 ?
xhtml1/shape-outside-ellipse-010.xht 3fc7f06c7d68753e41e7ed78c9ebf3d695419a12 ?
html/shape-outside-ellipse-011.htm 8efb4584d3c1c812aea1831ef4e272f719cd4e7d ?
xhtml1/shape-outside-ellipse-011.xht 8efb4584d3c1c812aea1831ef4e272f719cd4e7d ?
html/shape-outside-ellipse-010.htm 8c49b198bd80451d133a58cd38c2b239a00559d6 ?
xhtml1/shape-outside-ellipse-010.xht 8c49b198bd80451d133a58cd38c2b239a00559d6 ?
html/shape-outside-ellipse-011.htm 48410d76452c7db1675fa2e3fd3eeebe072948ba ?
xhtml1/shape-outside-ellipse-011.xht 48410d76452c7db1675fa2e3fd3eeebe072948ba ?
html/shape-outside-ellipse-013.htm 9c923aebfb6689c32f7c147001db31f80e017f21 ?
xhtml1/shape-outside-ellipse-013.xht 9c923aebfb6689c32f7c147001db31f80e017f21 ?
html/shape-outside-ellipse-014.htm 2c53cc243269425a74bb8d5a778e028dab2f7be7 ?
xhtml1/shape-outside-ellipse-014.xht 2c53cc243269425a74bb8d5a778e028dab2f7be7 ?
html/shape-outside-ellipse-015.htm c6a474a21799209e24d9f8a40f74783d11d806bd ?
xhtml1/shape-outside-ellipse-015.xht c6a474a21799209e24d9f8a40f74783d11d806bd ?
html/shape-outside-ellipse-015.htm ffc6d3749fe5bd73551aa34b1615565094c53b48 ?
xhtml1/shape-outside-ellipse-015.xht ffc6d3749fe5bd73551aa34b1615565094c53b48 ?
html/shape-outside-ellipse-016.htm 90163ee95978a965982e6da40c0d148b90609e98 ?
xhtml1/shape-outside-ellipse-016.xht 90163ee95978a965982e6da40c0d148b90609e98 ?
html/shape-outside-ellipse-017.htm 7da5efe1d74347f8d21a19ac61f4f52390533ae8 ?
@ -237,12 +237,12 @@ html/shape-outside-ellipse-023.htm d872f8d96628684dc7da5cb48066dfe7d7ee6272 ?
xhtml1/shape-outside-ellipse-023.xht d872f8d96628684dc7da5cb48066dfe7d7ee6272 ?
html/shape-outside-ellipse-024.htm 4e5014c6eade39a0790b0154b911453b06e1c4f5 ?
xhtml1/shape-outside-ellipse-024.xht 4e5014c6eade39a0790b0154b911453b06e1c4f5 ?
html/shape-outside-ellipse-025.htm 73bac8ac09ef51fe95ac6b362a0fd305f7a5c974 ?
xhtml1/shape-outside-ellipse-025.xht 73bac8ac09ef51fe95ac6b362a0fd305f7a5c974 ?
html/shape-outside-ellipse-030.htm 877f74c0e093fc532b187c59ddbd1047abc63625 ?
xhtml1/shape-outside-ellipse-030.xht 877f74c0e093fc532b187c59ddbd1047abc63625 ?
html/shape-outside-ellipse-031.htm 47ae792cdf99af0672a61e97028c5199766e62f6 ?
xhtml1/shape-outside-ellipse-031.xht 47ae792cdf99af0672a61e97028c5199766e62f6 ?
html/shape-outside-ellipse-025.htm 1cb5f989b702e9b411e7eae7722ed7cf3ec43c8d ?
xhtml1/shape-outside-ellipse-025.xht 1cb5f989b702e9b411e7eae7722ed7cf3ec43c8d ?
html/shape-outside-ellipse-030.htm a1a3af9b848564a03500c09d9183c74600bb0cde ?
xhtml1/shape-outside-ellipse-030.xht a1a3af9b848564a03500c09d9183c74600bb0cde ?
html/shape-outside-ellipse-031.htm 07133b68131715e3c9a652ee0f8bd5d5a5d14a15 ?
xhtml1/shape-outside-ellipse-031.xht 07133b68131715e3c9a652ee0f8bd5d5a5d14a15 ?
html/shape-outside-inset-000.htm 9d4bde630d065838941fff0393ec84e9cee58384 ?
xhtml1/shape-outside-inset-000.xht 9d4bde630d065838941fff0393ec84e9cee58384 ?
html/shape-outside-inset-001.htm 609b011f299805503025f9997b5b4320896b494d ?
@ -251,12 +251,12 @@ html/shape-outside-inset-002.htm bf1d3600a416162203fab707d8b651a93a8d66a1 ?
xhtml1/shape-outside-inset-002.xht bf1d3600a416162203fab707d8b651a93a8d66a1 ?
html/shape-outside-inset-003.htm a28821639a481807aba32477b3ad98a7bec40b41 ?
xhtml1/shape-outside-inset-003.xht a28821639a481807aba32477b3ad98a7bec40b41 ?
html/shape-outside-inset-004.htm eac718f44877038d4b053508458ce575c4ddfe8c ?
xhtml1/shape-outside-inset-004.xht eac718f44877038d4b053508458ce575c4ddfe8c ?
html/shape-outside-inset-004.htm ec8a4206b27cf7f4c68a443054464a7dd903aaff ?
xhtml1/shape-outside-inset-004.xht ec8a4206b27cf7f4c68a443054464a7dd903aaff ?
html/shape-outside-inset-005.htm 3f9988d339036b9b7ec0159d11534e97c4ce3ec2 ?
xhtml1/shape-outside-inset-005.xht 3f9988d339036b9b7ec0159d11534e97c4ce3ec2 ?
html/shape-outside-inset-006.htm 3ad11c598658a27fac35662adefde3d96eeb355b ?
xhtml1/shape-outside-inset-006.xht 3ad11c598658a27fac35662adefde3d96eeb355b ?
html/shape-outside-inset-006.htm c2d65152ab6dffb0785f9211892195a30fcf517b ?
xhtml1/shape-outside-inset-006.xht c2d65152ab6dffb0785f9211892195a30fcf517b ?
html/shape-outside-inset-007.htm e296e5f9e4f9a5f6cff79f8e348cd5cbfebd70ec ?
xhtml1/shape-outside-inset-007.xht e296e5f9e4f9a5f6cff79f8e348cd5cbfebd70ec ?
html/shape-outside-inset-008.htm 99dbe179f30b42dea217ec39b2776c4418f7101b ?
@ -345,8 +345,8 @@ html/shape-outside-polygon-014.htm 0425e8319342b2bbe35bc1827458cf3974239d53 ?
xhtml1/shape-outside-polygon-014.xht 0425e8319342b2bbe35bc1827458cf3974239d53 ?
html/shape-outside-polygon-015.htm 1b2015ca286e3663b146aae455c6c87b16e037a8 ?
xhtml1/shape-outside-polygon-015.xht 1b2015ca286e3663b146aae455c6c87b16e037a8 ?
html/shape-outside-polygon-016.htm 4efc9463fe47e19f790cd64b40112d76e168c943 ?
xhtml1/shape-outside-polygon-016.xht 4efc9463fe47e19f790cd64b40112d76e168c943 ?
html/shape-outside-polygon-016.htm 5445a6cb52b35f6a064967f79254cb7a179584a9 ?
xhtml1/shape-outside-polygon-016.xht 5445a6cb52b35f6a064967f79254cb7a179584a9 ?
html/shape-outside-polygon-017.htm 1f5df9c3816c138d8763df49ee01301aaf91421d ?
xhtml1/shape-outside-polygon-017.xht 1f5df9c3816c138d8763df49ee01301aaf91421d ?
html/shape-outside-radial-gradient-001.htm 8b4e4d78eafc58af97fc407f25d8c1c5b1ce40b8 ?

72
tests/wpt/css-tests/css-shapes-1_dev/testinfo.data
View file

@ -5,12 +5,12 @@ shape-image-002 reference/shape-image-002-ref Image shape on a left float ahem,i
shape-image-003 reference/shape-image-002-ref Image shape on a left float ahem,image http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 99e3f7ba1402a1f6fde7c50ee701f6a78d6efc75 `Bem Jones-Bey`<bjonesbe@adobe.com> This test verifies that a shape specified as a svg image with 20% alpha and 0.3 shape-image-threshold creates a proper shape.
shape-image-004 reference/shape-image-000-ref Image shape on a left float ahem,image http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property bc5758eb16bc1bc2fdb65ee429abc530da242d1c `Bem Jones-Bey`<bjonesbe@adobe.com> This test verifies that a shape specified as a png image with 50% alpha and 0.6 shape-image-threshold creates a proper shape.
shape-image-005 reference/shape-image-002-ref Image shape on a left float ahem,image http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property d397c2c6ab252d3974ce5feb39e40990b83e0eb8 `Bem Jones-Bey`<bjonesbe@adobe.com> This test verifies that a shape specified as a svg image in a data uri with 70% alpha and 0.8 shape-image-threshold creates a proper shape.
shape-image-006 reference/shape-image-006-ref left float, url(png), real image + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 712308ba5b1ef1e659d1f8b4f2eadd4930137cbd `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around all the image pixels + the shape-margin when shape-outside is given a png file.
shape-image-007 reference/shape-image-007-ref left float, url(svg), real image + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property b3c4dcc2d3c805252a700a5ef2b86a12f847c083 `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around all the image pixels + the shape-margin when shape-outside is given an svg file.
shape-image-008 reference/shape-image-008-ref left float, url(jpg), data uri + shape-margin (%) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 205a0b50013fb224eabc9e294cab12398865a5fa `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around all the image pixels + the shape-margin as a percentage when shape-outside is given an jpg data uri.
shape-image-009 reference/shape-image-006-ref left float, url(png), real image 70% + shape-image-threshold + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property db2c44364905209211e97c6d59b7ac5ca690d476 `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around the image pixels extracted from a shape-outside png file with shape-image-threshold set + the shape-margin in absolute length.
shape-image-010 reference/shape-image-006-ref left float, url(png), data uri + shape-image-threshold + shape-margin (%) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 46b475d7da0c8eb46911f8520b8496dfbd99c73e `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around the image pixels extracted from a shape-outside png file with shape-image-threshold set + the shape-margin as a percentage.
shape-image-011 reference/shape-image-007-ref left float, url(svg), real image + shape-image-threshold + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property fae76798cdf3d9462a86552ef438e10737c269fd `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around the image pixels extracted from a shape-outside svg file with shape-image-threshold set + the shape-margin in absolute length.
shape-image-006 reference/shape-image-006-ref left float, url(png), real image + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 7e57bd6b7cd7a216d123adc98746d94c7ccfc4bb `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around all the image pixels + the shape-margin when shape-outside is given a png file.
shape-image-007 reference/shape-image-007-ref left float, url(svg), real image + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 4f81f6364f094b0b254adf7dcd69e9b49da391f9 `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around all the image pixels + the shape-margin when shape-outside is given an svg file.
shape-image-008 reference/shape-image-008-ref left float, url(jpg), data uri + shape-margin (%) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property a587a1ae207195db8be1c0424ab4060d15265f11 `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around all the image pixels + the shape-margin as a percentage when shape-outside is given an jpg data uri.
shape-image-009 reference/shape-image-006-ref left float, url(png), real image 70% + shape-image-threshold + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 5c418dec65155870fe659e840c4405ab1ed3307b `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around the image pixels extracted from a shape-outside png file with shape-image-threshold set + the shape-margin in absolute length.
shape-image-010 reference/shape-image-006-ref left float, url(png), data uri + shape-image-threshold + shape-margin (%) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 93a04c8f56b8a3e7421441dc249ea5639fb3ca8e `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around the image pixels extracted from a shape-outside png file with shape-image-threshold set + the shape-margin as a percentage.
shape-image-011 reference/shape-image-007-ref left float, url(svg), real image + shape-image-threshold + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property da3f0545d9aabdc499d3be30082c5d12853d63e1 `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around the image pixels extracted from a shape-outside svg file with shape-image-threshold set + the shape-margin in absolute length.
shape-image-012 reference/shape-image-012-ref Wrapping content around right floating actual jpg image ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 262c6a8a6791c7fcdc1cbd8a45c4e6549470d29d `Zoltan Horvath`<zoltan@adobe.com> This test verifies that content wraps around all the image pixels when shape-outside is given a jpg.
shape-image-013 reference/shape-image-013-ref Wrapping content around shape given by a right floating png ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property ce3ab892f971e0edc5b8f6758ee7baaf889598fb `Zoltan Horvath`<zoltan@adobe.com> This test verifies that content wraps around the shape defined by the data uri png.
shape-image-014 reference/shape-image-002-ref Wrapping content around shape given by a right floating svg file ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 03c9a8644c81a14df9073ebb329c5a2e2b2f39c7 `Zoltan Horvath`<zoltan@adobe.com> This test verifies that content wraps around the shape defined by an svg file.
@ -23,8 +23,8 @@ shape-image-020 reference/shape-image-020-ref right float, url(svg), data uri +
shape-image-021 reference/shape-image-021-ref right float, url(png), real image + shape-image-threshold + shape-margin (%) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property a3a63cdba6a9bd2516eb5f152b80ce63b0a230be `Hans Muller`<hmuller@adobe.com> This test verifies that the boundary of a shape-outside defined by a PNG image file and shape-margin is correct.
shape-image-022 reference/shape-image-022-ref right float, url(gif), real image + shape-image-threshold + shape-margin (px) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property b5b8c6fc7aadb0a955c13877c548920467f85d33 `Hans Muller`<hmuller@adobe.com> This test verifies that the boundary of a shape-outside defined by a GIF image file and shape-margin is correct.
shape-image-023 reference/shape-image-023-ref right float, url(svg), data uri + shape-image-threshold + shape-margin (%) ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 37a23646f58fe305a1933640b5d291f9bba6cabb `Hans Muller`<hmuller@adobe.com> This test verifies the boundary of a shape-outside defined by an SVG URI, shape-image-threshold, and a shape-margin.
shape-image-024 reference/shape-image-024-ref shape-outside from img element with different size than the image file ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 45987d485f499fcbaeb2c526c74d9e327e456f92 `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around all the image pixels calculated from the size of the img element, which is different than the size of the image itself.
shape-image-025 reference/shape-image-025-ref shape-outside from first frame of animated gif ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 1abb15d9edf81682b031d98aaa31a0fbe3bf5dc3 `Rebecca Hauck`<rhauck@adobe.com> This test verifies that shape-outside is extracted from the first frame of an animated gif.
shape-image-024 reference/shape-image-024-ref shape-outside from img element with different size than the image file ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 61daea482c9b4a968043985c2fad3d5e4861755c `Rebecca Hauck`<rhauck@adobe.com> This test verifies that content wraps around all the image pixels calculated from the size of the img element, which is different than the size of the image itself.
shape-image-025 reference/shape-image-025-ref shape-outside from first frame of animated gif ahem http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 241032c3052ea4fb385a86cdd6e18aa042ae905a `Rebecca Hauck`<rhauck@adobe.com> This test verifies that shape-outside is extracted from the first frame of an animated gif.
shape-image-threshold-000 Shape Image Threshold - Valid values dom,script http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 3e7d356e7694130125e2a965fc77ad92f16844ff `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-image-threshold is any valid number and computed the clipped value between 0 and 1.
shape-image-threshold-001 Shape Image Threshold - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 9350a00470d8fce5f81d76246e6db4afbcb8714c `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-image-threshold may take calc values and computed the clipped value between 0 and 1.
shape-image-threshold-002 Shape Image Threshold - Invalid values dom,script http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 4d929c6fc4a602959e451b1948cb377464a635c5 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-image-threshold is set to 0 when an invalid value is specified.
@ -35,14 +35,14 @@ shape-margin-002 Shape Margin Valid Values - Decimal, Positive/Negative lengths
shape-margin-003 Shape Margin Valid Values - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#shape-margin-property d51420cd80c0f5002d389bdf42bff84a464089ee `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-margin values may be calc() values
shape-margin-004 Shape Margin Invalid Values dom,script http://www.w3.org/TR/css-shapes-1/#shape-margin-property fe6def124d0ceccbfc896b65f4e0e4d41f6e9dd2 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> shape-margin values may only be positive length units.
shape-margin-005 Shape Margin - inherit dom,script http://www.w3.org/TR/css-shapes-1/#shape-margin-property fd3ac9521cb7b7b1af068dd603d742bd6fdf580b `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> The shape-margin value is not inherited and can be assigned the 'inherit' value.
shape-outside-001 reference/shape-outside-001-ref Left and right float with shape-outside ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 2b108c4bcacb0866d4bf6ba9e184a3f6c354899b `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left.
shape-outside-002 reference/shape-outside-001-ref Left and right float with shape-outside with clipped left float ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property b9acb46032a1d342631d9b47382b9fd6311585c2 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float&acirc;&#8364;&#8482;s margin box
shape-outside-003 reference/shape-outside-001-ref Left and right float with shape-outside with clipped right float ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 412924e4a856a74bfce93708f65c37f1c7434303 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float&acirc;&#8364;&#8482;s margin box
shape-outside-004 reference/shape-outside-004-ref inset with no extent and inline content - inset(50% 50% 50% 50%) ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 8125a4d03b46484610831d037a111e5f8ca64d47 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that a shape with no extent allow inline content to flow through all of the float&acirc;&#8364;&#8482;s box.
shape-outside-005 reference/shape-outside-004-ref inset with no extent and inline content - inset(150% 150% 0% 0%) ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 40dd965fd6f1314e831e958cae1fc0109780aa98 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that a shape with no extent allow inline content to flow through all of the float&acirc;&#8364;&#8482;s box.
shape-outside-006 reference/shape-outside-006-ref shape-outside with open areas on both the left & right of the float area ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property ea36fddd6084a9e813bf5eade50fd54167e64d9e `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that content wraps only on one side of the float even though there is open area on both the left and right sides of the float.
shape-outside-007 reference/shape-outside-007-ref Shape smaller than float content area - 1 float ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 48cacb26abc5abb578d76fd7472d348f0abb91fd `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that inline content only wraps around the shape, and otherwise overlays the rest of the float margin box
shape-outside-008 reference/shape-outside-008-ref Shape smaller than float content area - 2 floats ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 0e37639a14dd725528ea911ad0d9f02b7967d5b8 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that inline content only wraps around the shapes, and otherwise overlays the rest of the float margin boxes when two floats are stacked next to each other.
shape-outside-001 reference/shape-outside-001-ref Left and right float with shape-outside ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 424f207ca11d3485738be87abcf48e9e34f5fa48 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left.
shape-outside-002 reference/shape-outside-001-ref Left and right float with shape-outside with clipped left float ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property ccad8e42499a493114d9b64aa406a76b7c20881b `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float's margin box
shape-outside-003 reference/shape-outside-001-ref Left and right float with shape-outside with clipped right float ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 1e34b20857680a440dd3a33a1ba9027633d2436a `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float's margin box
shape-outside-004 reference/shape-outside-004-ref inset with no extent and inline content - inset(50% 50% 50% 50%) ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 16d521298dacfc7ce71966e6a123487207fd297a `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that a shape with no extent allow inline content to flow through all of the float's box.
shape-outside-005 reference/shape-outside-004-ref inset with no extent and inline content - inset(150% 150% 0% 0%) ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property ca5e011b0784a92a90a78566f9c1ea936cf3a555 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that a shape with no extent allow inline content to flow through all of the float's box.
shape-outside-006 reference/shape-outside-006-ref shape-outside with open areas on both the left & right of the float area ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 27ecc051131e43c03919613530a596723ea40d28 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that content wraps only on one side of the float even though there is open area on both the left and right sides of the float.
shape-outside-007 reference/shape-outside-007-ref Shape smaller than float content area - 1 float ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 7ac82a4cc71a01ceed3528cda33191c18e932784 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that inline content only wraps around the shape, and otherwise overlays the rest of the float margin box
shape-outside-008 reference/shape-outside-008-ref Shape smaller than float content area - 2 floats ahem http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior,http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 66b7caee01d5f5f2ca05a41bcaff0ad23c18a044 `Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that inline content only wraps around the shapes, and otherwise overlays the rest of the float margin boxes when two floats are stacked next to each other.
shape-outside-010 Shape from image - url(), alpha channel, opacity 0 ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 9b40e944e7ed705afbff560224dbf73341ae939e `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Bem Jones-Bey`<mailto:bemjb@adobe.com> This test verifies that the content flows around the shape defined in the images alpha channel that is completely transparent.
shape-outside-011 Shape from image - url(), alpha channel, opacity > 0 ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property ca7a24aeffbbecb170a4b8ea20aa456676e57d9e `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Bem Jones-Bey`<mailto:bemjb@adobe.com> This test verifies that the content flows around the shape defined in the images alpha channel that has some opacity.
shape-outside-012 reference/shape-outside-012-ref Shape from image - shape-image-threshold - 0.9 ahem,dom,script http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-image-threshold-property 738b7dfa58c4cdf8adec086849b97dd7ec6792a0 `Rebecca Hauck`<mailto:rhauck@adobe.com>,`Bem Jones-Bey`<mailto:bemjb@adobe.com> This test verifies content flows around a shape that is defined in the image's alpha channel and adjusted by the image-threshold
@ -63,16 +63,16 @@ shape-outside-box-008 reference/shape-outside-box-005-ref right float, shape-out
shape-outside-circle-000 Shape Outside Circle Valid Formats dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 046c995f12adff9f4ad286b529a92e74e3e2eab5 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> A circular basic shape has an optional radius and position component
shape-outside-circle-001 Shape Outside Circle Valid Radii dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 9911c937abfbf29532cf2a0626fb73e99d392955 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> A circle's radius may be a length, percentage, or keyword.
shape-outside-circle-002 Shape Outside Circle Valid Positions dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#lengths 8a1c43c953fe3b82edd77025bbf55b77475c59f0 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's position argument may be any of the valid combinations: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ].
shape-outside-circle-003 Shape Outside Circle Invalid Position Argument Lists dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property b40ce8c7b65324df6f342fdd050574aeec5850fc `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Valid circle position argument list are in the form of: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ]. All position arguments not in this form are invalid.
shape-outside-circle-003 Shape Outside Circle Invalid Position Argument Lists dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property edfb507a21963da3e5fe627bb3ef39b1187e407d `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Valid circle position argument list are in the form of: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ]. All position arguments not in this form are invalid.
shape-outside-circle-004 Shape Outside Circle - Position Length Units dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#lengths 44092ed692b65149dd5593c1aecce3f4d3352600 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's position arguments may in any valid <length> unit allowed by a <position> value.
shape-outside-circle-005 Shape Outside Circle Valid Radii - length units dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 10b58f096216e42cfae8ff0b6ae3898496bc5566 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's radius may be in any valid length unit.
shape-outside-circle-006 Shape Outside Circle Radii - positive/negative, decimal/non-decimal dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property a27b507b17f2f86e1954be52df39283eaf962547 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's radius may be in signed positive or decimal/non-decimal format. Negative radii are invalid.
shape-outside-circle-007 Shape Outside Circle Radii - invalid args dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property cabee7f6751afb7fcfa846f738f1a5f439e5edf7 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that invalid shape-radius arguments on circle() don't parse.
shape-outside-circle-007 Shape Outside Circle Radii - invalid args dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property b5c12d53784004a2a97d13f00d03d2882467a3db `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that invalid shape-radius arguments on circle() don't parse.
shape-outside-circle-008 Shape Outside Circle Invalid Position Argument Values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 385b981af83d54b32030b46fac40b1606ecc1ee4 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that invalid position arguments on circle() don't parse
shape-outside-circle-009 Shape Outside Circle Position Arguments - positive/negative, decimal/non-decimal dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property c11a89648b797fdb15eb129bdf4537517a0286e8 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's position arguments may be in signed positive/negative or decimal/non-decimal format.
shape-outside-circle-010 Shape Outside Circle args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 607e2d5c6f3cff8a2d826c391d39d86c68759214 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's arguments may be in calc() values.
shape-outside-circle-011 Shape Outside Circle position args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 6ec13da059ac1bf92db6fa4455e8f40c20af958e `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's <position> arguments may be in calc() values.
shape-outside-circle-013 reference/shape-outside-circle-013-ref left float, circle + margin-box + position (px) ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#margin-box 04c34046058c99d538a9ecf9635f8f74c2ba936f `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle from the margin box and positioned in px units.
shape-outside-circle-011 Shape Outside Circle position args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 8cc2d5a116e562bc4600e5cf7997391247259921 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> A circle's <position> arguments may be in calc() values.
shape-outside-circle-013 reference/shape-outside-circle-013-ref left float, circle + margin-box + position (px) ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#margin-box 3567131f70862a0eac28ec3d1eee26c672b08b22 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle from the margin box and positioned in px units.
shape-outside-circle-014 reference/shape-outside-circle-013-ref left float, circle + content-box + radius and position in % units ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#content-box f2be2ba869b292cb4d77932987991f7b08056a3f `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle from the content box with the radius and position in percentage units.
shape-outside-circle-015 reference/shape-outside-circle-013-ref left float, circle + closest-side + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#closest-side,http://www.w3.org/TR/css-shapes-1/#padding-box 8fa5a3fe3b6f38fa3e1c5c82b13f694cd272780c `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle with the radius explicitly set as closest-side from the padding box.
shape-outside-circle-016 reference/shape-outside-circle-013-ref left float, circle + farthest-side + border-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#farthest-side,http://www.w3.org/TR/css-shapes-1/#border-box 8ea74a08a89228a5eb7dc62f9d48b38ea84f325e `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle with the radius defined as farthest-side from the border box.
@ -80,33 +80,33 @@ shape-outside-circle-017 reference/shape-outside-circle-013-ref left float, circ
shape-outside-circle-018 reference/shape-outside-circle-013-ref left float, circle + shape-margin in % units ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property f565ef5fea86b6feea33306f26b17996a72e4091 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle with a shape-margin in percentage units.
shape-outside-circle-019 reference/shape-outside-circle-013-ref left float, circle at top left + margin-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#margin-box 04d9a7e8451144205cc27ce00f3f7b6b44988de0 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle from the margin box and is positioned top left with a shape-margin.
shape-outside-circle-020 reference/shape-outside-circle-013-ref left float, circle at % + border-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#border-box,http://www.w3.org/TR/css-shapes-1/#shape-margin-property b0a500f74d59427133d10b78c90b5f829aea3e49 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle from the padding box with a position specified as a percentage and with a shape-margin.
shape-outside-circle-021 reference/shape-outside-circle-013-ref left float, circle + farthest-side + padding-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#farthest-side,http://www.w3.org/TR/css-shapes-1/#padding-box,http://www.w3.org/TR/css-shapes-1/#shape-margin-property f9ad5b1557d1e9c8aff8a62316ec09c1ef4c526a `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle with a farthest-side radius from the padding box with a shape-margin.
shape-outside-circle-021 reference/shape-outside-circle-013-ref left float, circle + farthest-side + padding-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#farthest-side,http://www.w3.org/TR/css-shapes-1/#padding-box,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 9867be2e26b7cb51240c4a8b08d14c641a0d7933 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle with a farthest-side radius from the padding box with a shape-margin.
shape-outside-circle-022 reference/shape-outside-circle-013-ref left float, circle at bottom right + content-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#content-box,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 01e47c5a861042c37e4238914b8672564f46ce24 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a circle from the padding box positioned at center right with a shape-margin.
shape-outside-circle-024 reference/shape-outside-circle-023-ref right float, circle radius in % units + shape-margin + border-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#border-box ce4f88b12ab090f5cc2758f1944221a9a0bca658 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle from the border box with radius in percentage units and with a shape-margin.
shape-outside-circle-025 reference/shape-outside-circle-023-ref right float, circle + shape-margin + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#padding-box 7c25ed8ee94053c7ce6b4086aee0a8eea775a81c `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle from the padding box with a shape-margin.
shape-outside-circle-026 reference/shape-outside-circle-023-ref right float, circle + shape-margin + content-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#content-box fef0cdae35b1d11ab2ba22d6dc0452dc690e3614 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle from the content box with a shape-margin.
shape-outside-circle-027 reference/shape-outside-circle-023-ref right float, circle with radius in % units + shape-margin + margin-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#content-box 88483c98f70900319e7994c37b8c5aa9d989ac57 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle positioned from the margin box with a shape-margin.
shape-outside-circle-028 reference/shape-outside-circle-023-ref right float, circle(closest-side) at position % + shape-margin + border-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#closest-side,http://www.w3.org/TR/css-shapes-1/#border-box d21dfcba20e9bf879f19e6e5839a56bbed072f35 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle positioned from the border box with a shape-margin.
shape-outside-circle-029 reference/shape-outside-circle-023-ref right float, circle at center right + shape-margin + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#padding-box cf2c02f1a67f3bea849f45bcfb7320fdf9c23df9 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle positioned center right from the padding box with a shape-margin.
shape-outside-circle-030 reference/shape-outside-circle-030-ref left float, circle radius in px units ahem,dom http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property f9bb62beb3edae71a7d6614e9f9cc27adfc6b6a8 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an circle with the radius in px units.
shape-outside-circle-031 reference/shape-outside-circle-030-ref left float, circle radius in % units ahem,dom http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property fd08bb5c22ef0cb28eba74e8d3b4fff3a74d6237 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an circle with the radius in percentage units.
shape-outside-circle-027 reference/shape-outside-circle-023-ref right float, circle with radius in % units + shape-margin + margin-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#content-box 5b3185a17c86964d64eb9fd4735230cd7ca1c55d `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle positioned from the margin box with a shape-margin.
shape-outside-circle-028 reference/shape-outside-circle-023-ref right float, circle(closest-side) at position % + shape-margin + border-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#closest-side,http://www.w3.org/TR/css-shapes-1/#border-box 476e7337d7a091c370bfb85e56cdbe61c207f78d `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle positioned from the border box with a shape-margin.
shape-outside-circle-029 reference/shape-outside-circle-023-ref right float, circle at center right + shape-margin + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#padding-box 6321444f01d953391ac3cfbe1894ec6fdd167d9c `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a circle positioned center right from the padding box with a shape-margin.
shape-outside-circle-030 reference/shape-outside-circle-030-ref left float, circle radius in px units ahem,dom http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 65a1ab1df3d4e47c3b34d18dffb9cc2aa9ddba69 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an circle with the radius in px units.
shape-outside-circle-031 reference/shape-outside-circle-030-ref left float, circle radius in % units ahem,dom http://www.w3.org/TR/css-shapes-1/#funcdef-circle,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 0d4c26c46bcba5ebb738e16182597b4195623681 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an circle with the radius in percentage units.
shape-outside-computed-shape-000 Shape Outside Basic Shape Computed Font Relative Lengths dom,script http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-cascade-3/#computed 8b280e5be14ea8818d4abe714a7671f8d16ab570 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> The basic shape can contain relative length formats, which resolve to the computed (absolute) length value
shape-outside-computed-shape-001 Shape Outside Basic Shape Computed Percentage Lengths dom,script http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-cascade-3/#computed fd05b500e016deb5b711aac285ac5aa72b09e147 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> The basic shape can contain percentages, which remain unchanged when computed
shape-outside-ellipse-000 Shape Outside Ellipse Valid Formats dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 6f376b7d2fca99b749eb65fd4217201337b9ccb1 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> An elliptical basic shape has two optional components, radii (2) and a position.
shape-outside-ellipse-001 Shape Outside Ellipse Valid Radii dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property a8536bd4f712866980865434b4a0bc9469293d26 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> An elliptical basic shape's radii may be keywords, lengths or percentages
shape-outside-ellipse-002 Shape Outside Ellipse Valid Positions dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#lengths e069870229afea5bc6dbf4b6768c847230aafc09 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's position argument may be any of the valid combinations: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ].
shape-outside-ellipse-003 Shape Outside Ellipse Invalid Position Argument Lists dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 90f4f0066baf470071251ae5f72178f40b7e9838 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Valid ellipse position argument list are in the form of: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ]. All position arguments not in this form are invalid.
shape-outside-ellipse-003 Shape Outside Ellipse Invalid Position Argument Lists dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property cdd7daf59e87e90ee3fb530dbbdced63c6ab00df `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> Valid ellipse position argument list are in the form of: [ percentage|length left|center|right ] or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ] or [ left|center|right ] or [ left|center|right top|center|bottom ] or [ top|center|bottom ]. All position arguments not in this form are invalid.
shape-outside-ellipse-004 Shape Outside Ellipse - Position Length Units dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#lengths cf7a179b06597950e51c08580c0bcc5d7476e1c1 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's position arguments may in any valid <length> unit allowed by a <position> value.
shape-outside-ellipse-005 Shape Outside Ellipse Valid Radii - length units dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property e1cd92a5665eb06d0de20ed415fc47a519b3f23f `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's radii may be in any valid length unit.
shape-outside-ellipse-006 Shape Outside Ellipse Radii - positive/negative, decimal/non-decimal dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 5ce34e92ce6f5289a83724bde63cc66eb218e91b `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's radii may be in signed positive or decimal/non-decimal format. Negative radii are invalid.
shape-outside-ellipse-007 Shape Outside Ellipse Radii - invalid args dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 2712221cd4f1aab3294aee690a988ee75efbdcf1 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that invalid shape-radius arguments on ellipse() don't parse.
shape-outside-ellipse-008 Shape Outside Ellipse Invalid Position Argument Values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 37eda6d5a8e5bccf793cb3308cd569b99af4b08a `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> This test verifies that invalid position arguments on ellipse() don't parse
shape-outside-ellipse-009 Shape Outside Ellipse Position Arguments - positive/negative, decimal/non-decimal dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 3dedcafd41d7657e2882a3a0f4cac27e3d14aad6 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's position arguments may be in signed positive/negative or decimal/non-decimal format.
shape-outside-ellipse-010 Shape Outside Ellipse args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 3fc7f06c7d68753e41e7ed78c9ebf3d695419a12 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's arguments may be in calc() values.
shape-outside-ellipse-011 Shape Outside Ellipse position args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 8efb4584d3c1c812aea1831ef4e272f719cd4e7d `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's <position> arguments may be in calc() values.
shape-outside-ellipse-010 Shape Outside Ellipse args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 8c49b198bd80451d133a58cd38c2b239a00559d6 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's arguments may be in calc() values.
shape-outside-ellipse-011 Shape Outside Ellipse position args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 48410d76452c7db1675fa2e3fd3eeebe072948ba `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An ellipse's <position> arguments may be in calc() values.
shape-outside-ellipse-013 reference/shape-outside-ellipse-013-ref left float, ellipse radii and position in px ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 9c923aebfb6689c32f7c147001db31f80e017f21 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a ellipse with radii and position in px units.
shape-outside-ellipse-014 reference/shape-outside-ellipse-013-ref left float, ellipse radii and position in % units + content-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#content-box 2c53cc243269425a74bb8d5a778e028dab2f7be7 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the content box with the position and radii in percentage units.
shape-outside-ellipse-015 reference/shape-outside-ellipse-013-ref left float, ellipse + closest-side + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#closest-side,http://www.w3.org/TR/css-shapes-1/#padding-box c6a474a21799209e24d9f8a40f74783d11d806bd `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an ellipse with the radii explicitly set as closest-side from the padding box.
shape-outside-ellipse-015 reference/shape-outside-ellipse-013-ref left float, ellipse + closest-side + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#closest-side,http://www.w3.org/TR/css-shapes-1/#padding-box ffc6d3749fe5bd73551aa34b1615565094c53b48 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an ellipse with the radii explicitly set as closest-side from the padding box.
shape-outside-ellipse-016 reference/shape-outside-ellipse-013-ref left float, ellipse radii in % units + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#padding-box 90163ee95978a965982e6da40c0d148b90609e98 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the padding box with the radii in percentage units.
shape-outside-ellipse-017 reference/shape-outside-ellipse-013-ref left float, ellipse(farthest-side) + shape-margin + content-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#farthest-side,http://www.w3.org/TR/css-shapes-1/#content-box 7da5efe1d74347f8d21a19ac61f4f52390533ae8 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a ellipse from the content box with only the rx defined as farthest-side and with a shape-margin.
shape-outside-ellipse-018 reference/shape-outside-ellipse-013-ref left float, ellipse + shape-margin in % units ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property eb0ab2609d310a39e74c84f42fa62ddd3ea918e6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as a ellipse with a shape-margin in percentage units.
@ -116,16 +116,16 @@ shape-outside-ellipse-021 reference/shape-outside-ellipse-021-ref right float, e
shape-outside-ellipse-022 reference/shape-outside-ellipse-021-ref right float, ellipse(closest-side px) + shape-margin + content-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#content-box a81ca1c520fa106b84780b9613cac7893cf41686 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a ellipse from the content box with a shape-margin.
shape-outside-ellipse-023 reference/shape-outside-ellipse-021-ref right float, ellipse + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property d872f8d96628684dc7da5cb48066dfe7d7ee6272 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as an ellipse with only the horizontal offset specifed in px and with a shape-margin.
shape-outside-ellipse-024 reference/shape-outside-ellipse-021-ref right float, ellipse at position (%) + shape-margin (%) + border-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#content-box 4e5014c6eade39a0790b0154b911453b06e1c4f5 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a ellipse positioned from the border box with only the horizontal offset specified in percentage units and with a shape-margin in percentage units.
shape-outside-ellipse-025 reference/shape-outside-ellipse-021-ref right float, ellipse radii in % at center right + shape-margin + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#padding-box 73bac8ac09ef51fe95ac6b362a0fd305f7a5c974 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a ellipse with the radii in percentage units positioned at center right from the margin box with a shape-margin.
shape-outside-ellipse-030 reference/shape-outside-ellipse-030-ref left float, ellipse radii in px ahem,dom http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 877f74c0e093fc532b187c59ddbd1047abc63625 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an ellipse with radii in px units.
shape-outside-ellipse-031 reference/shape-outside-ellipse-030-ref left float, ellipse radii in % units ahem,dom http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 47ae792cdf99af0672a61e97028c5199766e62f6 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an ellipse with radii in % units.
shape-outside-ellipse-025 reference/shape-outside-ellipse-021-ref right float, ellipse radii in % at center right + shape-margin + padding-box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#padding-box 1cb5f989b702e9b411e7eae7722ed7cf3ec43c8d `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as a ellipse with the radii in percentage units positioned at center right from the margin box with a shape-margin.
shape-outside-ellipse-030 reference/shape-outside-ellipse-030-ref left float, ellipse radii in px ahem,dom http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property a1a3af9b848564a03500c09d9183c74600bb0cde `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an ellipse with radii in px units.
shape-outside-ellipse-031 reference/shape-outside-ellipse-030-ref left float, ellipse radii in % units ahem,dom http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 07133b68131715e3c9a652ee0f8bd5d5a5d14a15 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a left float with a shape-outside defined as an ellipse with radii in % units.
shape-outside-inset-000 Shape Outside Inset Valid Formats dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 9d4bde630d065838941fff0393ec84e9cee58384 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> An inset has 1 to 4 insets, and optional border radii that follow the border-radius format
shape-outside-inset-001 Shape Outside Inset Valid Insets dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 609b011f299805503025f9997b5b4320896b494d `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> An inset has 1 to 4 insets as percentages or length in any unit
shape-outside-inset-002 Shape Outside Inset Valid Rounds dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property bf1d3600a416162203fab707d8b651a93a8d66a1 `Adobe`<http://html.adobe.com/>,`Bear Travis`<mailto:betravis@adobe.com> An inset's radial component has 1 to 4 length/percentages, optionally followed by a '/' and an additional 1 to 4 length/percentages and lengths can be in any unit.
shape-outside-inset-003 Shape Outside Inset Valid Round Length Units dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#lengths a28821639a481807aba32477b3ad98a7bec40b41 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An inset's radial component's values can be in any length unit
shape-outside-inset-004 Shape Outside Inset - positive/negative, decimal/non-decimal args dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property eac718f44877038d4b053508458ce575c4ddfe8c `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> These tests verify that shape-outside inset() arguments can be numbers that are signed in positive and negative and/or decimal/non-decimal form.
shape-outside-inset-004 Shape Outside Inset - positive/negative, decimal/non-decimal args dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property ec8a4206b27cf7f4c68a443054464a7dd903aaff `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> These tests verify that shape-outside inset() arguments can be numbers that are signed in positive and negative and/or decimal/non-decimal form.
shape-outside-inset-005 Shape Outside Inset - Invalid args dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 3f9988d339036b9b7ec0159d11534e97c4ce3ec2 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> These tests verifies that invalid inset() arguments don't parse.
shape-outside-inset-006 Shape Outside Inset Radial Args - positive/negative, decimal/non-decimal dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 3ad11c598658a27fac35662adefde3d96eeb355b `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> These tests verify that shape-outside inset() radial component can be numbers that are in signed positive and/or decimal/non-decimal form. Negative values are not allowed
shape-outside-inset-006 Shape Outside Inset Radial Args - positive/negative, decimal/non-decimal dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property c2d65152ab6dffb0785f9211892195a30fcf517b `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> These tests verify that shape-outside inset() radial component can be numbers that are in signed positive and/or decimal/non-decimal form. Negative values are not allowed
shape-outside-inset-007 Shape Outside Inset Radial Args - Invalid dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property e296e5f9e4f9a5f6cff79f8e348cd5cbfebd70ec `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> These tests verify invalid radial component arguments don't parse.
shape-outside-inset-008 Shape Outside Inset Args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 99dbe179f30b42dea217ec39b2776c4418f7101b `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An inset's arguments may be in calc() values.
shape-outside-inset-009 Shape Outside Inset round args - calc() values dom,script http://www.w3.org/TR/css-shapes-1/#funcdef-inset,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css3-values/#calc-notation 8106a6db182206593437508cfb2a5a1f8bff3c53 `Adobe`<http://html.adobe.com/>,`Rebecca Hauck`<mailto:rhauck@adobe.com> An inset's radial component arguments may be in calc() values.
@ -170,7 +170,7 @@ shape-outside-polygon-012 reference/shape-outside-polygon-010-ref right float, p
shape-outside-polygon-013 reference/shape-outside-polygon-010-ref right float, polygon + border-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#border-box cb5fcec1bee8bc9ec7545477b6fddb021a21de6a `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as an polygon from the border box with a shape margin.
shape-outside-polygon-014 reference/shape-outside-polygon-010-ref right float, polygon + padding-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#border-box 0425e8319342b2bbe35bc1827458cf3974239d53 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as an polygon from the padding box with a shape margin.
shape-outside-polygon-015 reference/shape-outside-polygon-010-ref right float, polygon + content-box + shape-margin ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#content-box 1b2015ca286e3663b146aae455c6c87b16e037a8 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that text wraps around a right float with a shape-outside defined as an polygon from the content box wtih a shape margin.
shape-outside-polygon-016 reference/shape-outside-polygon-010-ref polygon, evenodd ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 4efc9463fe47e19f790cd64b40112d76e168c943 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that evenodd behaves the same as nonzero for shape-outside and that text will wraps around the outer edge of a polygon.
shape-outside-polygon-016 reference/shape-outside-polygon-010-ref polygon, evenodd ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 5445a6cb52b35f6a064967f79254cb7a179584a9 `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that evenodd behaves the same as nonzero for shape-outside and that text will wraps around the outer edge of a polygon.
shape-outside-polygon-017 reference/shape-outside-polygon-017-ref right float, polygon + shape-margin beyond margin box ahem http://www.w3.org/TR/css-shapes-1/#funcdef-polygon,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property,http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior 1f5df9c3816c138d8763df49ee01301aaf91421d `Rebecca Hauck`<mailto:rhauck@adobe.com> The test verifies that when a shape-margin is defined that extends beyond the margin box, the shape is clipped to the box.
shape-outside-radial-gradient-001 reference/shape-outside-radial-gradient-001-ref Left float with radial gradient ahem,dom http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property 8b4e4d78eafc58af97fc407f25d8c1c5b1ce40b8 `Bear Travis`<betravis@adobe.com> This test verifies that shape-outside respects a simple radial gradient.
shape-outside-radial-gradient-002 Left float with radial gradient and percentage shape margin ahem,dom http://www.w3.org/TR/css-shapes-1/#shapes-from-image,http://www.w3.org/TR/css-shapes-1/#shape-outside-property,http://www.w3.org/TR/css-shapes-1/#shape-margin-property 096cd5cd311a99e710f3ed427d3219c6297c1bdd `Bear Travis`<betravis@adobe.com> This test verifies that shape-outside respects a simple radial gradient when a percentage margin is applied.

8
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/chapter-2.xht
View file

@ -50,7 +50,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped left float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -61,7 +61,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped right float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -72,7 +72,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(50% 50% 50% 50%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>
@ -83,7 +83,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(150% 150% 0% 0%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>

8
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/chapter-3.xht
View file

@ -84,7 +84,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped left float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -95,7 +95,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped right float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -106,7 +106,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(50% 50% 50% 50%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>
@ -117,7 +117,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(150% 150% 0% 0%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>

8
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/chapter-6.xht
View file

@ -342,7 +342,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped left float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -353,7 +353,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped right float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -364,7 +364,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(50% 50% 50% 50%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>
@ -375,7 +375,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(150% 150% 0% 0%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>

5
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/reference/shape-image-006-ref.xht
View file

@ -11,12 +11,12 @@
top: 70px;
}
.left-rect {
left: 10px;
left: 10px;
}
.right-rect {
width: 50px;
height: 100px;
left: 70px;
left: 70px;
background: rgb(0,100,0);
}
.blue {
@ -40,4 +40,5 @@
<div class="blue left-line"></div>
<div class="blue right-line"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/reference/shape-image-007-ref.xht
View file

@ -13,7 +13,7 @@
}
.left-rect { left: 10px; }
.right-rect { left: 70px; }
.blue {
width: 2px;
height: 100px;
@ -38,4 +38,5 @@
<div class="blue left-line"></div>
<div class="blue right-line"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/reference/shape-image-024-ref.xht
View file

@ -13,7 +13,7 @@
}
.left-rect { left: 10px; }
.right-rect { left: 120px; }
.blue {
width: 2px;
height: 200px;
@ -38,4 +38,5 @@
<div class="blue left-line"></div>
<div class="blue right-line"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/reference/shape-outside-001-ref.xht
View file

@ -58,7 +58,7 @@
<p>
The test passes if the green shape does not intersect either of the triangles and
there is one green horizontal bar beneath the triangles. There should be no red.
</p>
</p>
<div id="container">
<div id="level-1">
XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXX
@ -80,4 +80,5 @@
<div id="left-triangle"></div>
<div id="right-triangle"></div>
</body></html>

11
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/reference/shape-outside-004-ref.xht
View file

@ -20,7 +20,7 @@
border: 1px solid black;
z-index: 10;
}
</style>
</head>
<body>
@ -28,16 +28,17 @@
The test passes if there are two columns of six green horizontal bars of the same
size inside the square and two columns of six matching green bars outside and to the
right of the square. There should be no red.
</p>
</p>
<div id="container">
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
</div>
<div id="square"></div>
</body></html>

5
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/reference/shape-outside-008-ref.xht
View file

@ -11,7 +11,7 @@
border: 1px solid black;
}
#failure-container {
}
#margin-line {
position: absolute;
@ -73,7 +73,7 @@
The test passes if one green bar is inside the top rectangle, four green bars
are in the bottom rectangle, and none intersect the triangles. There should be no
red.
</p>
</p>
<div id="container">
<div class="fail" id="bar-1"></div>
<div class="fail" id="bar-2"></div>
@ -85,4 +85,5 @@
<div class="triangle" id="triangle-1"></div>
<div class="triangle" id="triangle-2"></div>
</body></html>

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/reference/shape-outside-circle-030-ref.xht
View file

@ -50,7 +50,7 @@
X<br />
X
</div>
<script src="../../support/rounded-rectangle.js"></script>
<script src="../../support/subpixel-utils.js"></script>
<script>

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/reference/shape-outside-ellipse-030-ref.xht
View file

@ -46,7 +46,7 @@
X<br />
X
</div>
<script src="../../support/rounded-rectangle.js"></script>
<script src="../../support/subpixel-utils.js"></script>
<script>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-image-006.xht
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property" rel="help" />
<link href="reference/shape-image-006-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that content wraps around all the image pixels
<meta content="This test verifies that content wraps around all the image pixels
+ the shape-margin when shape-outside is given a png file." name="assert" />
<style type="text/css">
body {
@ -60,4 +60,5 @@
<div class="blue right-line"></div>
<div class="failure"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-image-007.xht
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property" rel="help" />
<link href="reference/shape-image-007-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that content wraps around all the image pixels
<meta content="This test verifies that content wraps around all the image pixels
+ the shape-margin when shape-outside is given an svg file." name="assert" />
<style type="text/css">
body {
@ -60,4 +60,5 @@
<div class="blue right-line"></div>
<div class="failure"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-image-008.xht
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property" rel="help" />
<link href="reference/shape-image-008-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that content wraps around all the image pixels
<meta content="This test verifies that content wraps around all the image pixels
+ the shape-margin as a percentage when shape-outside is given an jpg data uri." name="assert" />
<style type="text/css">
body {
@ -65,4 +65,5 @@
<div class="blue line-right"></div>
<div class="failure"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-image-010.xht
View file

@ -9,7 +9,7 @@
<link href="reference/shape-image-006-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that content wraps around the image pixels extracted from
a shape-outside png file with shape-image-threshold set + the shape-margin as
a shape-outside png file with shape-image-threshold set + the shape-margin as
a percentage." name="assert" />
<style type="text/css">
body { margin: 0; }
@ -74,4 +74,5 @@
<div class="blue right-line"></div>
<div class="failure"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-image-024.xht
View file

@ -6,7 +6,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help" />
<link href="reference/shape-image-024-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that content wraps around all the image pixels
<meta content="This test verifies that content wraps around all the image pixels
calculated from the size of the img element, which is different
than the size of the image itself." name="assert" />
<style type="text/css">
@ -62,4 +62,5 @@
<div class="blue right-line"></div>
<div class="failure"></div>
</body></html>

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-image-025.xht
View file

@ -31,7 +31,7 @@
width: 50px;
height: 50px;
}
.green {
.green {
left: 10px;
background-color: rgb(0,100,0);
}

5
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-001.xht
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help" />
<link href="reference/shape-outside-001-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that left floats with a shape-outside
<meta content="This test verifies that left floats with a shape-outside
only allow content wrapping on the right side, and right floats only allow wrapping on
the left." name="assert" />
<!-- This test is derived from Example 1 in this version of the spec:
@ -73,7 +73,7 @@
<p>
The test passes if the green shape does not intersect either of the triangles and
there is one green horizontal bar beneath the triangles. There should be no red.
</p>
</p>
<div class="container" id="test">
<div id="test-float-left"></div>
<div id="test-float-right"></div>
@ -96,4 +96,5 @@
<div id="left-triangle"></div>
<div id="right-triangle"></div>
</body></html>

7
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-002.xht
View file

@ -7,9 +7,9 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help" />
<link href="reference/shape-outside-001-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that left floats with a shape-outside
<meta content="This test verifies that left floats with a shape-outside
only allow content wrapping on the right side, and right floats only allow wrapping on
the left and that the left float shape is clipped to the float’s margin box" name="assert" />
the left and that the left float shape is clipped to the float's margin box" name="assert" />
<!-- This test is derived from Example 2 in this version of the spec:
http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
<style type="text/css">
@ -73,7 +73,7 @@
<p>
The test passes if the green shape does not intersect either of the triangles and
there is one green horizontal bar beneath the triangles. There should be no red.
</p>
</p>
<div class="container" id="test">
<div id="test-float-left"></div>
<div id="test-float-right"></div>
@ -96,4 +96,5 @@
<div id="left-triangle"></div>
<div id="right-triangle"></div>
</body></html>

7
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-003.xht
View file

@ -7,9 +7,9 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help" />
<link href="reference/shape-outside-001-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that left floats with a shape-outside
<meta content="This test verifies that left floats with a shape-outside
only allow content wrapping on the right side, and right floats only allow wrapping on
the left and that the right float shape is clipped to the float’s margin box" name="assert" />
the left and that the right float shape is clipped to the float's margin box" name="assert" />
<!-- This test is derived from Example 2 in this version of the spec:
http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
<style type="text/css">
@ -73,7 +73,7 @@
<p>
The test passes if the green shape does not intersect either of the triangles and
there is one green horizontal bar beneath the triangles. There should be no red.
</p>
</p>
<div class="container" id="test">
<div id="test-float-left"></div>
<div id="test-float-right"></div>
@ -96,4 +96,5 @@
<div id="left-triangle"></div>
<div id="right-triangle"></div>
</body></html>

13
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-004.xht
View file

@ -8,7 +8,7 @@
<link href="reference/shape-outside-004-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that a shape with no extent allow inline
content to flow through all of the float’s box." name="assert" />
content to flow through all of the float's box." name="assert" />
<!-- This test is derived from Example 3 in this version of the spec:
http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
<style type="text/css">
@ -25,7 +25,7 @@
shape-outside: inset(50% 50% 50% 50%);
float: left;
width: 200px;
height: 200px;
height: 200px;
}
#failure {
color: red;
@ -50,26 +50,27 @@
The test passes if there are two columns of six green horizontal bars of the same
size inside the square and two columns of six matching green bars outside and to the
right of the square. There should be no red.
</p>
</p>
<div class="container" id="test">
<div id="test-float-left"></div>
XXXX XXXX
XXXX XXXX
XXXX XXXX
XXXX XXXX
XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
</div>
<div class="container" id="failure">
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
</div>
<div id="square"></div>
</body></html>

13
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-005.xht
View file

@ -8,7 +8,7 @@
<link href="reference/shape-outside-004-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that a shape with no extent allow inline
content to flow through all of the float’s box." name="assert" />
content to flow through all of the float's box." name="assert" />
<!-- This test is derived from Example 3 in this version of the spec:
http://www.w3.org/TR/2013/WD-css-shapes-1-20131203/ -->
<style type="text/css">
@ -25,7 +25,7 @@
shape-outside: inset(150% 150% 0% 0%);
float: left;
width: 200px;
height: 200px;
height: 200px;
}
#failure {
color: red;
@ -50,26 +50,27 @@
The test passes if there are two columns of six green horizontal bars of the same
size inside the square and two columns of six matching green bars outside and to the
right of the square. There should be no red.
</p>
</p>
<div class="container" id="test">
<div id="test-float-left"></div>
XXXX XXXX
XXXX XXXX
XXXX XXXX
XXXX XXXX
XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
</div>
<div class="container" id="failure">
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
</div>
<div id="square"></div>
</body></html>

7
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-006.xht
View file

@ -1,6 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>CSS Test: shape-outside with open areas on both the left &amp; right of
<title>CSS Test: shape-outside with open areas on both the left &amp; right of
the float area</title>
<link href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck" />
<link href="http://www.w3.org/TR/css-shapes-1/#relation-to-box-model-and-float-behavior" rel="help" />
@ -8,7 +8,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help" />
<link href="reference/shape-outside-006-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that content wraps only on one side of
<meta content="This test verifies that content wraps only on one side of
the float even though there is open area on both the left
and right sides of the float." name="assert" />
<!-- This test is derived from Example 4 in this version of the spec:
@ -66,7 +66,7 @@
background-color: lightblue;
clip-path: polygon(50px 0px, 100px 100px, 0px 100px);
}
</style>
</head>
<body>
@ -86,4 +86,5 @@
</div>
<div id="triangle"></div>
</body></html>

5
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-007.xht
View file

@ -75,7 +75,7 @@
background-color: lightblue;
margin-left: 2px;
clip-path: polygon(0% 50%, 50% 100%, 0 100%);;
}
</style>
</head>
@ -83,7 +83,7 @@
<p>
The test passes if one green bar is inside the top rectangle, three green bars
are in the bottom rectangle, and none intersect the triangle. There should be no red.
</p>
</p>
<div class="container" id="test">
<div id="test-float-left"></div>
XXXXXXXXXXXX XXXXXXXXXXXX XXXXXXXXXXX XXXXXXXXXX
@ -97,4 +97,5 @@
</div>
<div id="triangle"></div>
</body></html>

7
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-008.xht
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help" />
<link href="reference/shape-outside-008-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that inline content only wraps around the
<meta content="This test verifies that inline content only wraps around the
shapes, and otherwise overlays the rest of the float margin
boxes when two floats are stacked next to each other." name="assert" />
<!-- This test is derived from Example 5 in this version of the spec:
@ -95,7 +95,7 @@
The test passes if one green bar is inside the top rectangle, four green bars
are in the bottom rectangle, and none intersect the triangles. There should be no
red.
</p>
</p>
<div class="container" id="test">
<div class="test-float-left"></div>
XXXXXXXXXXXXXXXXX
@ -116,4 +116,5 @@
<div class="triangle" id="triangle-1"></div>
<div class="triangle" id="triangle-2"></div>
</body></html>
</body></html>

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-circle-003.xht
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle" rel="help" />
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help" />
<meta content="Valid circle position argument list are in the form of:
[ percentage|length left|center|right ]
[ percentage|length left|center|right ]
or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ]
or [ left|center|right ]
or [ left|center|right top|center|bottom ]

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-circle-007.xht
View file

@ -33,7 +33,7 @@
{"name": "circle(closest-side farthest-side)"},
{"name": "circle(farthest-side closest-side)"}
];
generate_tests(ParsingUtils.testInlineStyle,
generate_tests(ParsingUtils.testInlineStyle,
ParsingUtils.buildTestCases(invalid_circle_radiii_tests) );
</script>

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-circle-011.xht
View file

@ -18,7 +18,7 @@
<script type="text/javascript">
var circle_position_calc_tests = [];
ParsingUtils.calcTestValues.forEach(function(value) {
testCase = ['circle(at '+ value[0] +')',
testCase = ['circle(at '+ value[0] +')',
'circle(at '+ value[1] +' 50%)'];
if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {
testCase.push([ 'circle(at '+ value[2][0] +' 50%)',

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-circle-013.xht
View file

@ -9,7 +9,7 @@
<meta content="ahem" name="flags" />
<meta content="The test verifies that text wraps around a
left float with a shape-outside defined as
a circle from the margin box and positioned
a circle from the margin box and positioned
in px units." name="assert" />
<style>
body {

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-circle-021.xht
View file

@ -11,7 +11,7 @@
<meta content="ahem" name="flags" />
<meta content="The test verifies that text wraps around a
left float with a shape-outside defined as
a circle with a farthest-side radius from the
a circle with a farthest-side radius from the
padding box with a shape-margin." name="assert" />
<style>
body {

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-circle-027.xht
View file

@ -10,7 +10,7 @@
<meta content="ahem" name="flags" />
<meta content="The test verifies that text wraps around a
right float with a shape-outside defined as
a circle positioned from the margin box with a
a circle positioned from the margin box with a
shape-margin." name="assert" />
<style>
body {

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-circle-028.xht
View file

@ -11,7 +11,7 @@
<meta content="ahem" name="flags" />
<meta content="The test verifies that text wraps around a
right float with a shape-outside defined as
a circle positioned from the border box with a
a circle positioned from the border box with a
shape-margin." name="assert" />
<style>
body {

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-circle-029.xht
View file

@ -10,7 +10,7 @@
<meta content="ahem" name="flags" />
<meta content="The test verifies that text wraps around a
right float with a shape-outside defined as
a circle positioned center right from the padding
a circle positioned center right from the padding
box with a shape-margin." name="assert" />
<style>
body {

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-ellipse-003.xht
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse" rel="help" />
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help" />
<meta content="Valid ellipse position argument list are in the form of:
[ percentage|length left|center|right ]
[ percentage|length left|center|right ]
or [ percentage|length left|center|right ] [ percentage|length top|center|bottom ]
or [ left|center|right ]
or [ left|center|right top|center|bottom ]

6
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-ellipse-010.xht
View file

@ -19,7 +19,7 @@
var ellipse_calc_tests = [];
var defaultPosition = ' at 50% 50%';
ParsingUtils.calcTestValues.forEach(function(value) {
testCase = ['ellipse('+ value[0] +')',
testCase = ['ellipse('+ value[0] +')',
'ellipse('+ value[1] + defaultPosition +')'];
if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {
testCase.push([
@ -32,7 +32,7 @@
ellipse_calc_tests.push(testCase);
});
ParsingUtils.calcTestValues.forEach(function(value) {
testCase = ['ellipse(farthest-side '+ value[0] +')',
testCase = ['ellipse(farthest-side '+ value[0] +')',
'ellipse(farthest-side '+ value[1] + defaultPosition +')'];
if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {
testCase.push([
@ -45,7 +45,7 @@
ellipse_calc_tests.push(testCase);
});
ParsingUtils.calcTestValues.forEach(function(value) {
testCase = ['ellipse('+ value[0] +' '+ value[0] +')',
testCase = ['ellipse('+ value[0] +' '+ value[0] +')',
'ellipse('+ value[1] +' '+ value[1] + defaultPosition +')'];
if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {
testCase.push([

4
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-ellipse-011.xht
View file

@ -18,7 +18,7 @@
<script type="text/javascript">
var ellipse_position_calc_tests = [];
ParsingUtils.calcTestValues.forEach(function(value) {
testCase = ['ellipse(at '+ value[0] +' 50%)',
testCase = ['ellipse(at '+ value[0] +' 50%)',
'ellipse(at '+ value[1] +' 50%)'];
if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {
testCase.push([
@ -44,7 +44,7 @@
ellipse_position_calc_tests.push(testCase);
});
ParsingUtils.calcTestValues.forEach(function(value) {
testCase = ['ellipse(closest-side farthest-side at '+ value[0] +' '+ value[0] +')',
testCase = ['ellipse(closest-side farthest-side at '+ value[0] +' '+ value[0] +')',
'ellipse(closest-side farthest-side at '+ value[1] +' '+ value[1] +')'];
if(Object.prototype.toString.call( value[2] ) === '[object Array]' &amp;&amp; value[2].length == 2) {
testCase.push([

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-ellipse-015.xht
View file

@ -10,7 +10,7 @@
<meta content="ahem" name="flags" />
<meta content="The test verifies that text wraps around a
left float with a shape-outside defined as an
ellipse with the radii explicitly set as closest-side
ellipse with the radii explicitly set as closest-side
from the padding box." name="assert" />
<style>
body {

4
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-ellipse-025.xht
View file

@ -10,8 +10,8 @@
<meta content="ahem" name="flags" />
<meta content="The test verifies that text wraps around a
right float with a shape-outside defined as
a ellipse with the radii in percentage units
positioned at center right from the margin box
a ellipse with the radii in percentage units
positioned at center right from the margin box
with a shape-margin." name="assert" />
<style>
body {

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-inset-004.xht
View file

@ -6,7 +6,7 @@
<link href="mailto:stearns@adobe.com" rel="reviewer" title="Alan Stearns" /> <!-- 2014-03-04 -->
<link href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset" rel="help" />
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help" />
<meta content="These tests verify that shape-outside inset() arguments can be numbers that are signed in
<meta content="These tests verify that shape-outside inset() arguments can be numbers that are signed in
positive and negative and/or decimal/non-decimal form." name="assert" />
<meta content="dom" name="flags" />
<script src="/resources/testharness.js"></script>

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-inset-006.xht
View file

@ -6,7 +6,7 @@
<link href="mailto:stearns@adobe.com" rel="reviewer" title="Alan Stearns" /> <!-- 2014-03-04 -->
<link href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset" rel="help" />
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help" />
<meta content="These tests verify that shape-outside inset() radial component can be numbers that are in
<meta content="These tests verify that shape-outside inset() radial component can be numbers that are in
signed positive and/or decimal/non-decimal form. Negative values are not allowed" name="assert" />
<meta content="dom" name="flags" />
<script src="/resources/testharness.js"></script>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1/shape-outside-polygon-016.xht
View file

@ -7,7 +7,7 @@
<link href="reference/shape-outside-polygon-010-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="The test verifies that evenodd behaves the
same as nonzero for shape-outside and that text
same as nonzero for shape-outside and that text
will wraps around the outer edge of a polygon." name="assert" />
<style>
body {
@ -56,4 +56,5 @@
<div class="ref-shape" id="ref-2"></div>
</body></html>

8
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/chapter-2.xht
View file

@ -50,7 +50,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped left float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -61,7 +61,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped right float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -72,7 +72,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(50% 50% 50% 50%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>
@ -83,7 +83,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(150% 150% 0% 0%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>

8
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/chapter-3.xht
View file

@ -84,7 +84,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped left float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -95,7 +95,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped right float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -106,7 +106,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(50% 50% 50% 50%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>
@ -117,7 +117,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(150% 150% 0% 0%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>

8
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/chapter-6.xht
View file

@ -342,7 +342,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped left float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the left float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -353,7 +353,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>Left and right float with shape-outside with clipped right float
<ul class="assert">
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float&amp;acirc;&amp;#8364;&amp;#8482;s margin box</li>
<li>This test verifies that left floats with a shape-outside only allow content wrapping on the right side, and right floats only allow wrapping on the left and that the right float shape is clipped to the float's margin box</li>
</ul>
</td>
</tr>
@ -364,7 +364,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(50% 50% 50% 50%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>
@ -375,7 +375,7 @@
<td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
<td>inset with no extent and inline content - inset(150% 150% 0% 0%)
<ul class="assert">
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float&amp;acirc;&amp;#8364;&amp;#8482;s box.</li>
<li>This test verifies that a shape with no extent allow inline content to flow through all of the float's box.</li>
</ul>
</td>
</tr>

5
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/reference/shape-image-006-ref.xht
View file

@ -11,12 +11,12 @@
top: 70px;
}
.left-rect {
left: 10px;
left: 10px;
}
.right-rect {
width: 50px;
height: 100px;
left: 70px;
left: 70px;
background: rgb(0,100,0);
}
.blue {
@ -40,4 +40,5 @@
<div class="blue left-line"></div>
<div class="blue right-line"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/reference/shape-image-007-ref.xht
View file

@ -13,7 +13,7 @@
}
.left-rect { left: 10px; }
.right-rect { left: 70px; }
.blue {
width: 2px;
height: 100px;
@ -38,4 +38,5 @@
<div class="blue left-line"></div>
<div class="blue right-line"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/reference/shape-image-024-ref.xht
View file

@ -13,7 +13,7 @@
}
.left-rect { left: 10px; }
.right-rect { left: 120px; }
.blue {
width: 2px;
height: 200px;
@ -38,4 +38,5 @@
<div class="blue left-line"></div>
<div class="blue right-line"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/reference/shape-outside-001-ref.xht
View file

@ -58,7 +58,7 @@
<p>
The test passes if the green shape does not intersect either of the triangles and
there is one green horizontal bar beneath the triangles. There should be no red.
</p>
</p>
<div id="container">
<div id="level-1">
XXXXXXXXXXXXXXXXX XXXXXXXXXXXXXXX XXXXXXXXXXXXX XXXXXXXXXXX
@ -80,4 +80,5 @@
<div id="left-triangle"></div>
<div id="right-triangle"></div>
</body></html>

11
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/reference/shape-outside-004-ref.xht
View file

@ -20,7 +20,7 @@
border: 1px solid black;
z-index: 10;
}
</style>
</head>
<body>
@ -28,16 +28,17 @@
The test passes if there are two columns of six green horizontal bars of the same
size inside the square and two columns of six matching green bars outside and to the
right of the square. There should be no red.
</p>
</p>
<div id="container">
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
XXXX XXXX XXXX XXXX
</div>
<div id="square"></div>
</body></html>

5
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/reference/shape-outside-008-ref.xht
View file

@ -11,7 +11,7 @@
border: 1px solid black;
}
#failure-container {
}
#margin-line {
position: absolute;
@ -73,7 +73,7 @@
The test passes if one green bar is inside the top rectangle, four green bars
are in the bottom rectangle, and none intersect the triangles. There should be no
red.
</p>
</p>
<div id="container">
<div class="fail" id="bar-1"></div>
<div class="fail" id="bar-2"></div>
@ -85,4 +85,5 @@
<div class="triangle" id="triangle-1"></div>
<div class="triangle" id="triangle-2"></div>
</body></html>

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/reference/shape-outside-circle-030-ref.xht
View file

@ -50,7 +50,7 @@
X<br />
X
</div>
<script src="../../support/rounded-rectangle.js"></script>
<script src="../../support/subpixel-utils.js"></script>
<script>

2
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/reference/shape-outside-ellipse-030-ref.xht
View file

@ -46,7 +46,7 @@
X<br />
X
</div>
<script src="../../support/rounded-rectangle.js"></script>
<script src="../../support/subpixel-utils.js"></script>
<script>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/shape-image-006.xht
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property" rel="help" />
<link href="reference/shape-image-006-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that content wraps around all the image pixels
<meta content="This test verifies that content wraps around all the image pixels
+ the shape-margin when shape-outside is given a png file." name="assert" />
<style type="text/css">
body {
@ -60,4 +60,5 @@
<div class="blue right-line"></div>
<div class="failure"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/shape-image-007.xht
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property" rel="help" />
<link href="reference/shape-image-007-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that content wraps around all the image pixels
<meta content="This test verifies that content wraps around all the image pixels
+ the shape-margin when shape-outside is given an svg file." name="assert" />
<style type="text/css">
body {
@ -60,4 +60,5 @@
<div class="blue right-line"></div>
<div class="failure"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/shape-image-008.xht
View file

@ -7,7 +7,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-margin-property" rel="help" />
<link href="reference/shape-image-008-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that content wraps around all the image pixels
<meta content="This test verifies that content wraps around all the image pixels
+ the shape-margin as a percentage when shape-outside is given an jpg data uri." name="assert" />
<style type="text/css">
body {
@ -65,4 +65,5 @@
<div class="blue line-right"></div>
<div class="failure"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/shape-image-010.xht
View file

@ -9,7 +9,7 @@
<link href="reference/shape-image-006-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that content wraps around the image pixels extracted from
a shape-outside png file with shape-image-threshold set + the shape-margin as
a shape-outside png file with shape-image-threshold set + the shape-margin as
a percentage." name="assert" />
<style type="text/css">
body { margin: 0; }
@ -74,4 +74,5 @@
<div class="blue right-line"></div>
<div class="failure"></div>
</body></html>

3
tests/wpt/css-tests/css-shapes-1_dev/xhtml1print/shape-image-024.xht
View file

@ -6,7 +6,7 @@
<link href="http://www.w3.org/TR/css-shapes-1/#shape-outside-property" rel="help" />
<link href="reference/shape-image-024-ref.xht" rel="match" />
<meta content="ahem" name="flags" />
<meta content="This test verifies that content wraps around all the image pixels
<meta content="This test verifies that content wraps around all the image pixels
calculated from the size of the img element, which is different
than the size of the image itself." name="assert" />
<style type="text/css">
@ -62,4 +62,5 @@
<div class="blue right-line"></div>
<div class="failure"></div>
</body></html>

Some files were not shown because too many files have changed in this diff Show more