The test passes if the rendering matches the reference image, apart
from any differences in font choice due to CSS2 rules. Specifically:
The top-left rectangle must be filled with a circular radial gradient
with dark blue inside and lime outside. The center point of the gradient
is in the lower-left quadrant of the rectangle.
The top-right rectangle has no fill, but a thick stroke which is painted
with a radial gradient with dark orange inside and yellow outside. The
center point of this gradient is in the lower-left quadrant of the
rectangle.
The "Gradient on text fill" text must be filled with a circular radial
gradient with green inside and yellow outside. The center point of the
gradient is the center of the text.
The "Gradient on text stroke" has no fill, but a stroke which is painted with
a circular radial gradient with black inside and pink outside. The center point of the
gradient is the center of the text.