{"ScriptPreparationCode":"var simpleTemplate = document.createElement(\u0022template\u0022);\r\nsimpleTemplate.innerHTML = \u0060\u003Cspan class=\u0022simple\u0022\u003E\u003C/span\u003E\u0060;\r\n \r\nvar complexTemplate = document.createElement(\u0022template\u0022);\r\n complexTemplate.innerHTML = \r\n \u0060\u003Cspan class=\u0022complex\u0022\u003E\r\n \u003Cspan class=\u0022simple-1\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022simple-2\u0022\u003E\r\n \u003Cspan class=\u0022simple-2-1\u0022\u003E\u003C/span\u003E\r\n \u003C/span\u003E\r\n \u003Cspan class=\u0022simple-3\u0022\u003E\r\n \u003Cspan class=\u0022simple-3-1\u0022\u003E\u003C/span\u003E\r\n \u003C/span\u003E\r\n \u003Cspan class=\u0022simple-4\u0022\u003E\u003C/span\u003E\r\n \u003C/span\u003E\u0060;","TestCases":[{"Name":"complex template","Code":"let el = document.createElement(\u0022div\u0022);\r\nlet content = complexTemplate.content.cloneNode(true);\r\ncontent.querySelector(\u0027.complex\u0027).classList.add(\u0027newClass\u0027);\r\ncontent.querySelector(\u0027.simple-4\u0027).setAttribute(\u0027data-test\u0027, \u0027sometestvalue\u0027);\r\ncontent.querySelector(\u0027.simple-3\u0027).setAttribute(\u0027something\u0027, \u0027somevalue\u0027);\r\nel.appendChild(content);","IsDeferred":false},{"Name":"complex javascript","Code":"let el = document.createElement(\u0022span\u0022);\r\nel.classList.add(\u0022complex\u0022);\r\nel.classList.add(\u0022newClass\u0022);\r\nlet span1 = document.createElement(\u0022span\u0022);\r\nspan1.classList.add(\u0022simple-1\u0022);\r\n\r\nlet span2 = document.createElement(\u0022span\u0022);\r\nspan2.classList.add(\u0022simple-2\u0022);\r\nlet span21 = document.createElement(\u0022span\u0022);\r\nspan21.classList.add(\u0022simple-2-1\u0022);\r\nspan2.appendChild(span21);\r\n\r\nlet span3 = document.createElement(\u0022span\u0022);\r\nspan3.classList.add(\u0022simple-3\u0022);\r\nspan3.setAttribute(\u0027something\u0027, \u0027somevalue\u0027);\r\nlet span31 = document.createElement(\u0022span\u0022);\r\nspan31.classList.add(\u0022simple-31\u0022);\r\nspan3.appendChild(span31);\r\n\r\nlet span4 = document.createElement(\u0022span\u0022);\r\nspan4.classList.add(\u0022simple-4\u0022);\r\nspan4.setAttribute(\u0027data-test\u0027, \u0027sometestvalue\u0027);\r\n\r\nel.append(span1, span2, span3, span4);","IsDeferred":false},{"Name":"complex innerhtml","Code":"let el = document.createElement(\u0022div\u0022);\r\nel.innerHTML = \u0060\u003Cspan class=\u0022complex newClass\u0022\u003E\r\n \u003Cspan class=\u0022simple-1\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022simple-2\u0022\u003E\r\n \u003Cspan class=\u0022simple-2-1\u0022\u003E\u003C/span\u003E\r\n \u003C/span\u003E\r\n \u003Cspan class=\u0022simple-3\u0022 something=\u0022somevalue\u0022\u003E\r\n \u003Cspan class=\u0022simple-3-1\u0022\u003E\u003C/span\u003E\r\n \u003C/span\u003E\r\n \u003Cspan class=\u0022simple-4\u0022 data-test=\u0022sometestvalue\u0022\u003E\u003C/span\u003E\r\n \u003C/span\u003E\u0060;","IsDeferred":false}]}