[CSS Regions] Elements in a region should be assignable to a named flow
[WebKit-https.git] / 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>