src/third_party/WebKit/LayoutTests/compositing/filters/sw-shadow-overlaps-hw-layer.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4     <title>
   5         This test verifies that a software layer will be promoted to a composited layer
   6         if its drop shadow intersects a composited layer.
   7     </title>
   8     <!-- If the test passes, the light green drop shadow should appear over the the black div where they intersect. -->
   9     <style>
  10         #software {
  11             background-color: green;
  12             -webkit-filter: drop-shadow(25px 25px 0 lightgreen);
  13
  14             position: absolute;
  15             top: 0;
  16             left: 0;
  17             width: 100px;
  18             height: 100px;
  19         }
  20         #composited {
  21             background-color: black;
  22
  23             position: absolute;
  24             top: 105px;
  25             left: 105px;
  26             width: 100px;
  27             height: 100px;
  28             transform: translate3d(0, 0, 0);
  29         }
  30     </style>
  31 </head>
  32 <body>
  33     <div id="composited"></div>
  34     <div id="software"></div>
  35     <pre id="console"></pre>
  36     <script>
  37         if (window.testRunner) {
  38             testRunner.dumpAsText();
  39             document.getElementById("console").appendChild(document.createTextNode(window.internals.layerTreeAsText(document)));
  40         }
  41     </script>
  42 </body>
  43 </html>