animate-elem-78-t

38.9% of the ink matches
fail - measured over 12643 pixels carrying ink in either image.
These results are not meaningful. This check renders a single static frame, and nothing in a test document records which moment in time its reference image was captured at - so a correct SMIL implementation and a broken one are equally likely to mismatch. Animation behaviour is covered by dedicated unit tests instead; see ctgnz/foxglove#208 for a real measurement methodology, still to be worked out.

W3C reference (context only, see #200)

W3C reference (context only, see #200)

Foxglove

Foxglove

Difference

Difference
In the difference panel, red marks pixels that differ beyond tolerance and grey marks matching content. The tinted band, where present, is the <text id="revision"> legend every test carries: it renders in a fallback font this library cannot match, so it is excluded from the comparison entirely rather than failing every test.

What this test checks

The document is animated such that it alternates between two states, an alternation occurring every second. In each row there are three sub-tests, which must behave identically except for any differences noted below. Each sub-test consists of a colored shape that in one state appears in the left column and in the second state appears in the right column. The test is passed if the following conditions are met: For the fill-rule, stroke-width, stroke-linecap, stroke-linejoin, stroke-miterlimit and stroke-dashoffset rows, the red shape must take the exact shape and position of the two gray silhouettes when animating between the two states. For the fill row, the colored square must take the exact shape and position of the two gray silhouettes when animating between the two states. When in the left column, it must be red, and when in the right column, it must be orange. For the color row, the colored square must take the exact shape and position of the two gray silhouettes when animating between the two states. When in the left column, it must be red, and when in the right column, it must be orange. For the stroke row, the shape must be invisible when in the left column, and must be a red-stroked, empty-filled square matching the size and position of the gray silhouette when in the right column. For the display and visibility rows, the shape must be a red square matching the size and position of the gray silhouette when in the left column, and must be invisible when in the right column.

View the source document at W3C