src/third_party/WebKit/LayoutTests/inspector/layers/layer-canvas-log.html

   1 <html>
   2 <head>
   3 <script src="../../http/tests/inspector/inspector-test.js"></script>
   4 <script src="../../http/tests/inspector/layers-test.js"></script>
   5 <script>
   6 function test()
   7 {
   8     function onSnapshotDone(snapshot)
   9     {
  10         var wrappedCallback = InspectorBackend.wrapClientCallback(onHistoryReceived, "LayerTreeAgent.snapshotCommandLog(): ");
  11         LayerTreeAgent.snapshotCommandLog(snapshot._id, wrappedCallback);
  12     }
  13
  14     function onHistoryReceived(history)
  15     {
  16         InspectorTest.addResult("Canvas log:");
  17         InspectorTest.addObject(history, {"genID": "skip"});
  18         InspectorTest.completeTest();
  19     }
  20
  21     function onGotLayers()
  22     {
  23         var layer = InspectorTest.findLayerByNodeIdAttribute("a");
  24         layer.requestSnapshot(onSnapshotDone);
  25     }
  26
  27     InspectorTest.requestLayers(onGotLayers);
  28 }
  29 </script>
  30 </head>
  31 <body onload="runTest()">
  32 <div id="a" style="transform: translateZ(0px); background-color:blue; width:100px; height:100px;">
  33     <div style="width:50px; height:50px; background-color:red;"></div>
  34     <img src="../timeline/resources/test.png">
  35     <svg>
  36         <rect x="0" y="0" width="10" height="10" style="opacity:0.5"/>
  37     </svg>
  38   </div>
  39 </body>
  40 </html>