Title: [159624] trunk/LayoutTests
- Revision
- 159624
- Author
- [email protected]
- Date
- 2013-11-21 06:57:14 -0800 (Thu, 21 Nov 2013)
Log Message
Added test for visual overflow with transformed content in regions.
[CSS Regions] Transform applied to content node causes overflow to be hidden
https://bugs.webkit.org/show_bug.cgi?id=116242
Reviewed by Antti Koivisto.
* fast/regions/region-visual-overflow-transform-expected.html: Added.
* fast/regions/region-visual-overflow-transform.html: Added.
Modified Paths
Added Paths
Diff
Modified: trunk/LayoutTests/ChangeLog (159623 => 159624)
--- trunk/LayoutTests/ChangeLog 2013-11-21 14:53:19 UTC (rev 159623)
+++ trunk/LayoutTests/ChangeLog 2013-11-21 14:57:14 UTC (rev 159624)
@@ -1,3 +1,15 @@
+2013-11-21 Radu Stavila <[email protected]>
+
+ Added test for visual overflow with transformed content in regions.
+
+ [CSS Regions] Transform applied to content node causes overflow to be hidden
+ https://bugs.webkit.org/show_bug.cgi?id=116242
+
+ Reviewed by Antti Koivisto.
+
+ * fast/regions/region-visual-overflow-transform-expected.html: Added.
+ * fast/regions/region-visual-overflow-transform.html: Added.
+
2013-11-21 Andrzej Badowski <[email protected]>
[EFL] Fix accessibility media-element expectation
Added: trunk/LayoutTests/fast/regions/region-visual-overflow-transform-expected.html (0 => 159624)
--- trunk/LayoutTests/fast/regions/region-visual-overflow-transform-expected.html (rev 0)
+++ trunk/LayoutTests/fast/regions/region-visual-overflow-transform-expected.html 2013-11-21 14:57:14 UTC (rev 159624)
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Reftest Reference</title>
+ <style type="text/css">
+ .square {
+ float: left;
+ font-family: Ahem;
+ font-size: 10px;
+ line-height: 20px;
+ margin-left: 10px;
+ color: green;
+ width: 100px;
+ height: 100px;
+ border: 1px solid black;
+ }
+
+ </style>
+</head>
+<body>
+ <p>The test passes if:</p>
+ <ul>
+ <li>The two squares each contain five green horizontal stripes</li>
+ <li>There are two green horizontal stripes below the square on right</li>
+ <li>There is no red</li>
+ </ul>
+ <div class="square">
+ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
+ </div>
+ <div class="square">
+ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
+ </div>
+</body>
+</html>
\ No newline at end of file
Added: trunk/LayoutTests/fast/regions/region-visual-overflow-transform.html (0 => 159624)
--- trunk/LayoutTests/fast/regions/region-visual-overflow-transform.html (rev 0)
+++ trunk/LayoutTests/fast/regions/region-visual-overflow-transform.html 2013-11-21 14:57:14 UTC (rev 159624)
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <title>CSS Regions: Transformed content in named flow that spans multiple regions and overflows</title>
+ <style>
+ .ahem {
+ font-family: Ahem;
+ font-size: 10px;
+ line-height: 20px;
+ }
+ #source {
+ width: 100px;
+ height: 100px;
+ color: green;
+ margin-left: -50px;
+ -webkit-transform: translateX(50px);
+ -webkit-flow-into: f;
+ }
+ .region {
+ -webkit-flow-from: f;
+ width: 100px;
+ height: 100px;
+ margin-left: 10px;
+ float: left;
+ border: 1px solid black;
+ }
+ .failure {
+ position: absolute;
+ width: 102px;
+ height: 102px;
+ margin-top: 1px;
+ margin-left: 10px;
+ padding-left: 1px;
+ color: red;
+ z-index: -1;
+ }
+ .left {
+ left: 8px;
+ }
+ .right {
+ left: 120px;
+ }
+ </style>
+</head>
+<body>
+ <p>The test passes if:</p>
+ <ul>
+ <li>The two squares each contain five green horizontal stripes</li>
+ <li>There are two green horizontal stripes below the square on right</li>
+ <li>There is no red</li>
+ </ul>
+ <div id="source" class="ahem">XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX</div>
+ <div class="region"></div>
+ <div class="region"></div>
+
+ <div class="ahem failure left">
+ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
+ </div>
+ <div class="ahem failure right">
+ XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
+ </div>
+
+
+</body>
+</html>
\ No newline at end of file
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
