gecko/layout/reftests/svg/polyline-points-invalid-01.svg

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <title>Testing invalid values for |points| attribute</title>
  <style>
    polyline {
      fill: red;
      stroke: lime;
      stroke-width: 4;
   }
  </style>
  <rect fill="lime" height="100%" width="100%"/>

  <!-- First row: Initial comma(s) -->
  <g transform="translate(0, 0)">
    <polyline points=",0,0 10,20 20,0"    />
    <polyline points=",,0,0 10,20 20,0"   transform="translate( 40, 0)"/>
    <polyline points=", ,0,0 10,20 20,0"  transform="translate( 80, 0)"/>
    <polyline points=", 0,0 10,20 20,0"   transform="translate(120, 0)"/>
    <polyline points=",,, 0,0 10,20 20,0" transform="translate(160, 0)"/>
  </g>
  <!-- Second row: Trailing comma(s) -->
  <g transform="translate(0, 40)">
    <polyline points="0,0 10,20 20,0" />
    <polyline points="0,0 10,20 20,0,"                                 style="fill: lime;" />
    <polyline points="0,0 10,20 20,0"     transform="translate( 40, 0)"/>
    <polyline points="0,0 10,20 20,0 ,"   transform="translate( 40, 0)" style="fill: lime;" />
    <polyline points="0,0 10,20 20,0"     transform="translate( 80, 0)"/>
    <polyline points="0,0 10,20 20,0,,"   transform="translate( 80, 0)" style="fill: lime;" />
    <polyline points="0,0 10,20 20,0"     transform="translate(120, 0)"/>
    <polyline points="0,0 10,20 20,0, ,"  transform="translate(120, 0)" style="fill: lime;" />
    <polyline points="0,0 10,20 20,0"     transform="translate(160, 0)"/>
    <polyline points="0,0 10,20 20,0 ,,," transform="translate(160, 0)" style="fill: lime;" />
  </g>
  <!-- Third row: Repeated commas in the middle -->
  <g transform="translate(0, 80)">
    <polyline points="0,,0 10,20 20,0"    />
    <polyline points="0,,,0,10,20 20,0"   transform="translate( 40, 0)"/>
    <polyline points="0, ,0 10,20 20,0"   transform="translate( 80, 0)"/>
    <polyline points="0 0,, 10,20 20,0"   transform="translate(120, 0)"/>
    <polyline points="0,0,,10,20 20,0"    transform="translate(160, 0)"/>
  </g>
  <!-- Fourth row: wrong number of values (at least 3, to get anything drawn)  -->
  <g transform="translate(0, 120)">
    <polyline points=""                   />
    <polyline points="0,0"                transform="translate( 40, 0)"/>
    <polyline points="0,0 10"             transform="translate( 80, 0)"/>
    <polyline points="0,0 10,20 20"       transform="translate(120, 0)"/>
    <polyline points="0,0 10,20 20,0"     transform="translate(160, 0)"/>
    <polyline points="0,0 10,20 20,0 0"   transform="translate(160, 0)" style="fill: lime;"/>
  </g>
</svg>