| 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 |