Specification link: 19.2 Animation elements

animate-elem-30-t ← index → animate-elem-32-t

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

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

## Operator Script

Run the test. No interaction required.

## Pass Criteria

While the test is running (which takes approximately 8 seconds), the text "Test running" is shown. The test passes if:

- While the test is running, the colored circles are variously shown and hidden.
- A colored circle is shown in the top rectangle if and only if the corresponding colored circle is shown in the bottom rectangle.

## Test Description

The purpose of this test is to test animation of the display attribute.

The test shows two gray rectangles which are filled with colored circles during the length of the animation (8 sec). The circles in the top rectangle are displayed/hidden by animating the display attribute. The circles in the bottom rectangle are serving as the reference and are displayed/hidden by animating the visibility attribute. A correct implementation should display/hide circles with the same color from the top and bottom rectangle at the same time.

In total there are 6 different circles (purple, green, dodgerblue, blue, yellow, cyan) in 5 positions (blue and yellow share position) that should be displayed during the test.

animate-elem-30-t ← index → animate-elem-32-t