content/test/data/gpu/pixel_browser_plugin.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>Browser Plugin Compositing Test: Projected Blue Box over Black Background</title>
   5 <style type="text/css">
   6 .nomargin {
   7   margin: 0px auto;
   8 }
   9 </style>
  10 <script>
  11 var g_swapsBeforeAck = 100;
  12
  13 function main()
  14 {
  15   waitForFinish();
  16 }
  17
  18 function waitForFinish()
  19 {
  20   if (g_swapsBeforeAck == 0) {
  21     domAutomationController.setAutomationId(1);
  22     domAutomationController.send("SUCCESS");
  23   } else {
  24     g_swapsBeforeAck--;
  25     document.getElementById('plugin').style.zIndex = g_swapsBeforeAck + 1;
  26     window.webkitRequestAnimationFrame(waitForFinish);
  27   }
  28 }
  29 </script>
  30 </head>
  31 <body onload="main()">
  32 <div id="container" style="position:absolute; top:0px; left:0px">
  33
  34 <!-- Browser plugin is navigated to the base64 encoding of the following
  35 <html>
  36 <head>
  37 <style type="text/css">
  38 .nomargin {
  39   margin: 0px auto;
  40 }
  41
  42 #container {
  43   -webkit-perspective: 500;
  44 }
  45
  46 #container > div {
  47   position: relative;
  48   margin: 50px;
  49   width: 125px;
  50   height: 75px;
  51 }
  52
  53 #container > :first-child {
  54   background-color: blue;
  55   -webkit-transform: rotateY(45deg);
  56 }
  57 </style>
  58 </head>
  59 <body>
  60 <div style="position:relative; width:200px; height:200px; background-color:black; zindex-0">
  61 </div>
  62 <div id="container" style="position:absolute; top:0px; left:0px">
  63   <div id="blue_box"></div>
  64 </div>
  65 </body>
  66 </html>
  67 //-->
  68
  69 <object id="plugin" src="data:text/html;base64,DQo8aHRtbD4NCjxoZWFkPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCi5ub21hcmdpbiB7DQogIG1hcmdpbjogMHB4IGF1dG87DQp9DQoNCiNjb250YWluZXIgew0KICAtd2Via2l0LXBlcnNwZWN0aXZlOiA1MDA7DQp9DQoNCiNjb250YWluZXIgPiBkaXYgew0KICBwb3NpdGlvbjogcmVsYXRpdmU7DQogIG1hcmdpbjogNTBweDsNCiAgd2lkdGg6IDEyNXB4Ow0KICBoZWlnaHQ6IDc1cHg7DQp9DQoNCiNjb250YWluZXIgPiA6Zmlyc3QtY2hpbGQgew0KICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOw0KICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlWSg0NWRlZyk7DQp9DQo8L3N0eWxlPg0KPC9oZWFkPg0KPGJvZHk+DQo8ZGl2IHN0eWxlPSJwb3NpdGlvbjpyZWxhdGl2ZTsgd2lkdGg6MjAwcHg7IGhlaWdodDoyMDBweDsgYmFja2dyb3VuZC1jb2xvcjpibGFjazsgemluZGV4LTAiPg0KPC9kaXY+DQo8ZGl2IGlkPSJjb250YWluZXIiIHN0eWxlPSJwb3NpdGlvbjphYnNvbHV0ZTsgdG9wOjBweDsgbGVmdDowcHgiPg0KICA8ZGl2IGlkPSJibHVlX2JveCI+PC9kaXY+DQo8L2Rpdj4NCjwvYm9keT4NCjwvaHRtbD4NCg==" type="application/browser-plugin" width="400px" height="300px">
  70 </div>
  71 </body>
  72 </html>