Refactoring: Pull all fullscreen code out of Document and into its own helper class
[WebKit-https.git] / LayoutTests / transitions / transition-end-event-prefixed-01.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5     <style>
6     .box {
7         position: relative;
8         left: 0;
9         height: 100px;
10         width: 100px;
11         margin: 10px;
12         background-color: blue;
13         -webkit-transition-property: width;
14         -webkit-transition-duration: 0.5s;
15     }
16     </style>
17     <script src="transition-end-event-helpers.js"></script>
18     <script src="../resources/js-test-pre.js"></script>
19     <script type="text/javascript">
20     function runAnimation() {
21         var box = document.getElementById('box1');
22         box.style.width = '200px';
23     }
24   </script>
25 </head>
26 <body onLoad="runAnimation()">
27 <script type="text/javascript">
28     description("Test to make sure that if prefixed transition events are modified we correctly modify unprefixed events.");
29
30     if (window.testRunner)
31         testRunner.waitUntilDone();
32
33     var testContainer = document.createElement("div");
34     document.body.appendChild(testContainer);
35
36     testContainer.innerHTML = '<div id="box1" class="box"></div>';
37     var box = document.getElementById('box1');
38
39     var transitionEventContainer;
40     var transitionEventBox;
41
42     function innerTransitionEndEvent(e)
43     {
44         transitionEventBox = e;
45     }
46
47     function outerTransitionEndEvent(e)
48     {
49         transitionEventContainer = e;
50         shouldBe("transitionEventContainer.type", "transitionEventBox.type");
51         shouldBe("transitionEventContainer.bubbles", "transitionEventBox.bubbles");
52         shouldBe("transitionEventContainer.timeStamp", "transitionEventBox.timeStamp");
53         shouldBe("transitionEventContainer.cancelable", "transitionEventBox.cancelable");
54         shouldBe("transitionEventContainer.srcElement", "transitionEventBox.srcElement");
55         shouldBe("transitionEventContainer.returnValue", "transitionEventBox.returnValue");
56         shouldBe("transitionEventContainer.cancelBubble", "transitionEventBox.cancelBubble");
57         shouldBe("transitionEventContainer.defaultPrevented", "transitionEventBox.defaultPrevented");
58         shouldBe("transitionEventContainer.target", "transitionEventBox.target");
59         shouldBe("transitionEventContainer.currentTarget", "testContainer");
60         // TransitionEnd event specific properties.
61         shouldBe("transitionEventContainer.pseudoElement", "transitionEventBox.pseudoElement");
62         shouldBe("transitionEventContainer.elapsedTime", "transitionEventBox.elapsedTime");
63         shouldBe("transitionEventContainer.propertyName", "transitionEventBox.propertyName");
64         if (window.testRunner)
65             testRunner.notifyDone();
66         document.body.removeChild(testContainer);
67     }
68
69     testContainer.addEventListener('webkitTransitionEnd', outerTransitionEndEvent, false);
70     box.addEventListener('webkitTransitionEnd', innerTransitionEndEvent, false);
71 </script>
72 <script src="../resources/js-test-post.js"></script>
73 </body>
74 </html>