SVGViewTests/w3c/1.2T/svg/interact-focus-207-t.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg focusable="true" xml:id="mySVG" version="1.2" baseProfile="tiny" 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="ASL" owner="AE" desc="This test tests Initial focus within the svg document" status="accepted"
    approved="yes"
    version="$Revision: 1.6 $" testname="$RCSfile: interact-focus-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 test tests initial focus within the svg document</p>
      <p>
        The root SVG element has 'focusable' set to 'true'.
        At start up an animation set element is used to change the poem
        to red if the root element SVG has focus.
      </p>
      <p>Focus navigation is user agent dependant but typically is navigated with the keyboard keys.</p>
      <p>TAB or arrow keys move the focus while the ENTER key activates the focused element.</p>
    </d:OperatorScript>
  </SVGTestCase>
  <title xml:id="test-title">$RCSfile: interact-focus-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">
    <rect x="15" y="15" height="270" width="450" fill="none" stroke="black" stroke-width="0.25"/>
    <text xml:id="display-title" x="240" y="40" text-anchor="middle" font-size="16" fill="#000">Test Focusable Elements - Root SVG Element</text>
    <text xml:id="comment-1" x="240" y="60" text-anchor="middle" font-size="12" fill="#555">The poem should be red, </text>
    <text xml:id="comment-2" x="240" y="73" text-anchor="middle" font-size="12" fill="#555">showing that the top-level SVG element has the focus.</text>
    <g text-anchor="start" font-size="22" >
      <text x="165" y="140">The old pond</text>
      <text x="165" y="165">A frog jumped in,</text>
      <text x="165" y="190" >Kerplunk!</text>
      <set attributeName="fill" to="red" begin="mySVG.focusin"/>
      <set attributeName="fill" to="black" begin="mySVG.focusout"/>
    </g>
    <text fill="#555" text-anchor="end" x="450" y="270" font-size="8">Frog Haiku by Matsuo Basho (1686), translated by Allen Ginsberg</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.6 $</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>