1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/svg/viewBox-invalid-01.svg Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,127 @@
1.4 +<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
1.5 + xmlns:xlink="http://www.w3.org/1999/xlink">
1.6 + <title>Testing invalid values for |viewBox| attribute</title>
1.7 + <defs>
1.8 + <rect id="redRect" fill="red" height="10" width="10"/>
1.9 + <rect id="limeRect" fill="lime" height="10" width="10"/>
1.10 + </defs>
1.11 + <rect fill="lime" height="100%" width="100%"/>
1.12 +
1.13 + <!-- SUMMARY: Each <svg> subdocument below has an invalid viewBox. If we
1.14 + honor the invalid viewBox (ignoring typos), that will make us scale
1.15 + the <use>'d redRect to appear larger than the limeRect, and we'll have
1.16 + some red showing (and we'll fail the test). -->
1.17 +
1.18 + <!-- First row: Initial comma(s) -->
1.19 + <g transform="translate(0, 0)">
1.20 + <g transform="translate(0, 0)">
1.21 + <svg width="20" height="20" viewBox=",0,0,1,1">
1.22 + <use xlink:href="#redRect"/>
1.23 + </svg><use xlink:href="#limeRect"/>
1.24 + </g>
1.25 + <g transform="translate(40, 0)">
1.26 + <svg width="20" height="20" viewBox=",,0,0,1,1">
1.27 + <use xlink:href="#redRect"/>
1.28 + </svg><use xlink:href="#limeRect"/>
1.29 + </g>
1.30 + <g transform="translate(80, 0)">
1.31 + <svg width="20" height="20" viewBox=", ,0,0,1,1">
1.32 + <use xlink:href="#redRect"/>
1.33 + </svg><use xlink:href="#limeRect"/>
1.34 + </g>
1.35 + <g transform="translate(120, 0)">
1.36 + <svg width="20" height="20" viewBox=", 0,0,1,1">
1.37 + <use xlink:href="#redRect"/>
1.38 + </svg><use xlink:href="#limeRect"/>
1.39 + </g>
1.40 + <g transform="translate(160, 0)">
1.41 + <svg width="20" height="20" viewBox=",,, 0,0,1,1">
1.42 + <use xlink:href="#redRect"/>
1.43 + </svg><use xlink:href="#limeRect"/>
1.44 + </g>
1.45 + </g>
1.46 + <!-- Second row: Trailing comma(s) -->
1.47 + <g transform="translate(0, 40)">
1.48 + <g transform="translate(0, 0)">
1.49 + <svg width="20" height="20" viewBox="0,0,1,1,">
1.50 + <use xlink:href="#redRect"/>
1.51 + </svg><use xlink:href="#limeRect"/>
1.52 + </g>
1.53 + <g transform="translate(40, 0)">
1.54 + <svg width="20" height="20" viewBox="0,0,1,1 ,">
1.55 + <use xlink:href="#redRect"/>
1.56 + </svg><use xlink:href="#limeRect"/>
1.57 + </g>
1.58 + <g transform="translate(80, 0)">
1.59 + <svg width="20" height="20" viewBox="0,0,1,1,,">
1.60 + <use xlink:href="#redRect"/>
1.61 + </svg><use xlink:href="#limeRect"/>
1.62 + </g>
1.63 + <g transform="translate(120, 0)">
1.64 + <svg width="20" height="20" viewBox="0,0,1,1, ,">
1.65 + <use xlink:href="#redRect"/>
1.66 + </svg><use xlink:href="#limeRect"/>
1.67 + </g>
1.68 + <g transform="translate(160, 0)">
1.69 + <svg width="20" height="20" viewBox="0,0,1,1 ,,,">
1.70 + <use xlink:href="#redRect"/>
1.71 + </svg><use xlink:href="#limeRect"/>
1.72 + </g>
1.73 + </g>
1.74 + <!-- Third row: Repeated commas in the middle -->
1.75 + <g transform="translate(0, 80)">
1.76 + <g transform="translate(0, 0)">
1.77 + <svg width="20" height="20" viewBox="0,,0,1,1">
1.78 + <use xlink:href="#redRect"/>
1.79 + </svg><use xlink:href="#limeRect"/>
1.80 + </g>
1.81 + <g transform="translate(40, 0)">
1.82 + <svg width="20" height="20" viewBox="0,,,0,1,1">
1.83 + <use xlink:href="#redRect"/>
1.84 + </svg><use xlink:href="#limeRect"/>
1.85 + </g>
1.86 + <g transform="translate(80, 0)">
1.87 + <svg width="20" height="20" viewBox="0, ,0,1,1">
1.88 + <use xlink:href="#redRect"/>
1.89 + </svg><use xlink:href="#limeRect"/>
1.90 + </g>
1.91 + <g transform="translate(120, 0)">
1.92 + <svg width="20" height="20" viewBox="0 0,, 1,1">
1.93 + <use xlink:href="#redRect"/>
1.94 + </svg><use xlink:href="#limeRect"/>
1.95 + </g>
1.96 + <g transform="translate(160, 0)">
1.97 + <svg width="20" height="20" viewBox="0 0,,1 1">
1.98 + <use xlink:href="#redRect"/>
1.99 + </svg><use xlink:href="#limeRect"/>
1.100 + </g>
1.101 + </g>
1.102 + <!-- Fourth row: wrong number of values -->
1.103 + <g transform="translate(0, 120)">
1.104 + <g transform="translate(0, 0)">
1.105 + <svg width="20" height="20" viewBox="">
1.106 + <use xlink:href="#redRect"/>
1.107 + </svg><use xlink:href="#limeRect"/>
1.108 + </g>
1.109 + <g transform="translate(40, 0)">
1.110 + <svg width="20" height="20" viewBox="0">
1.111 + <use xlink:href="#redRect"/>
1.112 + </svg><use xlink:href="#limeRect"/>
1.113 + </g>
1.114 + <g transform="translate(80, 0)">
1.115 + <svg width="20" height="20" viewBox="0 0">
1.116 + <use xlink:href="#redRect"/>
1.117 + </svg><use xlink:href="#limeRect"/>
1.118 + </g>
1.119 + <g transform="translate(120, 0)">
1.120 + <svg width="20" height="20" viewBox="0 0 1">
1.121 + <use xlink:href="#redRect"/>
1.122 + </svg><use xlink:href="#limeRect"/>
1.123 + </g>
1.124 + <g transform="translate(160, 0)">
1.125 + <svg width="20" height="20" viewBox="0 0 1 1 1 ">
1.126 + <use xlink:href="#redRect"/>
1.127 + </svg><use xlink:href="#limeRect"/>
1.128 + </g>
1.129 + </g>
1.130 +</svg>
