animate-values-whitespace.html | Explore in Territory

<!DOCTYPE html>
<title>SMIL 'values' whitespace</title>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<svg></svg>
<script>
let subjects = [
  { char: '\u0009', stripped: true,  name: 'Character Tabulation' },
  { char: '\u000A', stripped: true,  name: 'Line Feed' },
  { char: '\u000C', stripped: true,  name: 'Form Feed' },
  { char: '\u000D', stripped: true,  name: 'Carriage Return' },
  { char: '\u0020', stripped: true,  name: 'Space' },
  { char: '\u00A0', stripped: false, name: 'No-Break Space' },
  { char: '\u1680', stripped: false, name: 'Ogham Space Mark' },
  { char: '\u2000', stripped: false, name: 'EN Quad' },
  { char: '\u2001', stripped: false, name: 'EM Quad' },
  { char: '\u2002', stripped: false, name: 'EN Space' },
  { char: '\u2003', stripped: false, name: 'EM Space' },
  { char: '\u2004', stripped: false, name: 'Three-Per-Em Space' },
  { char: '\u2005', stripped: false, name: 'Four-Per-Em Space' },
  { char: '\u2006', stripped: false, name: 'Six-Per-Em Space' },
  { char: '\u2007', stripped: false, name: 'Figure Space' },
  { char: '\u2008', stripped: false, name: 'Punctuation Space' },
  { char: '\u2009', stripped: false, name: 'Thin Space' },
  { char: '\u200A', stripped: false, name: 'Hair Space' },
  { char: '\u202F', stripped: false, name: 'Narrow No-Break Space' },
  { char: '\u205F', stripped: false, name: 'Medium Mathematical Space' },
  { char: '\u3000', stripped: false, name: 'Ideographic Space' },
];

function makeTestSubject(subjectText) {
  const svgNs = 'http://www.w3.org/2000/svg';
  let aLink = document.createElementNS(svgNs, 'a');
  let rect = aLink.appendChild(document.createElementNS(svgNs, 'rect'));
  rect.setAttribute('width', 100);
  rect.setAttribute('height', 100);
  rect.setAttribute('fill', 'blue');
  let animate = aLink.appendChild(document.createElementNS(svgNs, 'animate'));
  animate.setAttribute('attributeName', 'href');
  animate.setAttribute('values', subjectText);
  return aLink;
}

let svgRoot = document.querySelector('svg');
for (let subject of subjects) {
  async_test(function(t) {
    let payload = 'javascript:alert("' + subject.name + '")';
    let fragment = makeTestSubject(subject.char + payload);
    svgRoot.appendChild(fragment);
    let expected = (subject.stripped ? '' : subject.char) + payload;
    let animate = fragment.lastChild;
    animate.onbegin = t.step_func_done(function() {
      var target = animate.parentNode;
      assert_equals(target.href.animVal, expected);
    });
  }, subject.name + ' (U+' +  subject.char.codePointAt(0).toString(16) +  ') is ' +
     (subject.stripped ? '' : 'not ') + 'stripped.');
};
</script>
chromium/third_party/blink/web_tests/svg/animations/animate-values-whitespace.html
