interact-events-203-t.svg

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

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).

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.