| <html> | |
| <head> | |
| <style> | |
| .fail, .pass, #spacer { | |
| display: table-cell; | |
| } | |
| .pass { | |
| visibility: hidden; | |
| } | |
| </style> | |
| <script> | |
| window.onload = function() { | |
| if (window.testRunner) | |
| window.testRunner.dumpAsText(); | |
| var spacer = document.getElementById("spacer"); | |
| if (spacer.offsetWidth > 0) { | |
| var fail = document.getElementsByClassName("fail"); | |
| fail[1].className = "pass"; | |
| fail[0].className = "pass"; | |
| spacer.innerText = "PASS"; | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <div style="display: -webkit-box; -webkit-box-orient: horizontal"> | |
| This test passes if there is a green box that stretches the width of the page. | |
| <div style="padding-left: 1px"> | |
| <div class="fail">FA</div> | |
| <div id="spacer" style="color: green; width: 100%; background-color: green"></div> | |
| <div class="fail">IL</div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |