Title: [168686] trunk/LayoutTests
- Revision
- 168686
- Author
- [email protected]
- Date
- 2014-05-13 10:30:45 -0700 (Tue, 13 May 2014)
Log Message
[CSS Regions] Add basic tests for inset flows into regions
https://bugs.webkit.org/show_bug.cgi?id=132871
Reviewed by Mihnea Ovidenie.
* fast/regions/shape-outside-floats/regions-shape-outside-floats-inset-expected.html: Added.
* fast/regions/shape-outside-floats/regions-shape-outside-floats-inset.html: Added.
Modified Paths
Added Paths
Diff
Modified: trunk/LayoutTests/ChangeLog (168685 => 168686)
--- trunk/LayoutTests/ChangeLog 2014-05-13 17:08:43 UTC (rev 168685)
+++ trunk/LayoutTests/ChangeLog 2014-05-13 17:30:45 UTC (rev 168686)
@@ -1,3 +1,13 @@
+2014-05-13 Zoltan Horvath <[email protected]>
+
+ [CSS Regions] Add basic tests for inset flows into regions
+ https://bugs.webkit.org/show_bug.cgi?id=132871
+
+ Reviewed by Mihnea Ovidenie.
+
+ * fast/regions/shape-outside-floats/regions-shape-outside-floats-inset-expected.html: Added.
+ * fast/regions/shape-outside-floats/regions-shape-outside-floats-inset.html: Added.
+
2014-05-13 Martin Hodovan <[email protected]>
ASSERTION FAILED: leftCategory != CalcOther && rightCategory != CalcOther
Added: trunk/LayoutTests/fast/regions/shape-outside-floats/regions-shape-outside-floats-inset-expected.html (0 => 168686)
--- trunk/LayoutTests/fast/regions/shape-outside-floats/regions-shape-outside-floats-inset-expected.html (rev 0)
+++ trunk/LayoutTests/fast/regions/shape-outside-floats/regions-shape-outside-floats-inset-expected.html 2014-05-13 17:30:45 UTC (rev 168686)
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+ .test {
+ font: 20px/1 Ahem, sans-serif;
+ border: 1px solid black;
+ line-height: 20px;
+ margin-bottom: 10px;
+ }
+ .container {
+ width: 60px;
+ height: 60px;
+ }
+ .float {
+ width: 40px;
+ height: 40px;
+ }
+ .top { height: 20px; }
+ .right { width: 20px; }
+ .bottom { height: 20px; }
+ .left { width: 20px; }
+</style>
+</head>
+<body>
+ <div class="test container">
+ XXX
+ <div style="float: left" class="float top"></div>
+ X
+ XXX
+ </div>
+ <div class="test container">
+ XXX
+ <div style="float: right" class="float top"></div>
+ X
+ XXX
+ </div>
+ <div class="test container">
+ <div style="float: left" class="float right"></div>
+ XX
+ XX
+ XXX
+ </div>
+ <div class="test container">
+ <div style="float: left" class="float bottom"></div>
+ X
+ XXX
+ XXX
+ </div>
+ <div class="test container">
+ <div style="float: right" class="float bottom"></div>
+ X
+ XXX
+ XXX
+ </div>
+ <div class="test container">
+ <div style="float: right" class="float left"></div>
+ XX
+ XX
+ XXX
+ </div>
+
+ <p style="margin-top: 26px;">Requires Ahem font. Each container contains a different inset shape-outside. The content flows into regions.</p>
+</body>
+</html>
Added: trunk/LayoutTests/fast/regions/shape-outside-floats/regions-shape-outside-floats-inset.html (0 => 168686)
--- trunk/LayoutTests/fast/regions/shape-outside-floats/regions-shape-outside-floats-inset.html (rev 0)
+++ trunk/LayoutTests/fast/regions/shape-outside-floats/regions-shape-outside-floats-inset.html 2014-05-13 17:30:45 UTC (rev 168686)
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+ #test {
+ font: 20px/1 Ahem, sans-serif;
+ line-height: 20px;
+ }
+ .float {
+ width: 40px;
+ height: 40px;
+ }
+
+ .top { -webkit-shape-outside: inset(20px 0 0 0); }
+ .right { -webkit-shape-outside: inset(0 20px 0 0); }
+ .bottom { -webkit-shape-outside: inset(0 0 20px 0); }
+ .left { -webkit-shape-outside: inset(0 0 0 20px); }
+
+ #test > div {
+ width: 60px;
+ height: 60px;
+ border: 1px solid black;
+ margin-bottom: 10px;
+ }
+
+ #left_top { -webkit-flow-into: flow1;}
+ #region1 { -webkit-flow-from: flow1; }
+
+ #right_top { -webkit-flow-into: flow2;}
+ #region2 { -webkit-flow-from: flow2; }
+
+ #left_right { -webkit-flow-into: flow3;}
+ #region3 { -webkit-flow-from: flow3; }
+
+ #left_bottom { -webkit-flow-into: flow4;}
+ #region4 { -webkit-flow-from: flow4; }
+
+ #right_bottom { -webkit-flow-into: flow5;}
+ #region5 { -webkit-flow-from: flow5; }
+
+ #right_left { -webkit-flow-into: flow6;}
+ #region6 { -webkit-flow-from: flow6; }
+</style>
+</head>
+<body>
+ <div id="test">
+ <div id="left_top">
+ <div style="float: left" class="float top"></div>
+ XXX
+ X
+ XXX
+ </div>
+ <div id="right_top">
+ <div style="float: right" class="float top"></div>
+ XXX
+ X
+ XXX
+ </div>
+ <div id="left_right">
+ <div style="float: left" class="float right"></div>
+ XX
+ XX
+ XXX
+ </div>
+ <div id="left_bottom">
+ <div style="float: left" class="float bottom"></div>
+ X
+ XXX
+ XXX
+ </div>
+ <div id="right_bottom">
+ <div style="float: right" class="float bottom"></div>
+ X
+ XXX
+ XXX
+ </div>
+ <div id="right_left">
+ <div style="float: right" class="float left"></div>
+ XX
+ XX
+ XXX
+ </div>
+ </div>
+
+ <div id="region1"></div>
+ <div id="region2"></div>
+ <div id="region3"></div>
+ <div id="region4"></div>
+ <div id="region5"></div>
+ <div id="region6"></div>
+ <p>Requires Ahem font. Each container contains a different inset shape-outside. The content flows into regions.</p>
+</body>
+</html>
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
