layout/reftests/svg/switch-01.svg

   1 <?xml version="1.0"?>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <svg version="1.1" xmlns="http://www.w3.org/2000/svg">
   7         <title>Testcase for switch</title>
   8         <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=409383 -->
   9
  10         <rect width="100%" height="100%" fill="lime"/>
  11
  12         <rect x="50" y="100" width="50" height="50" fill="red"/>
  13         <switch>
  14         <!-- first switch item is visible -->
  15         <rect x="50" y="100" width="50" height="50" fill="lime"/>
  16                 <rect x="50" y="100" width="50" height="50" fill="red"/>
  17                 <rect x="50" y="100" width="50" height="50" fill="red"/>
  18                 <rect x="50" y="100" width="50" height="50" fill="red"/>
  19                 <rect x="50" y="100" width="50" height="50" fill="red"/>
  20                 <rect x="50" y="100" width="50" height="50" fill="red"/>
  21                 <rect x="50" y="100" width="50" height="50" fill="red"/>
  22                 <rect x="50" y="100" width="50" height="50" fill="red"/>
  23                 <rect x="50" y="100" width="50" height="50" fill="red"/>
  24                 <rect x="50" y="100" width="50" height="50" fill="red"/>
  25                 <rect x="50" y="100" width="50" height="50" fill="red"/>
  26                 <rect x="50" y="100" width="50" height="50" fill="red"/>
  27         </switch>
  28
  29         <rect x="200" y="100" width="50" height="50" fill="red"/>
  30         <switch>
  31                 <!-- test non-matching system language -->
  32                 <rect systemLanguage="foo" x="200" y="100" width="50" height="50" fill="red"/>
  33                 <rect x="200" y="100" width="50" height="50" fill="lime"/>
  34                 <rect x="200" y="100" width="50" height="50" fill="red"/>
  35                 <rect x="200" y="100" width="50" height="50" fill="red"/>
  36         </switch>
  37
  38         <rect x="50" y="200" width="50" height="50" fill="red"/>
  39         <switch>
  40                 <!-- test matching required features -->
  41                 <rect requiredFeatures="http://www.w3.org/TR/SVG11/feature#CoreAttribute  http://www.w3.org/TR/SVG11/feature#Gradient"
  42                           x="50" y="200" width="50" height="50" fill="lime"/>
  43                 <rect x="50" y="200" width="50" height="50" fill="red"/>
  44                 <rect x="50" y="200" width="50" height="50" fill="red"/>
  45         </switch>
  46
  47         <!-- this rectangle intentionally left green -->
  48         <rect x="200" y="200" width="50" height="50" fill="lime"/>
  49
  50         <rect x="50" y="300" width="50" height="50" fill="red"/>
  51         <switch>
  52                 <!-- test non-matching required extensions -->
  53                 <rect requiredExtensions="foo" x="50" y="300" width="50" height="50" fill="red"/>
  54                 <rect x="50" y="300" width="50" height="50" fill="lime"/>
  55                 <rect x="50" y="300" width="50" height="50" fill="red"/>
  56                 <rect x="50" y="300" width="50" height="50" fill="red"/>
  57         </switch>
  58
  59         <switch>
  60                 <!-- test display:none - should see nothing here -->
  61                 <rect style="display: none;"  x="200" y="300" width="50" height="50" fill="red"/>
  62                 <rect x="200" y="300" width="50" height="50" fill="red"/>
  63         </switch>
  64 </svg>