



<script src="/lib/lodash/dist/lodash.js"></script>
<script src="/lib/platform/platform.js"></script>
<script src="/lib/benchmark/benchmark.js"></script>
<script src="/js/testrunner.js?v=Rd75-VVkcFniJ1QX2nmMLEUUGEwdYLf0L4zaIB-OPUI"></script>

    <span><div id="foo"></div></span>

<div id="validation-html-preparation"></div>

<script type="text/javascript">
    pageController = new TestRunnerController();
</script>
<textarea id="benchmark_definition_json" style="display:none">
    {&quot;ScriptPreparationCode&quot;:null,&quot;TestCases&quot;:[{&quot;Name&quot;:&quot;className&quot;,&quot;Code&quot;:&quot;var __assign = Object.assign;\r\nfunction __rest(s, e) {\r\n  var t = {};\r\n  for (var p in s)\r\n    if (Object.prototype.hasOwnProperty.call(s, p) \u0026\u0026 e.indexOf(p) \u003C 0) t[p] = s[p];\r\n  if (s != null \u0026\u0026 typeof Object.getOwnPropertySymbols === \u0027function\u0027)\r\n    for (var i = 0, p = Object.getOwnPropertySymbols(s); i \u003C p.length; i\u002B\u002B) {\r\n      if (e.indexOf(p[i]) \u003C 0 \u0026\u0026 Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n        t[p[i]] = s[p[i]];\r\n    }\r\n  return t;\r\n}\r\nvar keys = Object.keys;\r\nfunction isBoolean(val) {\r\n  return typeof val === \u0027boolean\u0027;\r\n}\r\nfunction isElement(val) {\r\n  return val \u0026\u0026 typeof val.nodeType === \u0027number\u0027;\r\n}\r\nfunction isString(val) {\r\n  return typeof val === \u0027string\u0027;\r\n}\r\nfunction isNumber(val) {\r\n  return typeof val === \u0027number\u0027;\r\n}\r\nfunction isObject(val) {\r\n  return typeof val === \u0027object\u0027 ? val !== null : isFunction(val);\r\n}\r\nfunction isFunction(val) {\r\n  return typeof val === \u0027function\u0027;\r\n}\r\nfunction isArrayLike(obj) {\r\n  return (\r\n    isObject(obj) \u0026\u0026\r\n    typeof obj.length === \u0027number\u0027 \u0026\u0026\r\n    typeof obj.nodeType !== \u0027number\u0027\r\n  );\r\n}\r\nfunction createRef() {\r\n  return Object.seal({\r\n    current: null,\r\n  });\r\n}\r\nfunction isRef(maybeRef) {\r\n  return isObject(maybeRef) \u0026\u0026 \u0027current\u0027 in maybeRef;\r\n}\r\nvar SVGNamespace = \u0027http://www.w3.org/2000/svg\u0027;\r\nfunction preventDefault(event) {\r\n  event.preventDefault();\r\n  return event;\r\n}\r\nfunction stopPropagation(event) {\r\n  event.stopPropagation();\r\n  return event;\r\n}\r\nfunction isVisibleChild(value) {\r\n  return !isBoolean(value) \u0026\u0026 value != null;\r\n}\r\nfunction className(value) {\r\n  if (Array.isArray(value)) {\r\n    return value\r\n      .map(className)\r\n      .filter(Boolean)\r\n      .join(\u0027 \u0027);\r\n  } else if (isObject(value)) {\r\n    return keys(value)\r\n      .filter(function (k) {\r\n        return value[k];\r\n      })\r\n      .join(\u0027 \u0027);\r\n  } else if (isVisibleChild(value)) {\r\n    return \u0027\u0027 \u002B value;\r\n  }\r\n  return \u0027\u0027;\r\n\r\n}\r\nfunction createFactory(tag) {\r\n  return createElement.bind(null, tag);\r\n}\r\nfunction Fragment(attr) {\r\n  var fragment = document.createDocumentFragment();\r\n  appendChildren(attr.children, fragment);\r\n  return fragment;\r\n}\r\nfunction createElement(tag, attr) {\r\n  var children = [];\r\n  for (var _i = 2; _i \u003C arguments.length; _i\u002B\u002B) {\r\n    children[_i - 2] = arguments[_i];\r\n  }\r\n  var _a;\r\n  attr = attr || {};\r\n  if (attr.children != null \u0026\u0026 !children.length) {\r\n    (_a = attr), ((children = _a.children), _a), (attr = __rest(_a, [\u0027children\u0027]));\r\n  }\r\n  var node;\r\n  if (isString(tag)) {\r\n    node = attr.namespaceURI\r\n      ? document.createElementNS(attr.namespaceURI, tag)\r\n      : document.createElement(tag);\r\n    attributes(attr, node);\r\n    appendChild(children, node);\r\n  } else if (isFunction(tag)) {\r\n    if (isObject(tag.defaultProps)) {\r\n      attr = __assign(__assign({}, tag.defaultProps), attr);\r\n    }\r\n    node = tag(\r\n      __assign(__assign({}, attr), {\r\n        children: children,\r\n      })\r\n    );\r\n  }\r\n  if (isRef(attr.ref)) {\r\n    attr.ref.current = node;\r\n  } else if (isFunction(attr.ref)) {\r\n    attr.ref(node);\r\n  }\r\n  return node;\r\n}\r\nfunction appendChild(child, node) {\r\n  if (isArrayLike(child)) {\r\n    appendChildren(child, node);\r\n  } else if (isString(child) || isNumber(child)) {\r\n    node.appendChild(document.createTextNode(child));\r\n  } else if (child === null) {\r\n    node.appendChild(document.createComment(\u0027\u0027));\r\n  } else if (isElement(child)) {\r\n    node.appendChild(child);\r\n  }\r\n}\r\nfunction appendChildren(children, node) {\r\n  for (var _i = 0, children_1 = children; _i \u003C children_1.length; _i\u002B\u002B) {\r\n    var child = children_1[_i];\r\n    appendChild(child, node);\r\n  }\r\n  return node;\r\n}\r\nfunction attribute(key, value, node) {\r\n  switch (key) {\r\n    case \u0027htmlFor\u0027:\r\n      node.setAttribute(\u0027for\u0027, value);\r\n      return;\r\n    case \u0027dataset\u0027:\r\n      for (var _i = 0, _a = keys(value || {}); _i \u003C _a.length; _i\u002B\u002B) {\r\n        var dataKey = _a[_i];\r\n        var dataValue = value[dataKey];\r\n        if (dataValue != null) {\r\n          node.dataset[dataKey] = dataValue;\r\n        }\r\n      }\r\n      return;\r\n    case \u0027innerHTML\u0027:\r\n    case \u0027innerText\u0027:\r\n    case \u0027textContent\u0027:\r\n      node[key] = value;\r\n      return;\r\n    case \u0027spellCheck\u0027:\r\n      node.spellcheck = value;\r\n      return;\r\n    case \u0027class\u0027:\r\n    case \u0027className\u0027:\r\n      node.setAttribute(\u0027class\u0027, className(value));\r\n      return;\r\n    case \u0027ref\u0027:\r\n    case \u0027namespaceURI\u0027:\r\n      return;\r\n    case \u0027style\u0027:\r\n      if (isObject(value)) {\r\n        Object.assign(node.style, value);\r\n        return;\r\n      }\r\n  }\r\n  if (isFunction(value)) {\r\n    if (key[0] === \u0027o\u0027 \u0026\u0026 key[1] === \u0027n\u0027) {\r\n      var name = key.slice(2).toLowerCase();\r\n      node.addEventListener(name, value);\r\n    }\r\n  } else if (value === true) {\r\n    node.setAttribute(key, \u0027\u0027);\r\n  } else if (value !== false \u0026\u0026 value != null) {\r\n    node.setAttribute(key, value);\r\n  }\r\n}\r\nfunction attributes(attr, node) {\r\n  for (var _i = 0, _a = keys(attr); _i \u003C _a.length; _i\u002B\u002B) {\r\n    var key = _a[_i];\r\n    attribute(key, attr[key], node);\r\n  }\r\n  return node;\r\n}\r\n// ----------------------\r\nvar i = 1000;\r\nwhile (i--) {\r\n\tcreateElement(\u0027div\u0027)\r\n}&quot;,&quot;IsDeferred&quot;:false},{&quot;Name&quot;:&quot;setAttribute&quot;,&quot;Code&quot;:&quot;var __assign = Object.assign;\r\nfunction __rest(s, e) {\r\n  var t = {};\r\n  for (var p in s)\r\n    if (Object.prototype.hasOwnProperty.call(s, p) \u0026\u0026 e.indexOf(p) \u003C 0) t[p] = s[p];\r\n  if (s != null \u0026\u0026 typeof Object.getOwnPropertySymbols === \u0027function\u0027)\r\n    for (var i = 0, p = Object.getOwnPropertySymbols(s); i \u003C p.length; i\u002B\u002B) {\r\n      if (e.indexOf(p[i]) \u003C 0 \u0026\u0026 Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n        t[p[i]] = s[p[i]];\r\n    }\r\n  return t;\r\n}\r\nvar keys = Object.keys;\r\nfunction isBoolean(val) {\r\n  return typeof val === \u0027boolean\u0027;\r\n}\r\nfunction isElement(val) {\r\n  return val \u0026\u0026 typeof val.nodeType === \u0027number\u0027;\r\n}\r\nfunction isString(val) {\r\n  return typeof val === \u0027string\u0027;\r\n}\r\nfunction isNumber(val) {\r\n  return typeof val === \u0027number\u0027;\r\n}\r\nfunction isObject(val) {\r\n  return typeof val === \u0027object\u0027 ? val !== null : isFunction(val);\r\n}\r\nfunction isFunction(val) {\r\n  return typeof val === \u0027function\u0027;\r\n}\r\nfunction isArrayLike(obj) {\r\n  return (\r\n    isObject(obj) \u0026\u0026\r\n    typeof obj.length === \u0027number\u0027 \u0026\u0026\r\n    typeof obj.nodeType !== \u0027number\u0027\r\n  );\r\n}\r\nfunction createRef() {\r\n  return Object.seal({\r\n    current: null,\r\n  });\r\n}\r\nfunction isRef(maybeRef) {\r\n  return isObject(maybeRef) \u0026\u0026 \u0027current\u0027 in maybeRef;\r\n}\r\nvar SVGNamespace = \u0027http://www.w3.org/2000/svg\u0027;\r\nfunction preventDefault(event) {\r\n  event.preventDefault();\r\n  return event;\r\n}\r\nfunction stopPropagation(event) {\r\n  event.stopPropagation();\r\n  return event;\r\n}\r\nfunction isVisibleChild(value) {\r\n  return !isBoolean(value) \u0026\u0026 value != null;\r\n}\r\nfunction className(value) {\r\n  if (Array.isArray(value)) {\r\n    return value\r\n      .map(className)\r\n      .filter(Boolean)\r\n      .join(\u0027 \u0027);\r\n  } else if (isObject(value)) {\r\n    return keys(value)\r\n      .filter(function (k) {\r\n        return value[k];\r\n      })\r\n      .join(\u0027 \u0027);\r\n  } else if (isVisibleChild(value)) {\r\n    return \u0027\u0027 \u002B value;\r\n  }\r\n  return \u0027\u0027;\r\n\r\n}\r\nfunction createFactory(tag) {\r\n  return createElement.bind(null, tag);\r\n}\r\nfunction Fragment(attr) {\r\n  var fragment = document.createDocumentFragment();\r\n  appendChildren(attr.children, fragment);\r\n  return fragment;\r\n}\r\n\r\nvar div = document.createElement(\u0027div\u0027);\r\n\r\nfunction createElement(tag, attr) {\r\n  var children = [];\r\n  for (var _i = 2; _i \u003C arguments.length; _i\u002B\u002B) {\r\n    children[_i - 2] = arguments[_i];\r\n  }\r\n  var _a;\r\n  attr = attr || {};\r\n  if (attr.children != null \u0026\u0026 !children.length) {\r\n    (_a = attr), ((children = _a.children), _a), (attr = __rest(_a, [\u0027children\u0027]));\r\n  }\r\n  var node;\r\n  if (tag === \u0027div\u0027) {\r\n    node = div.cloneNode();\r\n  } else if (isString(tag)) {\r\n    node = attr.namespaceURI\r\n      ? document.createElementNS(attr.namespaceURI, tag)\r\n      : document.createElement(tag);\r\n    attributes(attr, node);\r\n    appendChild(children, node);\r\n  } else if (isFunction(tag)) {\r\n    if (isObject(tag.defaultProps)) {\r\n      attr = __assign(__assign({}, tag.defaultProps), attr);\r\n    }\r\n    node = tag(\r\n      __assign(__assign({}, attr), {\r\n        children: children,\r\n      })\r\n    );\r\n  }\r\n  if (isRef(attr.ref)) {\r\n    attr.ref.current = node;\r\n  } else if (isFunction(attr.ref)) {\r\n    attr.ref(node);\r\n  }\r\n  return node;\r\n}\r\nfunction appendChild(child, node) {\r\n  if (isArrayLike(child)) {\r\n    appendChildren(child, node);\r\n  } else if (isString(child) || isNumber(child)) {\r\n    node.appendChild(document.createTextNode(child));\r\n  } else if (child === null) {\r\n    node.appendChild(document.createComment(\u0027\u0027));\r\n  } else if (isElement(child)) {\r\n    node.appendChild(child);\r\n  }\r\n}\r\nfunction appendChildren(children, node) {\r\n  for (var _i = 0, children_1 = children; _i \u003C children_1.length; _i\u002B\u002B) {\r\n    var child = children_1[_i];\r\n    appendChild(child, node);\r\n  }\r\n  return node;\r\n}\r\nfunction attribute(key, value, node) {\r\n  switch (key) {\r\n    case \u0027htmlFor\u0027:\r\n      node.setAttribute(\u0027for\u0027, value);\r\n      return;\r\n    case \u0027dataset\u0027:\r\n      for (var _i = 0, _a = keys(value || {}); _i \u003C _a.length; _i\u002B\u002B) {\r\n        var dataKey = _a[_i];\r\n        var dataValue = value[dataKey];\r\n        if (dataValue != null) {\r\n          node.dataset[dataKey] = dataValue;\r\n        }\r\n      }\r\n      return;\r\n    case \u0027innerHTML\u0027:\r\n    case \u0027innerText\u0027:\r\n    case \u0027textContent\u0027:\r\n      node[key] = value;\r\n      return;\r\n    case \u0027spellCheck\u0027:\r\n      node.spellcheck = value;\r\n      return;\r\n    case \u0027class\u0027:\r\n    case \u0027className\u0027:\r\n      node.setAttribute(\u0027class\u0027, className(value));\r\n      return;\r\n    case \u0027ref\u0027:\r\n    case \u0027namespaceURI\u0027:\r\n      return;\r\n    case \u0027style\u0027:\r\n      if (isObject(value)) {\r\n        Object.assign(node.style, value);\r\n        return;\r\n      }\r\n  }\r\n  if (isFunction(value)) {\r\n    if (key[0] === \u0027o\u0027 \u0026\u0026 key[1] === \u0027n\u0027) {\r\n      var name = key.slice(2).toLowerCase();\r\n      node.addEventListener(name, value);\r\n    }\r\n  } else if (value === true) {\r\n    node.setAttribute(key, \u0027\u0027);\r\n  } else if (value !== false \u0026\u0026 value != null) {\r\n    node.setAttribute(key, value);\r\n  }\r\n}\r\nfunction attributes(attr, node) {\r\n  for (var _i = 0, _a = keys(attr); _i \u003C _a.length; _i\u002B\u002B) {\r\n    var key = _a[_i];\r\n    attribute(key, attr[key], node);\r\n  }\r\n  return node;\r\n}\r\n// ----------------------\r\nvar i = 1000;\r\nwhile (i--) {\r\n  createElement(\u0027div\u0027);\r\n}\r\n&quot;,&quot;IsDeferred&quot;:false}]}
</textarea>

<form style="display:none;" id="autoreload_form" action="/Benchmarks/TestFrameForValidationWithHtmlPrepCode?autostart=1" method="post">
    <input type="hidden" name="htmlPrepCode" id="htmlPrepCode">
</form>