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.