<!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>