Test that the viewer has basic capability to handle linear gradients on fills and stroke of objects and text.
This test uses the following elements : <linearGradient>, <stop> and the following properties : stop-color, fill:url(# ), stroke(url# )
Both elements in this test use the same simple gradient. It is a linear gradient from blue (left) to lime (right). From top-down the appearance of objects is as follows.
The top rectangle should be filled with the gradient.
The next rectangle has no fill, but has a thick stroke on which the gradient is applied.
Run the test. No interaction required.
The test passes if the rendering matches the reference image, apart from any differences in font choice due to CSS2 rules. Specifically: