servo/tests/wpt/css-tests/css-transitions-1_dev/xhtml1/chapter-3.xht

128 lines
No EOL
4.7 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>Starting of transitions - 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>Starting of transitions (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="s3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3">+</a>
<a href="https://www.w3.org/TR/css3-transitions/#starting">3 Starting of transitions</a></th></tr>
<!-- 4 tests -->
<tr id="changing-while-transition-3" class="dom script">
<td>
<a href="changing-while-transition.xht">changing-while-transition</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>behavior when transition parameters change while transitioning
<ul class="assert">
<li>Test checks that all transitions run properly when property or duration is changed mid-run</li>
</ul>
</td>
</tr>
<tr id="properties-value-inherit-001-3" class="dom script">
<td>
<a href="properties-value-inherit-001.xht">properties-value-inherit-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 inherited property values
<ul class="assert">
<li>Test checks that inherited property values that are transitioned on a parent element don't start a transition</li>
</ul>
</td>
</tr>
<tr id="properties-value-inherit-002-3" class="dom script">
<td>
<a href="properties-value-inherit-002.xht">properties-value-inherit-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>transitioning inherited property values
<ul class="assert">
<li>Test checks that inherited property values that are not transitioned on a parent element start a transition</li>
</ul>
</td>
</tr>
<tr id="properties-value-inherit-003-3" class="dom script">
<td>
<a href="properties-value-inherit-003.xht">properties-value-inherit-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>transitioning implicitly inherited property values
<ul class="assert">
<li>Test checks that implicitly inherited property values that are transitioned on a parent element don't start a transition</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s3.#after-change-style">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#before-change-style">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#combined-duration">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#end-time">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#end-value">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#manual-reversing-example">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#reversing-adjusted-start-value">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#reversing-shortening-factor">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#start-time">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#start-value">
<!-- 0 tests -->
</tbody>
<tbody id="s3.#style-change-event">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.1">+</a>
<a href="https://www.w3.org/TR/css3-transitions/#reversing">3.1 Automatically reversing interrupted transitions</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#new-transition">
<!-- 0 tests -->
</tbody>
<tbody id="s3.1.#old-transition">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>