styling-inherit-03-t

SVG Image

PNG Image

FAIL

Tests inheritance, animation, currentColor on solid-color. Four
rectangles are displayed. After a five second animation has completed,
the test is passed if all four rectangles display a solid green fill.

Note: The solid-color property is not inherited by default, but the value 'inherit' forces it to
inherit the current animated value from its parent.

In the first subtest, the rectangle has a solid fill.
On the solidColor element, the value of the solid-color property is
'inherit'. Its parent, a group, also has solid-color set to
"inherit". The parent of this group is another group, the property
solid-color is green on it.

In the second subtest, the rectangle has a solid fill.
On the solidColor element, the value of the solid-color property is
'inherit'. Its parent has solid-color set to
"inherit". The parent of this group is another group whose solid-color
property is yellow.
The solid-color property on the solidColor element is
animated from yellow to green. Thus, after the animation finishes,
the inherited value is green.

In the third subtest, the rectangle has a solid fill.
On the solidColor element, the value of the solid-color property is
'inherit'. Its parent has solid-color set to
"inherit". The parent of this group is another group whose solid-color
property is yellow.
The solid-color property on the outermost group is
animated from yellow to green. Thus, after the animation finishes,
the inherited value is green.

In the fourth subtest, the rectangle has a solid fill.
On the solidColor element, the value of the solid-color property is
'currentColor'. Its parent has color set to
"inherit". The parent of this group is another group whose color
property is yellow.
The color property on theoutermost group is
animated from yellow to green. Thus, after the animation finishes,
the inherited value of color, and thus the value used by currentColor, is green.