SVGViewTests/w3c/1.2T/svg/udom-dom-207-t.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.2" baseProfile="tiny" xml:id="svg-root" width="100%" height="100%"
  viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xe="http://www.w3.org/2001/xml-events">
  <!--======================================================================-->
  <!--=  Copyright 2008 World Wide Web Consortium, (Massachusetts          =-->
  <!--=  Institute of Technology, European Research Consortium for         =-->
  <!--=  Informatics and Mathematics (ERCIM), Keio University).            =-->
  <!--=  All Rights Reserved.                                              =-->
  <!--=  See http://www.w3.org/Consortium/Legal/.                          =-->
  <!--======================================================================-->
  <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/"
    reviewer="AE" owner="CM" desc="Test the operation of Node.cloneNode" status="accepted"
    approved="yes"
    version="$Revision: 1.5 $" testname="$RCSfile: udom-dom-207-t.svg,v $">
    <d:OperatorScript xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/1999/xhtml">
      <p>
        This tests that the <tt>cloneNode</tt> method of the
        <b>Node</b> interface works correctly.
      </p>
      <p>
        The test has two sub-tests: one for a deep clone, and
        one for a shallow clone.
      </p>
      <ul>
        <li>
          The first row shows the deep clone sub-test.  A group
          containing three cascaded rectangles and a <tt>text</tt>
          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.
        </li>
        <li>
          The second row shows the shallow clone sub-test.  A <tt>circle</tt>
          element with two child <tt>set</tt> 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 <tt>circle</tt> does not have the
          <tt>set</tt> element children, and inherits an orange fill
          and a light orange stroke.
        </li>
      </ul>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: udom-dom-207-t.svg,v $</title>
  <defs>
    <font-face
      font-family="SVGFreeSansASCII"
      unicode-range="U+0-7F">
      <font-face-src>
        <font-face-uri xlink:href="../images/SVGFreeSans.svg#ascii"/>
      </font-face-src>
    </font-face>
  </defs>
  <g xml:id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
    <text x='10' y='42'>Node.cloneNode test</text>
    <g transform='translate(100,50)'>
      <g font-size='10' text-anchor='middle'>
        <text x='50' y='120'>original</text>
        <text x='230' y='120'>deep clone</text>
        <text x='50' y='230'>original</text>
        <text x='230' y='230'>shallow clone</text>
      </g>
      <g stroke-width='4'>
        <g xml:id='g1' fill='blue' stroke='#88f'>
          <g xml:id='g2'>
            <rect x='10' y='30' width='50' height='50'/>
            <rect x='20' y='40' width='50' height='50'/>
            <rect x='30' y='50' width='50' height='50'/>
            <text x='55' y='80' fill='white' stroke='none' text-anchor='middle'>A</text>
          </g>
        </g>
        <g xml:id='g3' transform='translate(180,0)' fill='#f80' stroke='#fc8' stroke-width='4'/>

        <circle xml:id='circle1' cx='50' cy='185' r='25' fill='#f80' stroke='#fc8'>
          <set attributeName='fill' to='blue'/>
          <set attributeName='stroke' to='#88f'/>
        </circle>
        <g xml:id='g4' transform='translate(180,0)'/>
      </g>
    </g>
    <script type='application/ecmascript'>
      <![CDATA[
      // Get all of the elements.
      var ids = 'g1 g2 g3 g4 circle1'.split(' ');
      for (var i in ids) {
        this[ids[i]] = document.getElementById(ids[i]);
      }

      // Test deep cloning an element.
      g2c = g2.cloneNode(true);
      g3.appendChild(g2c);

      // Test shallow cloning an element.
      circle1c = circle1.cloneNode(false);
      g4.appendChild(circle1c);
      ]]>
    </script>
  </g>
  <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
    <text xml:id="revision" x="10" y="340" stroke="none"
      fill="black">$Revision: 1.5 $</text>
  </g>
  <rect xml:id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000"/>
  <!-- comment out this watermark once the test is approved -->
  <!--<g xml:id="draft-watermark">
    <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/>
    <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240" 
      text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text>
  </g>-->
</svg>