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>
11var g_swapsBeforeAck = 100;
12
13function main()
14{
15  waitForFinish();
16}
17
18function 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>
73