mirror of
https://github.com/servo/servo.git
synced 2025-06-23 08:34:42 +01:00
165 lines
No EOL
6.4 KiB
HTML
165 lines
No EOL
6.4 KiB
HTML
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<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 (9 tests)</h2>
|
|
<table width="100%">
|
|
<col id="test-column">
|
|
<col id="refs-column">
|
|
<col id="flags-column">
|
|
<col id="info-column">
|
|
<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="https://www.w3.org/TR/css3-transitions/#transition-events">5 Transition Events</a></th></tr>
|
|
<!-- 9 tests -->
|
|
<tr id="before-domcontentloaded-001-5" class="dom script">
|
|
<td>
|
|
<a href="before-DOMContentLoaded-001.htm">before-domcontentloaded-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>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="dom script">
|
|
<td>
|
|
<a href="before-load-001.htm">before-load-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>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.htm">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="dom script">
|
|
<td>
|
|
<a href="events-002.htm">events-002</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 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.htm">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.htm">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.htm">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="dom script">
|
|
<td>
|
|
<a href="events-006.htm">events-006</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 pseudo elements
|
|
<ul class="assert">
|
|
<li>Test checks that TransitionEnd events are fired for pseudo-elements</li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
<tr id="events-007-5" class="dom script">
|
|
<td>
|
|
<a href="events-007.htm">events-007</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>no transitionend event after display:none
|
|
<ul class="assert">
|
|
<li>Making an element display:none; while it has a transition in progress should prevent a transitionend event from getting fired.</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> |