pservers-grad-10-b.svg

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. Each of the three rectangles is filled with a linear gradient from blue on the left to lime on the right. The width of the gradient is only a fifth of the width of the rectangle, so:

• The top rectangle is filled with plain blue in the left two-fifths and with plain lime in the right two-fifths.
• The middle rectangle is filled with alternating copies of the blue-to-lime gradient. Thus, from left to right, the rectangle is filled with a gradient that goes from blue to lime to blue to lime to blue to lime.
• The bottom rectangle is filled with five copies of the blue-to-lime gradient. Thus, from left to right, the rectangle is filled with a gradient that goes from blue to lime, abruptly changing back to blue then smoothly changing to lime, etc.

Test that the viewer can handle the spreadMethod attribute on linear gradients.