Specification link:

animate-elem-92-t ← index → animate-interact-pevents-01-t

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

# animate-interact-events-01-t.svg
SVG Image | PNG Image

## Operator Script

Mouseover each of the red rectangles, and then click on the bottommost rectangle.

## Pass Criteria

This test contains four cases. The cases must produce the following results for the test to pass.

- Case 1: On a mouseover event on the top square, all four squares must turn blue.
- Case 2: On a mouseover event on the top middle square, all four squares must turn blue and a black stroke must appear on the referencing square (element).
- Case 3: On a mouseover event on the bottom middle square, all four squares must turn blue and a black stroke must appear on the referencing square (element).
- Case 4: On a mouseover event on the bottom square, all four squares must turn blue, and on a mousedown event a black stroke must appear on the referencing square (element).

## Test Description

Tests 'mouseover' event on SVGElementInstance

What each case tests is as follows. Case 1: mouseover event on SVGElementInstance. Referenceing an element that contains an event. Case 2: mouseover event on referencing element. Event bubbling from SVGElementInstance to referencing element. Case 3: mouseover event on parent of referencing element. Event bubbling from SVGElementInstance to referencing element ancestors. Case 4: mousedown event on referencing element. SVGElementInstance is not effected by event listener on referencing element.

animate-elem-92-t ← index → animate-interact-pevents-01-t