LayoutTests/fast/regions/region-content-flown-into-region.html

   1 <html>
   2     <head>
   3         <title>74144 - [CSS Regions] Elements in a region should be assignable to a named flow</title>
   4         <style type="text/css">
   5             div {
   6                 padding: 1px;
   7             }
   8             .content {
   9                 -webkit-flow-into: flow;
  10             }
  11             .region {
  12                 -webkit-flow-from: flow;
  13                 border:solid 1px #bbb;
  14             }
  15
  16             .redirectContent {
  17                 -webkit-flow-into: redirectFlow;
  18             }
  19             .redirectRegion {
  20                 -webkit-flow-from: redirectFlow;
  21                 border:solid 1px #bbb;
  22             }
  23
  24             .redirectContent2 {
  25                 -webkit-flow-into: redirectFlow2;
  26             }
  27             .redirectRegion2 {
  28                 -webkit-flow-from: redirectFlow2;
  29                 border:solid 1px #bbb;
  30             }
  31
  32             .redirectContentToNowhere {
  33                 -webkit-flow-into: redirectToNowhere;
  34             }
  35         </style>
  36         <template class="content">PASS r0: content that goes in the region.</template>
  37     </head>
  38
  39     <body>
  40         <div class="region">
  41             FAIL: this should not be visible 1.
  42
  43             <span class="redirectContentToNowhere">FAIL: this should not be visible (redirected to nowhere) 1.</span>
  44
  45             <div class="redirectContent">PASS r1: content in the region that has flow-into. 1.</div>
  46
  47             FAIL: this should not be visible 2.
  48
  49             <div>
  50                 FAIL: this should not be visible 3.
  51
  52                 <div class="redirectContent">PASS r1: (enclosed in a div) content in the region that has flow-into. 2.
  53                     <div class="redirectContentToNowhere">FAIL: this should not be visible (redirected to nowhere) 2.</div>
  54                     <b>PASS r1: (enclosed in a div) content in the region that has flow-into. 3.</b>.
  55                 </div>
  56
  57                 FAIL: this should not be visible 4.
  58             </div>
  59
  60             <div>
  61                 FAIL: this should not be visible 5.
  62
  63                 <div class="redirectContent">PASS r1: (enclosed in a div) content in the region that has flow-into. 4
  64                     <span class="redirectContent2">PASS r2: content that is already in a flow goes to another flow
  65                         <span class="redirectContentToNowhere">FAIL: this should not be visible (redirected to nowhere) 3.</span>.
  66                     </span>
  67                     .
  68                 </div>
  69
  70                 FAIL: this should not be visible 7.
  71             </div>
  72
  73             FAIL: this should not be visible 8.
  74
  75             <span class="redirectContentToNowhere">FAIL: this should not be visible (redirected to nowhere) 4.</span>
  76
  77             <div class="redirectContent">PASS r1: content in the region that has flow-into. 5.</div>
  78
  79             FAIL: this should not be visible 9.
  80         </div>
  81
  82         <div class="redirectRegion">
  83             FAIL: this should not be visible 10.
  84         </div>
  85
  86         <div class="redirectRegion2">
  87             FAIL: this should not be visible 11.
  88         </div>
  89
  90         <p><a href="https://bugs.webkit.org/show_bug.cgi?id=74144">Bug 74144</a> - [CSS Regions] Elements in a region should be assignable to a named flow</p>
  91     </body>
  92 </html>