Index: LayoutTests/fast/regions/region-content-flown-into-region.html |
diff --git a/LayoutTests/fast/regions/region-content-flown-into-region.html b/LayoutTests/fast/regions/region-content-flown-into-region.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..4e1eeb904fa897893f36bf06cc184f3e65569bf6 |
--- /dev/null |
+++ b/LayoutTests/fast/regions/region-content-flown-into-region.html |
@@ -0,0 +1,105 @@ |
+<html> |
Mihai Maerean
2013/07/01 19:03:36
Julien asked at https://codereview.chromium.org/15
|
+ <head> |
+ <title>228566 - [CSS Regions] Elements in a region should be assignable to a named flow</title> |
+ <style type="text/css"> |
+ .content { |
+ -webkit-flow-into: flow; |
+ } |
+ .region { |
+ -webkit-flow-from: flow; |
+ border:solid 1px red; |
+ } |
+ |
+ .redirectContent { |
+ -webkit-flow-into: redirectFlow; |
+ } |
+ .redirectRegion { |
+ -webkit-flow-from: redirectFlow; |
+ border:solid 1px blue; |
+ margin-top: 10px; |
+ margin-bottom: 10px; |
+ } |
+ |
+ .redirectContent2 { |
+ -webkit-flow-into: redirectFlow2; |
+ } |
+ .redirectRegion2 { |
+ -webkit-flow-from: redirectFlow2; |
+ border:solid 1px green; |
+ } |
+ |
+ .redirectContentToNowhere { |
+ -webkit-flow-into: redirectToNowhere; |
+ } |
+ |
+ .displayNone { |
+ display: none; |
+ } |
+ </style> |
+ </head> |
+ |
+ <body> |
+ <div class="content">PASS r0: content that goes in the region.</div> |
+ <div class="region"> |
+ FAIL: this should not be visible 1. |
+ |
+ <span class="redirectContentToNowhere">FAIL: this should not be visible (redirected to nowhere) 1.</span> |
+ |
+ <div class="redirectContent">PASS r1: content in the region that has flow-into. 1.</div> |
+ |
+ FAIL: this should not be visible 2. |
+ |
+ <div> |
+ FAIL: this should not be visible 3. |
+ |
+ <div class="redirectContent">PASS r1: (enclosed in a div) content in the region that has flow-into. 2. |
+ <div class="redirectContentToNowhere">FAIL: this should not be visible (redirected to nowhere) 2.</div> |
+ <b><br/>PASS r1: (b enclosed in the div above) content in the region that has flow-into. 3.</b> |
+ </div> |
+ |
+ FAIL: this should not be visible 4. |
+ </div> |
+ |
+ <div> |
+ FAIL: this should not be visible 5. |
+ |
+ <div class="redirectContent">PASS r1: (enclosed in a div) content in the region that has flow-into. 4. |
+ <span class="redirectContent2">PASS r2: content that is already in a flow goes to another flow |
+ <span class="redirectContentToNowhere">FAIL: this should not be visible (redirected to nowhere) 3.</span>. |
+ </span> |
+ </div> |
+ |
+ FAIL: this should not be visible 7. |
+ </div> |
+ |
+ FAIL: this should not be visible 8. |
+ |
+ <span class="redirectContentToNowhere">FAIL: this should not be visible (redirected to nowhere) 4.</span> |
+ |
+ <div class="redirectContent">PASS r1: content in the region that has flow-into. 5.</div> |
+ |
+ FAIL: this should not be visible 9. |
+ |
+ <div class="displayNone"> |
+ FAIL: this should not be visible 10. |
+ |
+ <div class="redirectContent">FAIL r1: (enclosed in a div) content in the region that has flow-into but display:none |
+ <div class="redirectContentToNowhere">FAIL: this should not be visible (redirected to nowhere AND display:none)</div> |
+ <b><br/>FAIL r1: (b enclosed in the div above) content in the region that has flow-into but display:none</b> |
+ </div> |
+ |
+ FAIL: this should not be visible 4. |
+ </div> |
+ </div> |
+ |
+ <div class="redirectRegion"> |
+ FAIL: this should not be visible 10. |
+ </div> |
+ |
+ <div class="redirectRegion2"> |
+ FAIL: this should not be visible 11. |
+ </div> |
+ |
+ <p><a href="http://code.google.com/p/chromium/issues/detail?id=228566">Bug 228566</a> - [CSS Regions] Elements in a region should be assignable to a named flow</p> |
+ </body> |
+</html> |