OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html lang="en"> | 2 <html lang="en"> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 /* Make sure the console and the description don't interfere wit
h the rest of the layout. */ | 5 /* Make sure the console and the description don't interfere wit
h the rest of the layout. */ |
6 #description { | 6 #description { |
7 position: absolute; | 7 position: absolute; |
8 top: 0px; | 8 top: 0px; |
9 } | 9 } |
10 | 10 |
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
58 background-color: yellow; | 58 background-color: yellow; |
59 } | 59 } |
60 | 60 |
61 #region { | 61 #region { |
62 border: 5px solid green; | 62 border: 5px solid green; |
63 margin: 50px; | 63 margin: 50px; |
64 -webkit-flow-from: flowParent; | 64 -webkit-flow-from: flowParent; |
65 } | 65 } |
66 </style> | 66 </style> |
67 | 67 |
68 » <script src="../js/resources/js-test-pre.js"></script> | 68 » <script src="../../resources/js-test.js"></script> |
69 </head> | 69 </head> |
70 <body> | 70 <body> |
71 <p class="visibleElement">This test covers the case when the <span style
="color: orange;"><b>child</b></span> is itself a region and the <span style="co
lor: darkred;"><b>parent</b></span> is flowed into another <span style="color: g
reen;"><b>region</b></span>.</p> | 71 <p class="visibleElement">This test covers the case when the <span style
="color: orange;"><b>child</b></span> is itself a region and the <span style="co
lor: darkred;"><b>parent</b></span> is flowed into another <span style="color: g
reen;"><b>region</b></span>.</p> |
72 <ol class="visibleElement"> | 72 <ol class="visibleElement"> |
73 <li>Move the mouse inside the orange square</li> | 73 <li>Move the mouse inside the orange square</li> |
74 <li>The orange square should turn yellow and the big darkred squ
are should turn green</li> | 74 <li>The orange square should turn yellow and the big darkred squ
are should turn green</li> |
75 </ol> | 75 </ol> |
76 <div class="bigBox" id="parent"> | 76 <div class="bigBox" id="parent"> |
77 <div class="smallBox" id="child"></div> | 77 <div class="smallBox" id="child"></div> |
78 </div> | 78 </div> |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
114 | 114 |
115 else { | 115 else { |
116 var elementsToHide = document.querySelectorAll("#console
, #description"); | 116 var elementsToHide = document.querySelectorAll("#console
, #description"); |
117 for (var i=0; i<elementsToHide.length; i++) | 117 for (var i=0; i<elementsToHide.length; i++) |
118 elementsToHide[i].style.visibility = "hidden"; | 118 elementsToHide[i].style.visibility = "hidden"; |
119 } | 119 } |
120 </script> | 120 </script> |
121 | 121 |
122 </body> | 122 </body> |
123 </html> | 123 </html> |
OLD | NEW |