interact-event-203-t

Tests 'mouseover' event on SVGElementInstance

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

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.