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