Home | History | Annotate | Download | only in gpu 
      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>
     80