control-layer.html | Explore in Territory

<html>
    <head>
        <style type="text/css">
            .composited {
                will-change: transform;
            }
        </style>
        <script type="text/javascript">
            if (window.testRunner)
                testRunner.dumpAsText();

            function doTest() {
                if (window.testRunner && window.internals) {
                    testRunner.setCustomTextOutput(internals.layerTreeAsText(document));
                }
            }
            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>

chromium/third_party/blink/web_tests/compositing/contents-opaque/control-layer.html