third_party/WebKit/LayoutTests/svg/custom/SVGNumber-interface.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <svg xmlns="http://www.w3.org/2000/svg" onload="init()">
   3
   4     <script>
   5         function init()
   6         {
   7             var number = document.rootElement.createSVGNumber();
   8
   9             // Test initial value
  10             if (number.value == 0) {
  11                 document.getElementById("test1").setAttribute("fill", "green");
  12             }
  13
  14             // Assign new values from local function
  15             number.value = 100;
  16             if (number.value == 100) {
  17                 document.getElementById("test2").setAttribute("fill", "green");
  18             }
  19
  20             // Assign new values from external function
  21             assignValues(number);
  22             if (number.value == 300) {
  23                 document.getElementById("test3").setAttribute("fill", "green");
  24             }
  25
  26             // Create new number in external function, check values
  27             var newNumber = createNewNumber();
  28             if (newNumber.value == 66) {
  29                 document.getElementById("test4").setAttribute("fill", "green");
  30             }
  31
  32             // Check swapping of number objects
  33             var savedNumber = number;
  34             number = newNumber;
  35             if (number.value == 66) {
  36                 document.getElementById("test5").setAttribute("fill", "green");
  37             }
  38
  39             number = savedNumber;
  40             if (number.value == 300) {
  41                 document.getElementById("test6").setAttribute("fill", "green");
  42             }
  43
  44             // Modifying savedNumber, should also modify number
  45             savedNumber.value = 150;
  46
  47             if (number.value == 150) {
  48                 document.getElementById("test7").setAttribute("fill", "green");
  49             }
  50         }
  51
  52         function assignValues(n)
  53         {
  54             n.value = 300;
  55         }
  56
  57         function createNewNumber()
  58         {
  59             var number = document.rootElement.createSVGNumber();
  60             number.value = 66;
  61             return number;
  62         }
  63     </script>
  64
  65     <rect id="test1" transform="translate(0, 0)" x="0" y="0" width="100" height="20" fill="red"/>
  66     <rect id="test2" transform="translate(0, 30)" x="0" y="0" width="100" height="20" fill="red"/>
  67     <rect id="test3" transform="translate(0, 60)" x="0" y="0" width="100" height="20" fill="red"/>
  68     <rect id="test4" transform="translate(0, 90)" x="0" y="0" width="100" height="20" fill="red"/>
  69     <rect id="test5" transform="translate(0, 120)" x="0" y="0" width="100" height="20" fill="red"/>
  70     <rect id="test6" transform="translate(0, 150)" x="0" y="0" width="100" height="20" fill="red"/>
  71     <rect id="test7" transform="translate(0, 180)" x="0" y="0" width="100" height="20" fill="red"/>
  72 </svg>