| <html> |
| <head> |
| <style type="text/css"> |
| .composited { |
| transform: translateZ(0); |
| } |
| </style> |
| <script type="text/javascript"> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| function doTest() { |
| if (window.testRunner && window.internals) { |
| var layerTree = internals.elementLayerTreeAsText(document.getElementById('control')); |
| document.getElementById('result').innerText = |
| layerTree.indexOf('contentsOpaque 1') == -1 ? 'PASS' : 'FAIL:\n' + layerTree; |
| } |
| } |
| window.addEventListener('load', doTest, false); |
| </script> |
| </head> |
| <body> |
| <!-- Composited control element. --> |
| <!-- Control elements are rendered by native theme. -> |
| <!-- GraphicsLayer::contentsOpaque for control element should be false. --> |
| <input id="control" class="composited" type="button" value="Composited Button"> |
| |
| <pre id="result"></pre> |
| </body> |
| </html> |