summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/transitions/transition-end-event-nested.html
diff options
context:
space:
mode:
Diffstat (limited to 'third_party/WebKit/LayoutTests/transitions/transition-end-event-nested.html')
-rw-r--r--third_party/WebKit/LayoutTests/transitions/transition-end-event-nested.html66
1 files changed, 34 insertions, 32 deletions
diff --git a/third_party/WebKit/LayoutTests/transitions/transition-end-event-nested.html b/third_party/WebKit/LayoutTests/transitions/transition-end-event-nested.html
index a16569a5..b340bd4 100644
--- a/third_party/WebKit/LayoutTests/transitions/transition-end-event-nested.html
+++ b/third_party/WebKit/LayoutTests/transitions/transition-end-event-nested.html
@@ -27,56 +27,58 @@
}
</style>
- <script src="end-event-helpers.js" type="text/javascript" charset="utf-8"></script>
+ <script src="transition-end-event-helpers.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
- if (window.layoutTestController) {
- layoutTestController.dumpAsText();
- layoutTestController.waitUntilDone();
- }
-
- var expected = [
- ["background-color", "box2", "webkitTransitionEnd", 0.2],
- ["left", "box1", "webkitTransitionEnd", 0.2],
- ["width", "box3", "webkitTransitionEnd", 0.3],
+
+ var expectedEndEvents = [
+ // [property-name, element-id, elapsed-time, listen]
+ ["background-color", "box2", 0.2, false],
+ ["left", "box1", 0.2, false],
+ ["width", "box3", 0.3, false],
];
- function startTransition1()
+ function handleEndEvent2(event)
{
- var box = document.getElementById("box1");
- box.addEventListener("webkitTransitionEnd", handleEndEvent1, false);
- box.className = "box box1";
- }
-
- function handleEndEvent1(event) {
- recordEvent(event);
- setTimeout(startTransition2, 100);
+ recordTransitionEndEvent(event);
}
function startTransition2()
{
- var box = document.getElementById("box2");
+ var box = document.getElementById("box3");
box.addEventListener("webkitTransitionEnd", handleEndEvent2, false);
- box.className = "box box2";
+ box.className = "box box3";
}
- function handleEndEvent2(event) {
- recordEvent(event);
- setTimeout(startTransition3, 100);
+ function handleEndEvent1(event)
+ {
+ recordTransitionEndEvent(event);
+
+ setTimeout(startTransition2, 100);
}
- function startTransition3()
+ function startTransition1()
{
- var box = document.getElementById("box3");
- box.addEventListener("webkitTransitionEnd", handleEndEvent3, false);
- box.className = "box box3";
+ var box = document.getElementById("box2");
+ box.addEventListener("webkitTransitionEnd", handleEndEvent1, false);
+ box.className = "box box2";
}
- function handleEndEvent3(event) {
- recordEvent(event);
- window.setTimeout(cleanup, 100);
+ function handleEndEvent(event)
+ {
+ recordTransitionEndEvent(event);
+
+ setTimeout(startTransition1, 100);
}
- window.addEventListener('load', startTransition1, false);
+ function setupTest()
+ {
+ var box = document.getElementById("box1");
+ box.addEventListener("webkitTransitionEnd", handleEndEvent, false);
+ box.className = "box box1";
+ }
+
+ runTransitionTest(expectedEndEvents, 1.0, setupTest);
+
</script>
</head>
<body>