



<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=uhhjlNf8Vw1G0SsjCNR5kDrchDwmF1nqr2pn9YS1pz0"></script>

    <span><div id='main'></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;:&quot;function Attrs(attrs, element) {\r\n    for (var name in attrs) element.setAttribute(name, attrs[name]);\r\n    return element;\r\n};\r\n\r\nfunction Text(content, element) {\r\n    element.textContent = content;\r\n    return element;\r\n};\r\n\r\nfunction setAttribute(key, value, element) {\r\n    element.setAttribute(key, value);\r\n    return element;\r\n};&quot;,&quot;TestCases&quot;:[{&quot;Name&quot;:&quot;func&quot;,&quot;Code&quot;:&quot;const container = document.getElementById(\u0027main\u0027);\r\n\r\ncontainer.appendChild(\r\n    Attrs({ class: \u0027magenta\u0027 }, document.createElement(\u0027main\u0027))\r\n        .appendChild(\r\n            Text(1, Attrs({ class: \u0027red\u0027, a: 1, b: \u0027ohlooong\u0027 }, document.createElement(\u0027div\u0027)))\r\n        ).parentNode\r\n        .appendChild(\r\n            Attrs({ class: \u0027green\u0027, a: 1, b: \u0027ohlooong\u0027 }, document.createElement(\u0027div\u0027))\r\n                .appendChild(\r\n                    Text(\u0027Wow\u0027, Attrs({ class: \u0027magenta\u0027, a: 1, b: \u0027ohlooong\u0027 }, document.createElement(\u0027div\u0027)))\r\n                ).parentNode\r\n        ).parentNode\r\n        .appendChild(\r\n            Text(3, Attrs({ class: \u0027blue\u0027, a: 1, b: \u0027ohlooong\u0027 }, document.createElement(\u0027div\u0027)))\r\n        ).parentNode\r\n).remove();&quot;,&quot;IsDeferred&quot;:false},{&quot;Name&quot;:&quot;funcinline&quot;,&quot;Code&quot;:&quot;const container = document.getElementById(\u0027main\u0027);\r\n\r\ncontainer.appendChild(\r\n    (() =\u003E {\r\n        const element = document.createElement(\u0027main\u0027);\r\n        element.setAttribute(\u0027class\u0027, \u0027magenta\u0027);\r\n        return element;\r\n    })()\r\n        .appendChild(\r\n            (() =\u003E {\r\n                const element = document.createElement(\u0027div\u0027);\r\n                element.setAttribute(\u0027class\u0027, \u0027red\u0027);\r\n                element.setAttribute(\u0027a\u0027, 1);\r\n                element.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\n                element.textContent = 1;\r\n                return element;\r\n            })()\r\n        ).parentNode\r\n        .appendChild(\r\n            (() =\u003E {\r\n                const element = document.createElement(\u0027div\u0027);\r\n                element.setAttribute(\u0027class\u0027, \u0027green\u0027);\r\n                element.setAttribute(\u0027a\u0027, 1);\r\n                element.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\n                return element;\r\n            })()\r\n            .appendChild(\r\n                (() =\u003E {\r\n                    const element = document.createElement(\u0027div\u0027);\r\n                    element.setAttribute(\u0027class\u0027, \u0027magenta\u0027);\r\n                    element.setAttribute(\u0027a\u0027, 1);\r\n                    element.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\n                    element.textContent = \u0027Wow\u0027;\r\n                    return element;\r\n                })()\r\n            ).parentNode\r\n        ).parentNode\r\n        .appendChild(\r\n            (() =\u003E {\r\n                const element = document.createElement(\u0027div\u0027);\r\n                element.setAttribute(\u0027class\u0027, \u0027blue\u0027);\r\n                element.setAttribute(\u0027a\u0027, 1);\r\n                element.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\n                element.textContent = 3;\r\n                return element;\r\n            })()\r\n        ).parentNode\r\n).remove();\r\n&quot;,&quot;IsDeferred&quot;:false},{&quot;Name&quot;:&quot;func2&quot;,&quot;Code&quot;:&quot;const container = document.getElementById(\u0027main\u0027);\r\n\r\ncontainer.appendChild(\r\n    setAttribute(\u0027class\u0027, \u0027magenta\u0027,\r\n        document.createElement(\u0027main\u0027)\r\n    )\r\n        .appendChild(\r\n            setAttribute(\u0027class\u0027, \u0027red\u0027,\r\n                setAttribute(\u0027a\u0027, 1,\r\n                    setAttribute(\u0027b\u0027, \u0027ohlooong\u0027,\r\n                        Text(1,\r\n                            document.createElement(\u0027div\u0027)\r\n                        )\r\n                    )\r\n                )\r\n            )\r\n        ).parentNode\r\n        .appendChild(\r\n            setAttribute(\u0027class\u0027, \u0027green\u0027,\r\n                setAttribute(\u0027a\u0027, 1,\r\n                    setAttribute(\u0027b\u0027, \u0027ohlooong\u0027,\r\n                        document.createElement(\u0027div\u0027)\r\n                    )\r\n                )\r\n            )\r\n            .appendChild(\r\n                setAttribute(\u0027class\u0027, \u0027magenta\u0027,\r\n                    setAttribute(\u0027a\u0027, 1,\r\n                        setAttribute(\u0027b\u0027, \u0027ohlooong\u0027,\r\n                            Text(\u0027Wow\u0027,\r\n                                document.createElement(\u0027div\u0027)\r\n                            )\r\n                        )\r\n                    )\r\n                )\r\n            ).parentNode\r\n        ).parentNode\r\n        .appendChild(\r\n            setAttribute(\u0027class\u0027, \u0027blue\u0027,\r\n                setAttribute(\u0027a\u0027, 1,\r\n                    setAttribute(\u0027b\u0027, \u0027ohlooong\u0027,\r\n                        Text(3,\r\n                            document.createElement(\u0027div\u0027)\r\n                        )\r\n                    )\r\n                )\r\n            )\r\n        ).parentNode\r\n).remove();&quot;,&quot;IsDeferred&quot;:false},{&quot;Name&quot;:&quot;nofunc&quot;,&quot;Code&quot;:&quot;const container = document.getElementById(\u0027main\u0027);\r\n\r\nconst element1 = document.createElement(\u0027main\u0027);\r\nconst element2 = document.createElement(\u0027div\u0027);\r\nconst element3 = document.createElement(\u0027div\u0027);\r\nconst element4 = document.createElement(\u0027div\u0027);\r\nconst element5 = document.createElement(\u0027div\u0027);\r\n\r\nelement1.setAttribute(\u0027class\u0027, \u0027magenta\u0027);\r\n\r\nelement2.setAttribute(\u0027class\u0027, \u0027red\u0027);\r\nelement2.setAttribute(\u0027a\u0027, 1);\r\nelement2.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\nelement2.textContent = 1;\r\n\r\nelement3.setAttribute(\u0027class\u0027, \u0027green\u0027);\r\nelement3.setAttribute(\u0027a\u0027, 1);\r\nelement3.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\n\r\nelement4.setAttribute(\u0027class\u0027, \u0027magenta\u0027);\r\nelement4.setAttribute(\u0027a\u0027, 1);\r\nelement4.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\nelement4.textContent = \u0027Wow\u0027;\r\n\r\nelement5.setAttribute(\u0027class\u0027, \u0027blue\u0027);\r\nelement5.setAttribute(\u0027a\u0027, 1);\r\nelement5.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\nelement5.textContent = 3;\r\n\r\ncontainer\r\n    .appendChild(element1\r\n        .appendChild(element2)\r\n        .parentNode\r\n        .appendChild(element3\r\n            .appendChild(element4)\r\n            .parentNode\r\n        ).parentNode\r\n        .appendChild(element5)\r\n        .parentNode\r\n    ).remove();&quot;,&quot;IsDeferred&quot;:false},{&quot;Name&quot;:&quot;nofunc2&quot;,&quot;Code&quot;:&quot;const container = document.getElementById(\u0027main\u0027);\r\n\r\nconst elements = {\r\n    element1: document.createElement(\u0027main\u0027),\r\n    element2: document.createElement(\u0027div\u0027),\r\n    element3: document.createElement(\u0027div\u0027),\r\n    element4: document.createElement(\u0027div\u0027),\r\n    element5: document.createElement(\u0027div\u0027)\r\n}\r\nelements.element1.setAttribute(\u0027class\u0027, \u0027magenta\u0027);\r\n\r\nelements.element2.setAttribute(\u0027class\u0027, \u0027red\u0027);\r\nelements.element2.setAttribute(\u0027a\u0027, 1);\r\nelements.element2.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\nelements.element2.textContent = 1;\r\n\r\nelements.element3.setAttribute(\u0027class\u0027, \u0027green\u0027);\r\nelements.element3.setAttribute(\u0027a\u0027, 1);\r\nelements.element3.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\n\r\nelements.element4.setAttribute(\u0027class\u0027, \u0027magenta\u0027);\r\nelements.element4.setAttribute(\u0027a\u0027, 1);\r\nelements.element4.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\nelements.element4.textContent = \u0027Wow\u0027;\r\n\r\nelements.element5.setAttribute(\u0027class\u0027, \u0027blue\u0027);\r\nelements.element5.setAttribute(\u0027a\u0027, 1);\r\nelements.element5.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\nelements.element5.textContent = 3;\r\n\r\ncontainer\r\n    .appendChild(elements.element1\r\n        .appendChild(elements.element2)\r\n        .parentNode\r\n        .appendChild(elements.element3\r\n            .appendChild(elements.element4)\r\n            .parentNode\r\n        ).parentNode\r\n        .appendChild(elements.element5)\r\n        .parentNode\r\n    ).remove();&quot;,&quot;IsDeferred&quot;:false},{&quot;Name&quot;:&quot;Ultra&quot;,&quot;Code&quot;:&quot;const container = document.getElementById(\u0027main\u0027);\r\n\r\nconst elements = {\r\n    element1: document.createElement(\u0027main\u0027),\r\n    element2: document.createElement(\u0027div\u0027),\r\n    element3: document.createElement(\u0027div\u0027),\r\n    element4: document.createElement(\u0027div\u0027),\r\n    element5: document.createElement(\u0027div\u0027)\r\n}\r\nelements.element1.setAttribute(\u0027class\u0027, \u0027magenta\u0027);\r\n\r\nelements.element2.setAttribute(\u0027class\u0027, \u0027red\u0027);\r\nelements.element2.setAttribute(\u0027a\u0027, 1);\r\nelements.element2.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\nelements.element2.textContent = 1;\r\n\r\nelements.element3.setAttribute(\u0027class\u0027, \u0027green\u0027);\r\nelements.element3.setAttribute(\u0027a\u0027, 1);\r\nelements.element3.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\n\r\nelements.element4.setAttribute(\u0027class\u0027, \u0027magenta\u0027);\r\nelements.element4.setAttribute(\u0027a\u0027, 1);\r\nelements.element4.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\nelements.element4.textContent = \u0027Wow\u0027;\r\n\r\nelements.element5.setAttribute(\u0027class\u0027, \u0027blue\u0027);\r\nelements.element5.setAttribute(\u0027a\u0027, 1);\r\nelements.element5.setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\nelements.element5.textContent = 3;\r\n\r\n\r\nconst component = container.appendChild(elements.element1);\r\nelements.element1.appendChild(elements.element2);\r\nelements.element1.appendChild(elements.element3)\r\n    .appendChild(elements.element4);\r\nelements.element1.appendChild(elements.element5);\r\ncomponent.remove();&quot;,&quot;IsDeferred&quot;:false},{&quot;Name&quot;:&quot;Ultra2&quot;,&quot;Code&quot;:&quot;const container = document.getElementById(\u0027main\u0027);\r\n\r\nconst elements = [\r\n    document.createElement(\u0027main\u0027),\r\n    document.createElement(\u0027div\u0027),\r\n    document.createElement(\u0027div\u0027),\r\n    document.createElement(\u0027div\u0027),\r\n    document.createElement(\u0027div\u0027)\r\n]\r\nelements[0].setAttribute(\u0027class\u0027, \u0027magenta\u0027);\r\n\r\nelements[1].setAttribute(\u0027class\u0027, \u0027red\u0027);\r\nelements[1].setAttribute(\u0027a\u0027, 1);\r\nelements[1].setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\nelements[1].textContent = 1;\r\n\r\nelements[2].setAttribute(\u0027class\u0027, \u0027green\u0027);\r\nelements[2].setAttribute(\u0027a\u0027, 1);\r\nelements[2].setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\n\r\nelements[3].setAttribute(\u0027class\u0027, \u0027magenta\u0027);\r\nelements[3].setAttribute(\u0027a\u0027, 1);\r\nelements[3].setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\nelements[3].textContent = \u0027Wow\u0027;\r\n\r\nelements[4].setAttribute(\u0027class\u0027, \u0027blue\u0027);\r\nelements[4].setAttribute(\u0027a\u0027, 1);\r\nelements[4].setAttribute(\u0027b\u0027, \u0027ohlooong\u0027);\r\nelements[4].textContent = 3;\r\n\r\n\r\nconst x = container.appendChild(elements[0])\r\nx.appendChild(elements[1]);\r\nconst y = x.appendChild(elements[2]);\r\ny.appendChild(elements[3]);\r\nx.appendChild(elements[4]);\r\n\r\nx.remove()&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>