Verifies implicit rendering order (paragraph 3.3) and grouping mechanism (paragraphs 3.4). It also validates basic Shape, Image and text rendering.
There are two tests. The first one renders 3 fully opaque elements: a text, then a shape, then an image. Because of their definition order and coordinates, the image should be on top of the rectangle and the rectangle on top of the text. The second test validates that groups are conceptually rendered offscreen before being rendered on the canvas. This is done by grouping the same overlapping objects and rendering the group at half opacity. The background pattern (vertical stripes) should show throw all the group elements. However, none of the "A" should show through the rectangle and none of the rectangle should show through the image.
Prerequisites: the test assumes proper handling of the fill stroke, stroke-width, opacity, font-size rendering properties. It uses the rect, line, text and image elements, as well as all the elements required for the test template.
The rendered image should match the reference image except for the text which may show minor layout differences.