Title: [165063] trunk/LayoutTests
- Revision
- 165063
- Author
- [email protected]
- Date
- 2014-03-04 11:31:35 -0800 (Tue, 04 Mar 2014)
Log Message
[CSS Shapes] Add test for adjusted lineTop position between left and right shape-outside floats
https://bugs.webkit.org/show_bug.cgi?id=128696
Reviewed by David Hyatt.
* fast/shapes/shape-outside-floats/shape-outside-floats-linetop-adjusted-between-left-right-floats-expected.html: Added.
* fast/shapes/shape-outside-floats/shape-outside-floats-linetop-adjusted-between-left-right-floats.html: Added.
Modified Paths
Added Paths
Diff
Modified: trunk/LayoutTests/ChangeLog (165062 => 165063)
--- trunk/LayoutTests/ChangeLog 2014-03-04 19:11:51 UTC (rev 165062)
+++ trunk/LayoutTests/ChangeLog 2014-03-04 19:31:35 UTC (rev 165063)
@@ -1,3 +1,13 @@
+2014-03-04 Zoltan Horvath <[email protected]>
+
+ [CSS Shapes] Add test for adjusted lineTop position between left and right shape-outside floats
+ https://bugs.webkit.org/show_bug.cgi?id=128696
+
+ Reviewed by David Hyatt.
+
+ * fast/shapes/shape-outside-floats/shape-outside-floats-linetop-adjusted-between-left-right-floats-expected.html: Added.
+ * fast/shapes/shape-outside-floats/shape-outside-floats-linetop-adjusted-between-left-right-floats.html: Added.
+
2014-03-04 Brian Burg <[email protected]>
Unreviewed gardening. Skip inspector tests that are still flaky.
Added: trunk/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-linetop-adjusted-between-left-right-floats-expected.html (0 => 165063)
--- trunk/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-linetop-adjusted-between-left-right-floats-expected.html (rev 0)
+++ trunk/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-linetop-adjusted-between-left-right-floats-expected.html 2014-03-04 19:31:35 UTC (rev 165063)
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.box {
+ position: absolute;
+ top: 0px;
+ left:0px;
+ background-color: green;
+ width: 200px;
+ height: 100px;
+}
+</style>
+</head>
+<body>
+
+<div class="box"></div>
+
+<p style="margin-top: 120px;">The content should wrap between the two polygon shapes, it should fit in the content box, so you should see only a green rectangle.
+You shouldn't see any red.</p>
+<p><a href=''>Bug 128696</a>: [CSS Shapes] Add test for adjusted lineTop position between left and right shape-outside floats</p>
+
+</body>
+</html>
Added: trunk/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-linetop-adjusted-between-left-right-floats.html (0 => 165063)
--- trunk/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-linetop-adjusted-between-left-right-floats.html (rev 0)
+++ trunk/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-linetop-adjusted-between-left-right-floats.html 2014-03-04 19:31:35 UTC (rev 165063)
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+.box {
+ position: absolute;
+ top: 0px;
+ left:0px;
+ font: 20px/1 Ahem, sans-serif;
+ color: red;
+ width: 200px;
+ height: 100px;
+}
+.shape-outside1 {
+ float: left;
+ width: 100px;
+ height: 100px;
+ background-color: lightgreen;
+ -webkit-shape-outside: polygon(0 0, 100% 0, 0 50%, 100% 100%, 0 100%);
+ -webkit-clip-path: polygon(0 0, 100% 0, 0 50%, 100% 100%, 0 100%);
+}
+.shape-outside2 {
+ float: right;
+ width: 100px;
+ height: 100px;
+ background-color: lightblue;
+ -webkit-shape-outside: polygon(100% 0, 0 0, 100% 50%, 0 100%, 100% 100%);
+ -webkit-clip-path: polygon(100% 0, 0 0, 100% 50%, 0 100%, 100% 100%);
+}
+.overlay {
+ background-color: green;
+}
+</style>
+</head>
+<body>
+
+<div class="box">
+ <div class="shape-outside1"></div>
+ <div class="shape-outside2"></div> X X X X X X X X X X
+</div>
+<div class="box overlay"></div>
+
+<p style="margin-top: 120px;">The content should wrap between the two polygon shapes, it should fit in the content box, so you should see only a green rectangle.
+You shouldn't see any red.</p>
+<p><a href=''>Bug 128696</a>: [CSS Shapes] Add test for adjusted lineTop position between left and right shape-outside floats</p>
+
+</body>
+</html>
+
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
