src/third_party/WebKit/LayoutTests/compositing/filters/sw-layer-overlaps-hw-shadow.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 it intersects a composited layer's drop shadow.
   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
  13             position: absolute;
  14             top: 0;
  15             left: 0;
  16             width: 100px;
  17             height: 100px;
  18         }
  19         #composited {
  20             background-color: black;
  21             -webkit-filter: drop-shadow(-25px -25px 0 gray);
  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>
  44