Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / content / test / data / gpu / pixel_browser_plugin.html
blobf8023cabe96f0562ceca50e6ba391a8ff87129d2
1 <!DOCTYPE HTML>
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.py. This will ensure
6 that the baseline images are regenerated on the next run.
7 -->
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;
16 </style>
17 <script>
18 var g_swapsBeforeAck = 100;
20 function main()
22 waitForFinish();
25 function waitForFinish()
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);
36 </script>
37 </head>
38 <body onload="main()">
39 <div id="container" style="position:absolute; top:0px; left:0px">
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;
49 #container {
50 -webkit-perspective: 500;
53 #container > div {
54 position: relative;
55 margin: 50px;
56 width: 125px;
57 height: 75px;
60 #container > :first-child {
61 background-color: blue;
62 -webkit-transform: rotateY(45deg);
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 //-->
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>