SVGViewTests/w3c/1.2T/svg/udom-textcontent-201-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="ASl" desc="Test on textContent on element with several children containing text nodes" status="accepted"
    approved="yes"
    version="$Revision: 1.9 $" testname="$RCSfile: udom-textcontent-201-t.svg,v $">
    <d:OperatorScript xmlns:d="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/1999/xhtml">
      <p>
        Tests retrieving nested text using textContent.
      </p>
      <p>
        For this test to pass the text "Not changed yet!" in red must be
        replaced by the text "Rect Text and Rect Animate Text!" in green.
      </p>
      <p>
        textContent is used in the following ways:
      </p>
      <div>
        <ul>
          <li>
            to retrieve the text nested within the rect element "sourceTextRect"
          </li>
          <li>
            to set the text in the "originalText" text element to ""
          </li>
          <li>
            to set the text in the "destinationText" text element to the text
            retrieved from the rect element "sourceTextRect"
          </li>
        </ul>
      </div>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: udom-textcontent-201-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">

    <!-- The text here will be changed to "" after 1 second -->
    <text xml:id="originalText" x="10" y="50" font-weight="bold" font-size="20" fill="red">
      Not changed yet!
      <!-- Dummy animate element just to activate the listener -->
      <animate xml:id="dummyAnim" attributeName="x" begin="1s" dur="1s" from="10" to="10"/>
    </text>

    <!-- This element will be populated with text after 1 second -->
    <text xml:id="destinationText" x="10" y="50" font-weight="bold" font-size="20" fill="green"></text>

    <!-- This element will supply the text that will populate the "destinationText" text element -->
    <rect xml:id="sourceTextRect" x="10" y="10" width="20" height="20" fill="yellow" stroke="blue" stroke-width="5">
      <text x="10" y="100" font-weight="bold" font-size="20" fill="green">
        Rect Text
      </text>

      <animate xml:id="rectAnim" attributeName="x" begin="0s" dur="2s" from="10" to="30">
        <desc>
          and Rect Animate Text!
        </desc>
      </animate>
    </rect>

    <!-- Register event listener -->
    <xe:listener observer="dummyAnim" event="beginEvent" handler="#handler"/>

    <!-- Handler -->
    <handler xml:id="handler" type="application/ecmascript">
      textContent(evt);
    </handler>

    <script type="application/ecmascript">
      <![CDATA[
              function textContent(evt)
              {
                var org_text = document.getElementById("originalText")
                var des_text = document.getElementById("destinationText");
                var src_text = document.getElementById("sourceTextRect");
                
                org_text.textContent = "";
                des_text.textContent = src_text.textContent;
              }
            ]]>
    </script>
    <text x="10" y="150" font-size="20">Test on textContent</text>
    <text x="10" y="180" font-size="15">The text "Not changed yet!" (in red) that is located just below the rect </text>
    <text x="10" y="200" font-size="15">must be replaced after 1s by</text>
    <text x="10" y="220" font-size="15">"Rect Text and Rect Animate Text!" (in green)</text>
  </g>
  <g font-family="SVGFreeSansASCII,sans-serif" font-size="32">
    <text xml:id="revision" x="10" y="340" stroke="none"
      fill="black">$Revision: 1.9 $</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>