Specification link: 19.2 Animation elements

animate-elem-38-t ← index → animate-elem-40-t

Tests that contain the draft-watermark are under development and may be incorrectly testing a feature.

# animate-elem-39-t.svg
SVG Image | PNG Image

## Operator Script

Run the test. Note each of the six subtests alternating (using animation) between two states. (The pass criteria indicate what must be shown for each of these.) Click on the top circle while it is showing "02": the test animate-elem-02-t should be loaded. Go back, then click on the circle again while it is showing "38": the test animate-elem-38-t should be loaded. Go back again, then click on the bottom circle while it is showing "03": the test animate-elem-03-t should be loaded. Go back again, then click on the bottom circle while it is showing "09": the test animate-elem-09-t should be loaded.

## Pass Criteria

Every one second, the document alternates between two states. In the first state, the top circle shows the number "02", the bottom circle shows "03", the two images show a picture of the Sydney Opera House, and the two 'use' elements show the text "Use A". In the second state, the top circle shows the number "38", the bottom circle shows "09", the two images show a picture of some water and land, and the two 'use' elements show the text "Use B".

The test passes if the document does alternate between these two states, and that clicking on the circles produces the behavior described in the operator script.

## Test Description

This test validates that the xlink:href attribute can be animated on the <a>, <image> and <use> elements, using the <animate> or <set> animation elements.

For the <a> animation, showing on the left-most column, the number indicates the number of the animation test currently linked by the xlink:href attribute. For example, when the xlink:href animated value is "animate-elem-38-t.svg", the text displays "38". When the user clicks on the displayed number, the user agent should open the corresponding link. For example, if the user clicks on 38, then the "animate-elem-38-t.svg" URI should be followed. If the user clicks on 02, then the "animate-elem-02-t.svg" URI should be followed.

For the <image> animations, the image xlink:href attribute cycles through two values showing a sun set and a picture of the sydney opera. The image should change every second and the images shown by the <set> and <animate> animations should always match.

For the <use> animations, the use xlink:href attribute cycles through values "#useA" and "#useB" which reference text elements displaying values "Use A" and "Use B". The change should happen every second and the text shown for the two animations (<set> and <animation>) should always match.

animate-elem-38-t ← index → animate-elem-40-t