[webkit-changes] [169107] trunk/LayoutTests

Tue, 20 May 2014 05:34:47 -0700

Title: [169107] trunk/LayoutTests
Revision
169107
Author
[email protected]
Date
2014-05-20 05:34:01 -0700 (Tue, 20 May 2014)

Log Message

[CSS Regions] Add polygon tests for shapes on regions and shapes on the content flow
https://bugs.webkit.org/show_bug.cgi?id=133107

Reviewed by Mihnea Ovidenie.

* fast/regions/shape-outside-floats/regions-shape-outside-region-polygon-floats-expected.html: Added.
* fast/regions/shape-outside-floats/regions-shape-outside-region-polygon-floats.html: Added.

Modified Paths

Added Paths

Diff

Modified: trunk/LayoutTests/ChangeLog (169106 => 169107)


--- trunk/LayoutTests/ChangeLog	2014-05-20 12:17:56 UTC (rev 169106)
+++ trunk/LayoutTests/ChangeLog	2014-05-20 12:34:01 UTC (rev 169107)
@@ -1,3 +1,13 @@
+2014-05-20  Zoltan Horvath  <[email protected]>
+
+        [CSS Regions] Add polygon tests for shapes on regions and shapes on the content flow
+        https://bugs.webkit.org/show_bug.cgi?id=133107
+
+        Reviewed by Mihnea Ovidenie.
+
+        * fast/regions/shape-outside-floats/regions-shape-outside-region-polygon-floats-expected.html: Added.
+        * fast/regions/shape-outside-floats/regions-shape-outside-region-polygon-floats.html: Added.
+
 2014-05-20  Mihnea Ovidenie  <[email protected]>
 
         [CSS Regions] Crash while painting block selection gaps in regions

Added: trunk/LayoutTests/fast/regions/shape-outside-floats/regions-shape-outside-region-polygon-floats-expected.html (0 => 169107)


--- trunk/LayoutTests/fast/regions/shape-outside-floats/regions-shape-outside-region-polygon-floats-expected.html	                        (rev 0)
+++ trunk/LayoutTests/fast/regions/shape-outside-floats/regions-shape-outside-region-polygon-floats-expected.html	2014-05-20 12:34:01 UTC (rev 169107)
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+    .test {
+        font: 50px/1 Ahem, sans-serif;
+        line-height: 50px;
+        color: green;
+    }
+    .testContainer {
+        width: 100px;
+        height: 100px;
+        border: 2px solid green;
+        margin-bottom: 30px;
+        color: green;
+    }
+</style>
+</head>
+<body>
+<div class="test">
+    <div class="testContainer">
+        X &nbsp;X
+    </div>
+    <div class="testContainer">
+        &nbsp;X X
+    </div>
+    <div class="testContainer">
+        &nbsp;X X
+    </div>
+    <div class="testContainer">
+        X &nbsp;X
+    </div>
+</div>
+<p>Requires Ahem font. There is a triangle shape on each content flow and each region. The content should be inside the green rectangles.</p>
+</body>
+</html>
+

Added: trunk/LayoutTests/fast/regions/shape-outside-floats/regions-shape-outside-region-polygon-floats.html (0 => 169107)


--- trunk/LayoutTests/fast/regions/shape-outside-floats/regions-shape-outside-region-polygon-floats.html	                        (rev 0)
+++ trunk/LayoutTests/fast/regions/shape-outside-floats/regions-shape-outside-region-polygon-floats.html	2014-05-20 12:34:01 UTC (rev 169107)
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+    .test {
+        font: 50px/1 Ahem, sans-serif;
+        line-height: 50px;
+        color: green;
+    }
+    .content {
+        width: 100px;
+        height: 100px;
+    }
+    .regionParentContainer {
+        width: 100px;
+        height: 100px;
+        border: 2px solid green;
+        margin-bottom: 30px;
+        color: green;
+    }
+    .top_left_triangle { -webkit-shape-outside: polygon(0 0, 100% 0, 0 100%); }
+    .top_right_triangle { -webkit-shape-outside: polygon(0 0, 100% 0, 100% 100%); }
+    .bottom_right_triangle { -webkit-shape-outside: polygon(100% 0, 100% 100%, 0 100%); }
+    .bottom_left_triangle { -webkit-shape-outside: polygon(0 0, 100% 100%, 0 100%); }
+
+    #left_top { -webkit-flow-into: flow1;  }
+    #region_left_top_triangle {
+        float: left;
+        -webkit-flow-from: flow1;
+    }
+
+    #right_top { -webkit-flow-into: flow2;}
+    #region_right_top_trigangle {
+        float: right;
+        -webkit-flow-from: flow2;
+    }
+
+    #left_bottom { -webkit-flow-into: flow3;}
+    #region_left_bottom_triangle {
+        float: left;
+        -webkit-flow-from: flow3;
+    }
+
+    #right_bottom { -webkit-flow-into: flow4;}
+    #region_right_bottom_triangle {
+        float: right;
+        -webkit-flow-from: flow4;
+    }
+</style>
+</head>
+<body>
+<div class="test">
+    <div id="left_top" class="content">
+        <div class="content bottom_right_triangle" style="float: right;"></div>X
+    </div>
+    <div id="right_top" class="content">
+        <div class="content bottom_left_triangle" style="float: left;"></div>X
+    </div>
+    <div id="left_bottom" class="content">
+        <div class="content top_right_triangle" style="float: right;"></div>X
+    </div>
+    <div id="right_bottom" class="content">
+        <div class="content top_left_triangle" style="float: left;"></div>X
+    </div>
+
+    <div class="regionParentContainer">
+        <div id="region_left_top_triangle" class="top_left_triangle"></div>X
+    </div>
+    <div class="regionParentContainer">
+        <div id="region_right_top_trigangle" class="top_right_triangle"></div>X
+    </div>
+    <div class="regionParentContainer">
+        <div id="region_left_bottom_triangle" class="bottom_left_triangle"></div>X
+    </div>
+    <div class="regionParentContainer">
+        <div id="region_right_bottom_triangle" class="bottom_right_triangle"></div>X
+    </div>
+</div>
+<p>Requires Ahem font. There is a triangle shape on each content flow and each region. The content should be inside the green rectangles.</p>
+</body>
+</html>
+

_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to