{"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":"Simple - Template","Code":"let el = document.createElement(\u0022div\u0022);\r\nlet content = simpleTemplate.content.cloneNode(true);\r\nel.appendChild(content);","IsDeferred":false},{"Name":"Simple - JavaScript","Code":"let el = document.createElement(\u0022div\u0022);\r\nlet content = document.createElement(\u0022span\u0022)\r\ncontent.classList.add(\u0022simple\u0022);\r\nel.appendChild(content);","IsDeferred":false},{"Name":"Simple - innerHTML","Code":"let el = document.createElement(\u0022div\u0022);\r\nel.innerHTML = \u0060\u003Cspan class=\u0022simple\u0022\u003E\u003C/span\u003E\u0060;","IsDeferred":false},{"Name":"Complex - Template","Code":"let el = document.createElement(\u0022div\u0022);\r\nlet content = complexTemplate.content.cloneNode(true);\r\nel.appendChild(content);","IsDeferred":false},{"Name":"Complex - JavaScript","Code":"let el = document.createElement(\u0022span\u0022);\r\nel.classList.add(\u0022complex\u0022);\r\n\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\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\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\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;","IsDeferred":false}]}