1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/svg/viewBox-valid-01.svg Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,96 @@
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 valid values for |viewBox| attribute</title>
1.7 + <defs>
1.8 + <rect id="redRect" fill="red" height="20" width="20"/>
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 a valid viewBox. If we honor
1.14 + the valid viewBox (ignoring typos), that will make us scale the <use>'d
1.15 + limeRect to appear as big as than the redRect, and we'll have no red
1.16 + showing (and we'll pass the test). -->
1.17 +
1.18 + <!-- First row: no commas at all -->
1.19 + <g transform="translate(0, 0)">
1.20 + <g transform="translate(0, 0)">
1.21 + <use xlink:href="#redRect"/>
1.22 + <svg width="20" height="20" viewBox="0 0 10 10">
1.23 + <use xlink:href="#limeRect"/>
1.24 + </svg>
1.25 + </g>
1.26 + <g transform="translate(40, 0)">
1.27 + <use xlink:href="#redRect"/>
1.28 + <svg width="20" height="20" viewBox=" 0 0 10 10">
1.29 + <use xlink:href="#limeRect"/>
1.30 + </svg>
1.31 + </g>
1.32 + <g transform="translate(80, 0)">
1.33 + <use xlink:href="#redRect"/>
1.34 + <svg width="20" height="20" viewBox="0 0 10 10 ">
1.35 + <use xlink:href="#limeRect"/>
1.36 + </svg>
1.37 + </g>
1.38 + <g transform="translate(120, 0)">
1.39 + <use xlink:href="#redRect"/>
1.40 + <svg width="20" height="20" viewBox=" 0 0 10 10 ">
1.41 + <use xlink:href="#limeRect"/>
1.42 + </svg>
1.43 + </g>
1.44 + </g>
1.45 + <!-- Second row: some commas -->
1.46 + <g transform="translate(0, 40)">
1.47 + <g transform="translate(0, 0)">
1.48 + <use xlink:href="#redRect"/>
1.49 + <svg width="20" height="20" viewBox="0,0 10 10">
1.50 + <use xlink:href="#limeRect"/>
1.51 + </svg>
1.52 + </g>
1.53 + <g transform="translate(40, 0)">
1.54 + <use xlink:href="#redRect"/>
1.55 + <svg width="20" height="20" viewBox="0 0,10 10">
1.56 + <use xlink:href="#limeRect"/>
1.57 + </svg>
1.58 + </g>
1.59 + <g transform="translate(80, 0)">
1.60 + <use xlink:href="#redRect"/>
1.61 + <svg width="20" height="20" viewBox="0 0 10,10">
1.62 + <use xlink:href="#limeRect"/>
1.63 + </svg>
1.64 + </g>
1.65 + <g transform="translate(120, 0)">
1.66 + <use xlink:href="#redRect"/>
1.67 + <svg width="20" height="20" viewBox="0,0,10,10">
1.68 + <use xlink:href="#limeRect"/>
1.69 + </svg>
1.70 + </g>
1.71 + </g>
1.72 + <!-- Third row: commas & whitespace mixed -->
1.73 + <g transform="translate(0, 80)">
1.74 + <g transform="translate(0, 0)">
1.75 + <use xlink:href="#redRect"/>
1.76 + <svg width="20" height="20" viewBox="0, 0 10 10">
1.77 + <use xlink:href="#limeRect"/>
1.78 + </svg>
1.79 + </g>
1.80 + <g transform="translate(40, 0)">
1.81 + <use xlink:href="#redRect"/>
1.82 + <svg width="20" height="20" viewBox="0 0 , 10 10">
1.83 + <use xlink:href="#limeRect"/>
1.84 + </svg>
1.85 + </g>
1.86 + <g transform="translate(80, 0)">
1.87 + <use xlink:href="#redRect"/>
1.88 + <svg width="20" height="20" viewBox="0 0 10 ,10">
1.89 + <use xlink:href="#limeRect"/>
1.90 + </svg>
1.91 + </g>
1.92 + <g transform="translate(120, 0)">
1.93 + <use xlink:href="#redRect"/>
1.94 + <svg width="20" height="20" viewBox=" 0 ,0, 10,10 ">
1.95 + <use xlink:href="#limeRect"/>
1.96 + </svg>
1.97 + </g>
1.98 + </g>
1.99 +</svg>
