content/test/data/gpu/pixel_browser_plugin.html

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