This tests that the cloneNode method of the
Node interface works correctly.
The test has two sub-tests: one for a deep clone, and
one for a shallow clone.
-
The first row shows the deep clone sub-test. A group
containing three cascaded rectangles and a text
element are cloned and inserted into the document 180
user units to the right. The group inherits fill and
stroke colors from a parent element, and where the cloned
copy of the group is inserted, different colors are
inherited. The original group inherits a blue fill and
a light blue stroke, while the cloned group inherits an
orange fill and a light orange stroke. The text in both copies
of the group have a white fill and no stroke.
-
The second row shows the shallow clone sub-test. A circle
element with two child set elements (that set the fill to
blue and the stroke to light blue) is shallow cloned and inserted
into the document 100 user units to the right. Since it is a
shallow clone, the cloned circle does not have the
set element children, and inherits an orange fill
and a light orange stroke.
