Index: LayoutTests/fast/shapes/shape-inside/shape-inside-empty-expected.html |
diff --git a/LayoutTests/fast/shapes/shape-inside/shape-inside-empty-expected.html b/LayoutTests/fast/shapes/shape-inside/shape-inside-empty-expected.html |
index 22306cc00e2d42b4dfd9367224f5e15b34268742..c9561beefe5ef7406ca44af6b36de121825fed59 100644 |
--- a/LayoutTests/fast/shapes/shape-inside/shape-inside-empty-expected.html |
+++ b/LayoutTests/fast/shapes/shape-inside/shape-inside-empty-expected.html |
@@ -1,43 +1,47 @@ |
<!DOCTYPE html> |
<html> |
<head> |
-<script> |
- if (window.internals) |
- window.internals.settings.setCSSExclusionsEnabled(true); |
-</script> |
<style> |
- .shape-inside { |
+ #rectangles div { |
width: 800px; |
- height: 2em; |
+ height: 40px; |
+ line-height: 20px; |
+ margin-top: 50px; |
border: solid green; |
box-sizing: border-box; |
} |
- .padded { |
- padding-top: 1em; |
- } |
+ #rectangles p { margin-top: 34px; } |
</style> |
</head> |
<body> |
- <p class="shape-inside padded"> |
- This text should be shifted down 1em by the rectangle(0px, 0px, 0px, 1em) shape-inside CSS property. |
- </p> |
- <p class="shape-inside"> |
- This text should be unconstrained by the rectangle(0px, 0px, 1em, 0px) shape-inside CSS property. |
- </p> |
- <p class="shape-inside"> |
- This text should be unconstrained by the circle(0px, 0px, 0px) shape-inside CSS property. |
- </p> |
- <p class="shape-inside padded"> |
- This text should be shifted down 1em by the ellipseX0(0px, 0px, 0px, 1em) shape-inside CSS property. |
- </p> |
- <p class="shape-inside"> |
- This text should be unconstrained by the ellipse(0px, 0px, 1em, 0px) shape-inside CSS property. |
- </p> |
- <p class="shape-inside"> |
- This text should be unconstrained by the polygon(0px 0px) shape-inside CSS property. |
- </p> |
- <p class="shape-inside"> |
- This text should be unconstrained by the polygon(0px 0px, 1em 0px) shape-inside CSS property. |
- </p> |
+<div id="rectangles"> |
+ <div style="margin-top: 0px;"> |
+ <p>This text should be pushed down below the green rectangle. (There is a rectangle(0px, 0px, 0px, 1em) shape-inside CSS property on the green rectangle.)</p> |
+ </div> |
+ <div> |
+ <p>This text should be pushed down below the green rectangle. (There is a rectangle(0px, 0px, 1em, 0px) shape-inside CSS property on the green rectangle.)</p> |
+ </div> |
+ <div> |
+ <p>This text should be pushed down below the green rectangle. (There is a circle(0px, 0px, 0px) shape-inside CSS property on the green rectangle.)</p> |
+ </div> |
+ <div> |
+ <p>This text should be pushed down below the green rectangle. (There is an ellipseX0(0px, 0px, 0px, 1em) shape-inside CSS property on the green rectangle.)</p> |
+ </div> |
+ <div> |
+ <p>This text should be pushed down below the green rectangle. (There is an ellipse(0px, 0px, 1em, 0px) shape-inside CSS property on the green rectangle.)</p> |
+ </div> |
+ <div> |
+ <p>This text should be pushed down below the green rectangle. (There is a polygon(0px 0px) shape-inside CSS property on the green rectangle.)</p> |
+ </div> |
+ <div> |
+ <p>This text should be pushed down below the green rectangle. (There is a polygon(0px 0px, 1em 0px) shape-inside CSS property on the green rectangle.)</p> |
+ </div> |
+</div> |
+ |
+<p style="margin-top: 50px;"> |
+ A dimension of every shape-inside on this page is defined to 0. Based on the CSS Exclusions specification: The 'shape-inside' property adds one or more exclusion areas to the element's wrapping context. |
+ This modifies the normal rectangular shape of the content area to a possibly non-rectangular wrapping area. The exclusion areas are defined by subtracting the shape from the element's content area.<br/> |
+ Every text on this page should be pushed down below its green rectangle. |
+</p> |
</body> |
</html> |