<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Transition Events - CSS Transitions Module Level 1 CR Test Suite</title> <style type="text/css"> @import "http://www.w3.org/StyleSheets/TR/base.css"; @import "../indices.css"; </style> </head> <body> <h1>CSS Transitions Module Level 1 CR Test Suite</h1> <h2>Transition Events (8 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> <col id="flags-column"></col> <col id="info-column"></col> <thead> <tr> <th>Test</th> <th><abbr title="Rendering References">Refs</abbr></th> <th>Flags</th> <th>Info</th> </tr> </thead> <tbody id="s5"> <tr><th colspan="4" scope="rowgroup"> <a href="#s5">+</a> <a href="http://www.w3.org/TR/css3-transitions/#transition-events">5 Transition Events</a></th></tr> <!-- 8 tests --> <tr id="before-domcontentloaded-001-5" class="primary dom script"> <td><strong> <a href="before-DOMContentLoaded-001.xht">before-domcontentloaded-001</a></strong></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>Transitioning before DOMContentLoaded event <ul class="assert"> <li>Test checks that transitions are run even before the document has left parsing mode</li> </ul> </td> </tr> <tr id="before-load-001-5" class="primary dom script"> <td><strong> <a href="before-load-001.xht">before-load-001</a></strong></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>Transitioning before load event <ul class="assert"> <li>Test checks that transitions are run even before all assets are loaded</li> </ul> </td> </tr> <tr id="events-001-5" class="dom script"> <td> <a href="events-001.xht">events-001</a></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transitionend event for shorthand property <ul class="assert"> <li>Test checks that all transitionend events are triggered for shorthand property</li> </ul> </td> </tr> <tr id="events-002-5" class="primary dom script"> <td><strong> <a href="events-002.xht">events-002</a></strong></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transitionend event for implied property value <ul class="assert"> <li>Test checks that all transitionend events are triggered for implied property value</li> </ul> </td> </tr> <tr id="events-003-5" class="dom script"> <td> <a href="events-003.xht">events-003</a></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transitionend event with negative delay <ul class="assert"> <li>Test checks that transitionend event is triggered for duration time being canceled out by negative delay</li> </ul> </td> </tr> <tr id="events-004-5" class="dom script"> <td> <a href="events-004.xht">events-004</a></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transitionend event with non matching lists <ul class="assert"> <li>Test checks that non-matching lists are properly resolved</li> </ul> </td> </tr> <tr id="events-005-5" class="dom script"> <td> <a href="events-005.xht">events-005</a></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transitionend event with property specificity <ul class="assert"> <li>Test checks that property specificity is properly resolved</li> </ul> </td> </tr> <tr id="events-006-5" class="primary dom script"> <td><strong> <a href="events-006.xht">events-006</a></strong></td> <td></td> <td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td> <td>transitionend event for pseudo elements <ul class="assert"> <li>Test checks that TransitionEnd events are fired for pseudo-elements</li> </ul> </td> </tr> </tbody> <tbody id="s5.#Events-TransitionEvent"> <!-- 0 tests --> </tbody> <tbody id="s5.#Events-TransitionEvent-elapsedTime"> <!-- 0 tests --> </tbody> <tbody id="s5.#Events-TransitionEvent-propertyName"> <!-- 0 tests --> </tbody> <tbody id="s5.#Events-TransitionEvent-pseudoElement"> <!-- 0 tests --> </tbody> <tbody id="s5.#TransitionEvent"> <!-- 0 tests --> </tbody> <tbody id="s5.#TransitionEvent-constructor"> <!-- 0 tests --> </tbody> <tbody id="s5.#TransitionEventInit"> <!-- 0 tests --> </tbody> <tbody id="s5.#transition-events-"> <!-- 0 tests --> </tbody> <tbody id="s5.#transitionend"> <!-- 0 tests --> </tbody> </table> </body> </html>