This tests inheritance of three properties: "fill", "stroke" and "stroke-width". There is a "g" element (id="G1") which sets fill="blue", stroke="purple", and stroke-width="5". The first two rectangles on top should inherit all those properties. The middle left rectangle has fill="yellow" and stroke-width="2", it should inherit the stroke="purple" from the parent container. The middle rectangle on the right has stroke="yellow", it should inherit fill and stroke-width from the parent "g". The bottom two rectangles are in another "g" element (id="G2") which is a child of "G1". "G2" sets fill="yellow". It should inherit the stroke and stroke width from the parent "G1". The two bottom rectangles set no fill or stroke properties, they should inherit through the parents, stroke="purple" and stroke-width="5".
Run the test. No interaction required.
The rendered picture should match the reference image, except for possible variations in the labeling text (per CSS2 rules).
The test uses the "rect" element, as well as basic fill (solid primary colors), stroke (black 1-pixel lines), font-family (Arial) and font-size properties.