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);
  18         InspectorTest.completeTest();
  19     }
  20
  21     function onGotLayers()
  22     {
  23         var layer = InspectorTest.findLayerByNodeIdAttribute("a");
  24         layer.requestSnapshot(onSnapshotDone);
  25     }
  26
  27     WebInspector.inspectorView.showPanel("layers");
  28     InspectorTest.requestLayers(onGotLayers);
  29 }
  30 </script>
  31 </head>
  32 <body onload="runTest()">
  33 <div id="a" style="-webkit-transform: translateZ(0px); background-color:blue;">
  34     <div style="width:50px; height:50px; background-color:red;"></div>
  35 </div>
  36 </body>
  37 </html>