third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/interact-order-03-b.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
   3 <!--======================================================================-->
   4 <!--=  Copyright 2000, 2002 World Wide Web Consortium, (Massachusetts    =-->
   5 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   6 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   7 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   8 <!--======================================================================-->
   9 <!-- =====================================================================-->
  10 <!-- interact-bubble-BE-04.svg                                            -->
  11 <!-- renamed for 1.1 suite to interact-order-03-t.svg                     -->
  12 <!-- Author : Jon Ferraiolo 06-Aug-2000                                   -->
  13 <!--          1.1 revision by Thomas DeWeese 5-Feb-2002                   -->
  14 <!--======================================================================-->
  15 <svg version="1.1" baseProfile="basic" 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">
  16         <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
  17                 <OperatorScript version="$Revision: 1.2 $" testname="interact-order-03-b.svg">
  18                         <Paragraph>
  19  Test event bubbling of event attributes, part c.
  20          </Paragraph>
  21                         <Paragraph>
  22  The three strings tests event handling behavior on text.
  23  Text selection only is available after event listeners and event
  24  attributes have been processed, and after hyperlink processing
  25  has occurred.
  26  The supplemental text below the text strings describes what should occur.
  27          </Paragraph>
  28                 </OperatorScript>
  29         </SVGTestCase>
  30         <title id="test-title">interact-order-03-b</title>
  31         <desc id="test-desc">Test event bubbling of event attributes.</desc>
  32         <!--===============================================================-->
  33         <!--Content of Test Case follows...                  ==============-->
  34         <!--===============================================================-->
  35         <g id="test-body-content">
  36                 <defs>
  37                         <script type="text/ecmascript"><![CDATA[
  38
  39            function bubbleYes(evt, color){
  40              // Get Document
  41              var target = evt.target;
  42              target.setAttribute('fill', '' +color);
  43            }
  44            function bubbleNo(evt, color){
  45              // Get Document
  46              var target = evt.target;
  47              target.setAttribute('fill', '' +color);
  48              evt.stopPropagation();
  49              evt.preventDefault();
  50            }
  51
  52          ]]></script>
  53                 </defs>
  54                 <text font-family="Arial" font-size="40" x="60" y="40">Event bubbling - c</text>
  55                 <g id="background">
  56                         <rect fill="#EEE" stroke="#000" x="10" y="55" width="460" height="230"/>
  57                 </g>
  58                 <g fill="#000" font-family="Arial" font-size="40">
  59                         <!-- Ensure that events get the event before the hyperlink which
  60               happens before text selection -->
  61                         <a xlink:href="resources/interact-order-03-b-targ.svg" font-size="40">
  62                                 <text x="20" y="90" onclick="bubbleNo(evt, 'red')" onmouseout="bubbleNo(evt, 'inherit')">
  63              String turns red on click
  64            </text>
  65                                 <g onclick="bubbleYes(evt, 'blue')" onmouseout="bubbleYes(evt, 'inherit')">
  66                                         <text x="60" y="160">
  67                         String hyperlinks to
  68              </text>
  69                                         <text x="20" y="200" font-size="33">
  70                         interact-order-03b-targ.svg
  71              </text>
  72                                 </g>
  73                                 <text x="30" y="270" onclick="bubbleNo(evt, 'inherit')">
  74              All strings are selectable.
  75            </text>
  76                         </a>
  77                 </g>
  78         </g>
  79         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.2 $</text>
  80         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  81 </svg>