1<!DOCTYPE HTML> 2 3<!-- READ BEFORE UPDATING: 4If this test is updated make sure to increment the "revision" value of the 5associated test in content/test/gpu/page_sets/pixel_tests.json. This will ensure 6that 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> 18var g_swapsBeforeAck = 100; 19 20function main() 21{ 22 waitForFinish(); 23} 24 25function 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