servo/tests/wpt/css-tests/css-animations-1_dev/xhtml1/chapter-5.xht

131 lines
No EOL
4.8 KiB
HTML

<!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>Animation Events - CSS Animations 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 Animations Module Level 1 CR Test Suite</h1>
<h2>Animation Events (4 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-animations/#animation-events">5 Animation Events</a></th></tr>
<!-- 2 tests -->
<tr id="animation-iteration-event-5" class="animated">
<td>
<a href="animation-iteration-event.xht">animation-iteration-event</a></td>
<td></td>
<td><abbr class="animated" title="Animated test">Animated</abbr></td>
<td>CSS3 Animations: To verify if &quot; animationiteration &quot; event occurs at the end of each iteration of an animation for which animation-iteration-count is greater than one.
<ul class="assert">
<li>To verify if &quot; animationiteration &quot; event occurs at the end of each iteration of an animation for which animation-iteration-count is greater than one.</li>
</ul>
</td>
</tr>
<tr id="animationstart-and-animationend-events-5" class="animated">
<td>
<a href="animationstart-and-animationend-events.xht">animationstart-and-animationend-events</a></td>
<td></td>
<td><abbr class="animated" title="Animated test">Animated</abbr></td>
<td>CSS3 Animations: To verify animationstart and animationend events are handled.
<ul class="assert">
<li>To verify if &quot;animationstart&quot; event occurs when animation starts and &quot;animationend&quot; occurs when the animation ends.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1">+</a>
<a href="http://www.w3.org/TR/css3-animations/#AnimationEvent-interface">5.1 Interface AnimationEvent</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.#animationevent">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.1">+</a>
<a href="http://www.w3.org/TR/css3-animations/#AnimationEvent-IDL">5.1.1 IDL Definition</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.1.#AnimationEventInit">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1.2">+</a>
<a href="http://www.w3.org/TR/css3-animations/#AnimationEvent-attributes">5.1.2 Attributes</a></th></tr>
<!-- 2 tests -->
<tr id="pseudoelement-001-5.1.2" class="primary script">
<td><strong>
<a href="pseudoElement-001.xht">pseudoelement-001</a></strong></td>
<td></td>
<td><abbr class="script" title="Executes tests in script">Script</abbr></td>
<td>pseudoElement attribute of Event - return the name or empty string
</td>
</tr>
<tr id="pseudoelement-002-5.1.2" class="primary">
<td><strong>
<a href="pseudoElement-002.xht">pseudoelement-002</a></strong></td>
<td></td>
<td></td>
<td>the target of the event is that pseudo-element's corresponding element
<ul class="assert">
<li>The target of the event is that pseudo-element's corresponding element.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s5.1.2.#AnimationEvent-animationName">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.#AnimationEvent-constructor">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.#AnimationEvent-elapsedTime">
<!-- 0 tests -->
</tbody>
<tbody id="s5.1.2.#AnimationEvent-pseudoElement">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.2">+</a>
<a href="http://www.w3.org/TR/css3-animations/#AnimationEvent-types">5.2 Types of AnimationEvent</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#animationend">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#animationiteration">
<!-- 0 tests -->
</tbody>
<tbody id="s5.2.#animationstart">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>