Index: LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom.html |
diff --git a/LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-padding-001.html b/LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom.html |
similarity index 61% |
copy from LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-padding-001.html |
copy to LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom.html |
index 85bb3b3349fde32f0e1da9a4c80eef30506e5ff5..9d19362d271e18be2dd065f08586e1956c1a3a2f 100644 |
--- a/LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-padding-001.html |
+++ b/LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom.html |
@@ -8,12 +8,10 @@ |
<style> |
#shape-inside { |
position: relative; |
- width: 500px; |
- height: 500px; |
- -webkit-shape-inside: polygon(0px 0px, 400px 0px, 400px 400px, 0px 400px); |
- -webkit-shape-padding: 50px; |
- font: 100px/1 Ahem, sans-serif; |
+ font: 50px/1 Ahem, sans-serif; |
color: green; |
+ -webkit-shape-inside: polygon(0px 0px, 400px 0px, 400px 350px, 0px 350px); |
+ -webkit-shape-padding: 50px; |
} |
#shape-outline { |
@@ -26,12 +24,16 @@ |
</style> |
</head> |
<body> |
- <p>The blue outline should be filled by 9 green squares.</p> |
+ <p>The green rectangles should lie within the inner blue outline.</p> |
<div id="shape-inside"> |
<svg id="shape-outline" xmlns="http://www.w3.org/2000/svg"> |
- <rect x="50" y="50" width="300" height="300" stroke="blue" fill="none"/> |
+ <polygon points="0,0 400,0 400,350 0,350" stroke="blue" fill="none"/> |
+ <polygon points="50,50 350,50 350,300 50,300" stroke="blue" fill="none"/> |
</svg> |
- XXX XXX XXX |
+ XXX<br/><br/>XX<br/><br/>XXX |
</div> |
</body> |
+<script> |
+document.body.style.zoom = 1.2 |
+</script> |
</html> |