Index: LayoutTests/fast/regions/shape-inside/shape-inside-with-region-borders-expected.html |
diff --git a/LayoutTests/fast/regions/shape-inside/shape-inside-with-region-borders-expected.html b/LayoutTests/fast/regions/shape-inside/shape-inside-with-region-borders-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..2027483255adbeaee240d855731fff815dfd9984 |
--- /dev/null |
+++ b/LayoutTests/fast/regions/shape-inside/shape-inside-with-region-borders-expected.html |
@@ -0,0 +1,43 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<style> |
+ .region { |
+ font: 20px Ahem, sans-serif; |
+ -webkit-font-smoothing: none; |
+ width: 300px; |
+ height: 300px; |
+ background-color: orange; |
+ border-top: 10px solid lightgreen; |
+ border-right: 20px solid green; |
+ border-bottom: 30px solid lightblue; |
+ border-left: 40px solid blue; |
+ } |
+ #placeholderleft { |
+ float: left; |
+ width: 50px; |
+ height: 300px; |
+ } |
+ #placeholderright { |
+ float: right; |
+ width: 50px; |
+ height: 300px; |
+ } |
+</style> |
+</head> |
+<body> |
+ |
+<div id="shape_inside" class="region"> |
+<div id="placeholderleft"></div><div id="placeholderright"></div> |
+ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX |
+ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX |
+ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX |
+ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX |
+</div> |
+ |
+<p>Requires Ahem font. The content flows into a region (300px wide) what contains a shape-inside rectangle (200px wide) with 50px left offset.<br/> |
+The content should fill the shape-inside area out. There should be an equally 50-50px left and right offset for the content in the content box. The borders shouldn't have any effect on the shape-inside's rectangle. |
+<p>Bug <a href="http://webkit.org/b/115456">115456</a>: [CSS Regions][CSS Exclusions] Shape-inside on regions should respect region borders and paddings</p> |
+ |
+</body> |
+</html> |