SVGViewTests/w3c/1.2T/svg/udom-svg-228-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="AG" owner="AE" desc="Test " status="accepted"
    approved="yes"
    version="$Revision: 1.7 $" testname="$RCSfile: udom-svg-228-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 setFocus and getCurrentFocusedObject, setting the focus and then checking that the correct element has focus. Successes are shown in green,
        failures in red. If all subtests pass, the text in the blue box changes from "failed" to "passed".
      </p>
      <p>
        A numeric keypad is shown. Focus starts on the "5" and is then moved programatically
        to each of the other numbers, finally returning to "5". Since this happens on the load event, there is no indication of the focus moving.
      </p>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: udom-svg-228-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">

    <handler type="text/ecmascript" xe:event="SVGLoad">
      <![CDATA[

    var svg_ns = "http://www.w3.org/2000/svg";
    var xlink_ns = "http://www.w3.org/1999/xlink";
    
    var count=0;
    var topsvg = document.documentElement;
    var translate = topsvg.currentTranslate;
    var startY = 80;
    var fontSize = "8";
    var rowHeight = 15;
    var isPassed = true;

    function drawString( text )
    {
      node_to_insert=document.createElementNS(svg_ns,"text");
      node_to_insert.setAttributeNS(null,"font-size",fontSize);
      node_to_insert.setAttributeNS(null,"x","25");
      if (isPassed)
      {
        node_to_insert.setAttributeNS(null, "fill", "#0C0");
      }
      else
      {
        node_to_insert.setAttributeNS(null, "fill", "#F00");
      }
      var yVal = startY + count++ * rowHeight;
      node_to_insert.setAttributeNS(null, "y",  yVal.toString()  );
      node_to_insert.textContent=text ;
      document.getElementById( "test-body-content" ).appendChild(node_to_insert);
    }

    function getNavStr( nav )
    {
      var str = "UNDEFINED";
      switch( nav )
      {
      case SVGSVGElement.NAV_DOWN:
        str = "NAV_DOWN";
        break;
      case SVGSVGElement.NAV_UP:
        str = "NAV_UP";
        break;
      case SVGSVGElement.NAV_LEFT:
        str = "NAV_LEFT";
        break;
      case SVGSVGElement.NAV_RIGHT:
        str = "NAV_RIGHT";
        break;
      case SVGSVGElement.NAV_DOWN_RIGHT:
        str = "NAV_DOWN_RIGHT";
        break;
      case SVGSVGElement.NAV_UP_LEFT:
        str = "NAV_UP_LEFT";
        break;
      case SVGSVGElement.NAV_DOWN_LEFT:
        str = "NAV_DOWN_LEFT";
        break;
      case SVGSVGElement.NAV_UP_RIGHT:
        str = "NAV_UP_RIGHT";
        break;
      }
      return str;
    }

    iterations = [ "t3", "t7", "t2", "t8", "t6", "t4", "t1", "t9", "t5" ];
    itercount = 9;

    function doIter( iterpos )
    {
      topsvg.setFocus( document.getElementById ( iterations[iterpos] ) );
      if ( topsvg.getCurrentFocusedObject().id != iterations[iterpos] )
      {
        isPassed = false;
        drawString( "setFocus: " + iterations[iterpos] + "        currentFocus: " + topsvg.getCurrentFocusedObject().id + ", expected " + iterations[iterpos]);
      }
      else
      {
        drawString( "setFocus: " + iterations[iterpos] + "        currentFocus: " + topsvg.getCurrentFocusedObject().id );
      }
    }

    drawString( "setFocus: t7" );
    topsvg.setFocus( document.getElementById( "t7" ) );
    
    try
    {
      for(iterpos = 0; iterpos < itercount; ++iterpos)
      {
        doIter( iterpos );
      }
    }
    catch(e)
    {
      isPassed = false;
      drawString( "error: unexpected exception!");
    }

    var status = document.getElementById("TestStatus");

    if ( isPassed )
    {
      status.setTrait("#text", "passed");
      status.setAttribute("fill", "#0C0");
    }
    else
    {
      status.setAttribute("fill", "#F00");
    }
    ]]>
    </handler>

    <text  x="240" y="40" text-anchor="middle" >SVGSVGElement.setFocus() and</text>
    <text  x="240" y="60" text-anchor="middle" >getCurrentFocusedObject()</text>

    <g text-anchor="middle">
      <g transform="translate(250,-60) scale(3.5,3)">
        <text xml:id="t7" x="10" y="60" text-anchor="middle" nav-up="url(#t1)" nav-down="url(#t4)" nav-right="url(#t8)" nav-left="url(#t9)" nav-up-right="url(#t2)" nav-down-right="url(#t5)" nav-up-left="url(#t3)" nav-down-left="url(#t6)" nav-next="url(#t8)" nav-prev="url(#t6)">
          7
          <set attributeName="fill" to="green" begin="focusin"/>
          <set attributeName="fill" to="black" begin="focusout"/>
        </text>
        <text xml:id="t8" x="30" y="60" text-anchor="middle" nav-up="url(#t2)" nav-down="url(#t5)" nav-right="url(#t9)" nav-left="url(#t7)" nav-up-right="url(#t3)" nav-down-right="url(#t6)" nav-up-left="url(#t1)" nav-down-left="url(#t4)" nav-next="url(#t9)" nav-prev="url(#t7)">
          8
          <set attributeName="fill" to="green" begin="focusin"/>
          <set attributeName="fill" to="black" begin="focusout"/>
        </text>
        <text xml:id="t9" x="50" y="60" text-anchor="middle" nav-up="url(#t3)" nav-down="url(#t6)" nav-right="url(#t7)" nav-left="url(#t8)" nav-up-right="url(#t1)" nav-down-right="url(#t4)" nav-up-left="url(#t2)" nav-down-left="url(#t5)" nav-next="url(#t1)" nav-prev="url(#t8)">
          9
          <set attributeName="fill" to="green" begin="focusin"/>
          <set attributeName="fill" to="black" begin="focusout"/>
        </text>
        <text xml:id="t4" x="10" y="80" text-anchor="middle" nav-up="url(#t7)" nav-down="url(#t1)" nav-right="url(#t5)" nav-left="url(#t6)" nav-up-right="url(#t8)" nav-down-right="url(#t2)" nav-up-left="url(#t9)" nav-down-left="url(#t3)" nav-next="url(#t5)" nav-prev="url(#t3)">
          4
          <set attributeName="fill" to="green" begin="focusin"/>
          <set attributeName="fill" to="black" begin="focusout"/>
        </text>
        <text xml:id="t5" x="30" y="80" text-anchor="middle" nav-up="url(#t8)" nav-down="url(#t2)" nav-right="url(#t6)" nav-left="url(#t4)" nav-up-right="url(#t9)" nav-down-right="url(#t3)" nav-up-left="url(#t7)" nav-down-left="url(#t1)" nav-next="url(#t6)" nav-prev="url(#t4)">
          5
          <set attributeName="fill" to="green" begin="focusin"/>
          <set attributeName="fill" to="black" begin="focusout"/>
        </text>
        <text xml:id="t6" x="50" y="80" text-anchor="middle" nav-up="url(#t9)" nav-down="url(#t3)" nav-right="url(#t4)" nav-left="url(#t5)" nav-up-right="url(#t7)" nav-down-right="url(#t1)" nav-up-left="url(#t8)" nav-down-left="url(#t2)" nav-next="url(#t7)" nav-prev="url(#t5)">
          6
          <set attributeName="fill" to="green" begin="focusin"/>
          <set attributeName="fill" to="black" begin="focusout"/>
        </text>
        <text xml:id="t1" x="10" y="100" text-anchor="middle" nav-up="url(#t4)" nav-down="url(#t7)" nav-right="url(#t2)" nav-left="url(#t3)" nav-up-right="url(#t5)" nav-down-right="url(#t8)" nav-up-left="url(#t6)" nav-down-left="url(#t9)" nav-next="url(#t2)" nav-prev="url(#t9)">
          1
          <set attributeName="fill" to="green" begin="focusin"/>
          <set attributeName="fill" to="black" begin="focusout"/>
        </text>
        <text xml:id="t2" x="30" y="100" text-anchor="middle" nav-up="url(#t5)" nav-down="url(#t8)" nav-right="url(#t3)" nav-left="url(#t1)" nav-up-right="url(#t6)" nav-down-right="url(#t9)" nav-up-left="url(#t4)" nav-down-left="url(#t7)" nav-next="url(#t3)" nav-prev="url(#t1)">
          2
          <set attributeName="fill" to="green" begin="focusin"/>
          <set attributeName="fill" to="black" begin="focusout"/>
        </text>
        <text xml:id="t3" x="50" y="100" text-anchor="middle" nav-up="url(#t6)" nav-down="url(#t9)" nav-right="url(#t1)" nav-left="url(#t2)" nav-up-right="url(#t4)" nav-down-right="url(#t7)" nav-up-left="url(#t5)" nav-down-left="url(#t8)" nav-next="url(#t4)" nav-prev="url(#t2)">
          3
          <set attributeName="fill" to="green" begin="focusin"/>
          <set attributeName="fill" to="black" begin="focusout"/>
        </text>
      </g>
    </g>

    <rect x="25" y="230" width="70" height="25" stroke="blue" fill="none"/>
    <g fill="black">
      <text xml:id="TestStatus" x="60" y="247" text-anchor="middle">failed</text>
    </g>
  </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>