SVGViewTests/w3c/1.2T/svg/udom-svg-224-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 trait access for 'begin'" status="accepted"
    approved="yes"
    version="$Revision: 1.7 $" testname="$RCSfile: udom-svg-224-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 trait access methods on the <b>TraitAccess</b> interface
        for the 'begin' trait.  Each trait getter and setter method is called on
        each applicable SVG Tiny 1.2 element.
      </p>
      <p>
        The test is passed if, five seconds after the document begins:
      </p>
      <ul>
        <li>the rectangle is blue,</li>
        <li>
          there is a blue circle to the right of the rectangle whose
          diameter is the same as the height of the rectangle,
        </li>
        <li>an animation showing rotating rectangles to the right of the circle begins,</li>
        <li>a video showing a dog to the right of the animation begins (if 3gp video is supported), and</li>
        <li>an audio clip begins playing (if wav audio is supported).</li>
      </ul>
      <p>
        Also, there must be no text displayed inside  the rounded green rectangle.
      </p>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: udom-svg-224-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'>Trait access test: begin</text>
    <rect xml:id='ind' x='10' y='60' width='50' height='50' fill='red'/>
    <text xml:id='d' x='10' y='180' font-size='9px'/>
    <circle xml:id='c1' cx='35' cy='85' r='5' fill='red' transform='scale(0.2)' fill-opacity='0.2'/>
    <rect x="4" y="150" width="472" height="150" fill="none" stroke="green" stroke-width="2" rx="8"/>
    <script type='application/ecmascript'>
      <![CDATA[
      SVGNS = 'http://www.w3.org/2000/svg';

      function assertTrue(b, msg) {
        if (!b) {
          throw msg;
        }
      }

      function assertException(f, code, msg) {
        try {
          f();
        } catch (e) {
          if (e.code == code) {
            return;
          }
          throw 'Incorrect exception code: (' + e.code + '/' + code+') ' + msg;
        }
        throw 'No exception thrown: ' + msg;
      }

      var svg = document.documentElement;

      // Get all of the elements.
      var ids = 'ind d c1'.split(' ');
      for (var i in ids) {
        this[ids[i]] = document.getElementById(ids[i]);
      }

      // Elements this trait applies to.
      var applicableElementNames = [ 'animate',  'animateColor',  'animateMotion',  'animateTransform',  'animation',  'audio',  'discard',  'set',  'video'];

      var e;
      try {
        for (var i in applicableElementNames) {
        
         name = applicableElementNames[i];

          e = document.createElementNS(SVGNS, name);

          assertException(function() { e.setTrait('begin', 'invalid+') }, DOMException.INVALID_ACCESS_ERR, 'set invalid value using setTrait(), on ' + name);          
          assertException(function() { e.setTraitNS(null, 'begin', 'invalid+') }, DOMException.INVALID_ACCESS_ERR, 'set invalid value using setTraitNS(), on ' + name);

          assertException(function() { e.getTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getTrait(), on ' + name);
          assertException(function() { e.getTraitNS(null, 'begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getTrait(), on ' + name);
          assertException(function() { e.getFloatTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getFloatTrait(), on ' + name);
          //assertException(function() { e.getFloatListTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getFloatListTrait(), on ' + name);
          assertException(function() { e.getMatrixTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getMatrixTrait(), on ' + name);
          assertException(function() { e.getRectTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getRectTrait(), on ' + name);
          assertException(function() { e.getPathTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getPathTrait(), on ' + name);
          assertException(function() { e.getRGBColorTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getRGBColorTrait(), on ' + name);

          assertException(function() { e.getPresentationTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getPresentationTrait(), on ' + name);
          assertException(function() { e.getPresentationTraitNS(null, 'begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getPresentationTrait(), on ' + name);
          assertException(function() { e.getFloatPresentationTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getFloatPresentationTrait(), on ' + name);
          //assertException(function() { e.getFloatListPresentationTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getFloatListPresentationTrait(), on ' + name);
          assertException(function() { e.getMatrixPresentationTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getMatrixPresentationTrait(), on ' + name);
          assertException(function() { e.getRectPresentationTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getRectPresentationTrait(), on ' + name);
          assertException(function() { e.getPathPresentationTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getPathPresentationTrait(), on ' + name);
          assertException(function() { e.getRGBColorPresentationTrait('begin') }, DOMException.TYPE_MISMATCH_ERR, 'incorrect get value using getRGBColorPresentationTrait(), on ' + name);


          assertException(function() { e.setFloatTrait('begin', 0) }, DOMException.TYPE_MISMATCH_ERR, 'set incorrect value using setFloatTrait(), on ' + name);
          //assertException(function() { e.setFloatListTrait('begin', []) }, DOMException.TYPE_MISMATCH_ERR, 'set incorrect value using setFloatListTrait(), on ' + name);
          assertException(function() { e.setMatrixTrait('begin', svg.createSVGMatrixComponents(1, 0, 0, 1, 0, 0)) }, DOMException.TYPE_MISMATCH_ERR, 'set incorrect value using setMatrixTrait(), on ' + name);
          assertException(function() { e.setRectTrait('begin', svg.createSVGRect()) }, DOMException.TYPE_MISMATCH_ERR, 'set incorrect value using setRectTrait(), on ' + name);
          assertException(function() { e.setPathTrait('begin', svg.createSVGPath()) }, DOMException.TYPE_MISMATCH_ERR, 'set incorrect value using setPathTrait(), on ' + name);
          assertException(function() { e.setRGBColorTrait('begin', svg.createSVGRGBColor(0,0,0)) }, DOMException.TYPE_MISMATCH_ERR, 'set incorrect value using setRGBColorTrait(), on ' + name);
        }
        

        e = document.createElementNS(SVGNS, 'animate');
        e.setTrait('begin', '5s');
        e.setAttributeNS(null, 'attributeName', 'r');
        e.setAttributeNS(null, 'from', '0');
        e.setAttributeNS(null, 'to', '25');
        e.setAttributeNS(null, 'dur', '0.1s');
        e.setAttributeNS(null, 'fill', 'freeze');
        c1.appendChild(e);

        assertException(function() { e.setTrait('begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTrait() while <animate> element is in the document');
        assertException(function() { e.setTraitNS(null, 'begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTraitNS() while <animate> element is in the document');

        e = document.createElementNS(SVGNS, 'animateColor');
        e.setTraitNS(null, 'begin', '5s');
        e.setAttributeNS(null, 'attributeName', 'fill');
        e.setAttributeNS(null, 'from', 'black');
        e.setAttributeNS(null, 'to', '#0000ff');
        e.setAttributeNS(null, 'dur', '0.1s');
        e.setAttributeNS(null, 'fill', 'freeze');
        c1.appendChild(e);

        assertException(function() { e.setTrait('begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTrait() while <animateColor> element is in the document');
        assertException(function() { e.setTraitNS(null, 'begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTraitNS() while <animateColor> element is in the document');

        e = document.createElementNS(SVGNS, 'animateTransform');
        e.setTrait('begin', '5s');
        e.setAttributeNS(null, 'attributeName', 'transform');
        e.setAttributeNS(null, 'type', 'scale');
        e.setAttributeNS(null, 'from', '0');
        e.setAttributeNS(null, 'to', '1');
        e.setAttributeNS(null, 'begin', '0s');
        e.setAttributeNS(null, 'dur', '0.1s');
        e.setAttributeNS(null, 'fill', 'freeze');
        c1.appendChild(e);

        assertException(function() { e.setTrait('begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTrait() while <animateTransform> element is in the document');
        assertException(function() { e.setTraitNS(null, 'begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTraitNS() while <animateTransform> element is in the document');

        e = document.createElementNS(SVGNS, 'animateMotion');
        e.setTrait('begin', '5s');
        e.setAttributeNS(null, 'path', 'M0,0 L100,0');
        e.setAttributeNS(null, 'from', '0');
        e.setAttributeNS(null, 'to', '1');
        e.setAttributeNS(null, 'dur', '0.1s');
        e.setAttributeNS(null, 'fill', 'freeze');
        c1.appendChild(e);

        assertException(function() { e.setTrait('begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTrait() while <animateMotion> element is in the document');
        assertException(function() { e.setTraitNS(null, 'begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTraitNS() while <animateMotion> element is in the document');


        e = document.createElementNS(SVGNS, 'animation');

        e.setTrait('begin', '5s');
        e.setAttributeNS('http://www.w3.org/1999/xlink', 'href', '../images/animationresource-anim1.svg');
        e.setAttributeNS(null, 'x', '165');
        e.setAttributeNS(null, 'y', '60');
        e.setAttributeNS(null, 'width', '50');
        e.setAttributeNS(null, 'height', '50');
        e.setAttributeNS(null, 'repeatCount', 'indefinite');        
        c1.appendChild(e);


        // XXX Not true yet, see http://www.w3.org/mid/20080212041331.GE7358@arc.mcc.id.au
        // assertException(function() { e.setTrait('begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTrait() while <animation> element is in the document');
        // assertException(function() { e.setTraitNS(null, 'begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTraitNS() while <animation> element is in the document');

        e = document.createElementNS(SVGNS, 'audio');
        e.setTrait('begin', '5s');
        e.setAttributeNS('http://www.w3.org/1999/xlink', 'href', '../images/boing_x.wav');
        c1.appendChild(e);

        // XXX Not true yet, see http://www.w3.org/mid/20080212041331.GE7358@arc.mcc.id.au
        // assertException(function() { e.setTrait('begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTrait() while <audio> element is in the document');
        // assertException(function() { e.setTraitNS(null, 'begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTraitNS() while <audio> element is in the document');

        e = document.createElementNS(SVGNS, 'set');
        e.setTrait('begin', '5s');
        e.setAttributeNS(null, 'attributeName', 'fill-opacity');
        e.setAttributeNS(null, 'to', '1');
        c1.appendChild(e);

        assertException(function() { e.setTrait('begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTrait() while <set> element is in the document');
        assertException(function() { e.setTraitNS(null, 'begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTraitNS() while <set> element is in the document');

        e = document.createElementNS(SVGNS, 'video');
        e.setTrait('begin', '5s');
        e.setAttributeNS('http://www.w3.org/1999/xlink', 'href', '../images/dogandball.3gp');
        e.setAttributeNS(null, 'x', '225');
        e.setAttributeNS(null, 'y', '60');
        e.setAttributeNS(null, 'width', '50');
        e.setAttributeNS(null, 'height', '50');
        e.setAttributeNS(null, 'repeatCount', 'indefinite');
        c1.appendChild(e);

        // XXX Not true yet, see http://www.w3.org/mid/20080212041331.GE7358@arc.mcc.id.au
        // assertException(function() { e.setTrait('begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTrait() while <video> element is in the document');
        // assertException(function() { e.setTraitNS(null, 'begin', '0s'); }, DOMException.NOT_SUPPORTED_ERR, 'setTraitNS() while <video> element is in the document');

        ind.setAttributeNS(null, 'fill', 'blue');
      } catch (ex) {
        var msg;
        if (typeof ex == 'string') {
          msg = ex;
        } else {
          msg = String(ex);
        }
        d.textContent = ex;
      }
    ]]>
    </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.7 $</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>