Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ipsum in purus tristique hendrerit vel et justo.

Ut commodo blandit risus, a iaculis ipsum gravida vel.

Nested 3-1

Nested 3-2

Test 3

Test 4

Test 5

Nested 6-1

Nested 6-2

Test 6

Nested 7-1

Nested 7-2

Test 7

Test 8

Test 9

Test 10

Nested 11-1

Nested 11-2

Test 11

Nested 12-1

Nested 12-2

Test 12

Test 13

Test 14

Heading 2

Quisque euismod ligula ut orci facilisis, et auctor mi rhoncus.

Suspendisse id dapibus est, nec facilisis nulla.

Test 15

Test 16

Test 17

Test 18

Test 19

Test 20

Heading 3

Nunc sollicitudin nisi id elit pellentesque volutpat.

Morbi efficitur tincidunt nulla nec sollicitudin.

ID	Class	Content
id1	Test 1	Some content here
id2	Test 2	More content here
id3	Test 3	Additional content
id4	Test 4	Even more content

{"ScriptPreparationCode":null,"TestCases":[{"Name":"vanilla","Code":"document.getElementById(\u0022id1\u0022).style.backgroundColor = \u0022#FF5733\u0022;\r\ndocument.getElementById(\u0022id7\u0022).style.backgroundColor = \u0022#33FF57\u0022;\r\ndocument.getElementById(\u0022id9\u0022).style.backgroundColor = \u0022#5733FF\u0022;\r\n\r\nArray.from(document.getElementsByClassName(\u0022class1\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3F7A3D\u0022;\r\n});\r\n\r\nArray.from(document.getElementsByClassName(\u0022class2\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#7A3D3F\u0022;\r\n});\r\n\r\ndocument.getElementsByClassName(\u0022class3\u0022)[0].style.backgroundColor = \u0022red\u0022;\r\ndocument.getElementsByClassName(\u0022class3\u0022)[3].style.backgroundColor = \u0022red\u0022;\r\ndocument.getElementsByClassName(\u0022class3\u0022)[5].style.backgroundColor = \u0022red\u0022;\r\ndocument.getElementsByClassName(\u0022class3\u0022)[7].style.backgroundColor = \u0022red\u0022;\r\n\r\ndocument.getElementsByClassName(\u0022class4\u0022)[1].style.backgroundColor = \u0022blue\u0022;\r\ndocument.getElementsByClassName(\u0022class4\u0022)[6].style.backgroundColor = \u0022blue\u0022;\r\ndocument.getElementsByClassName(\u0022class4\u0022)[8].style.backgroundColor = \u0022blue\u0022;\r\ndocument.getElementsByClassName(\u0022class4\u0022)[2].style.backgroundColor = \u0022blue\u0022;\r\n\r\nArray.from(document.getElementsByTagName(\u0022div\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3D7A6F\u0022;\r\n});\r\n\r\nArray.from(document.querySelectorAll(\u0022#id1 \u003E .nested-div\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3D6F7A\u0022;\r\n});\r\n\r\nArray.from(document.querySelectorAll(\u0022.class1.class2\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#7A6F3D\u0022;\r\n});\r\n\r\nArray.from(document.querySelectorAll(\u0022div \u002B div\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#6F3D7A\u0022;\r\n});\r\n\r\nArray.from(document.querySelectorAll(\u0022div ~ div\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3D7A3F\u0022;\r\n});\r\n\r\nArray.from(document.querySelectorAll(\u0027div[class^=\u0022class\u0022]\u0027)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022yellow\u0022;\r\n});\r\n\r\nArray.from(document.querySelectorAll(\u0027div[class$=\u0022class4\u0022]\u0027)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022fuchsia\u0022;\r\n});\r\n\r\ndocument.querySelector(\u0022div:nth-child(2)\u0022).style.backgroundColor = \u0022#3D3F7A\u0022;\r\ndocument.querySelector(\u0022div:nth-last-child(2)\u0022).style.backgroundColor = \u0022#3D7A4F\u0022;\r\ndocument.querySelector(\u0022div:first-child\u0022).style.backgroundColor = \u0022#4F3D7A\u0022;\r\ndocument.querySelector(\u0022div:last-child\u0022).style.backgroundColor = \u0022#7A4F3D\u0022;\r\n\r\nArray.from(document.querySelectorAll(\u0022div:only-child\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3D7A5F\u0022;\r\n});\r\n\r\nArray.from(document.getElementsByTagName(\u0022table\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#5F3D7A\u0022;\r\n});\r\n\r\nArray.from(document.getElementsByTagName(\u0022p\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#7A5F3D\u0022;\r\n});\r\n\r\nArray.from(document.getElementsByTagName(\u0022h1\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3D7A7F\u0022;\r\n});\r\n\r\nArray.from(document.querySelectorAll(\u0022tr\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#7F3D7A\u0022;\r\n});\r\n\r\nArray.from(document.querySelectorAll(\u0022td\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#7A7F3D\u0022;\r\n});\r\n\r\nArray.from(document.querySelectorAll(\u0022th\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3D7A6F\u0022;\r\n});\r\n\r\ndocument.querySelector(\u0022th\u0022).style.backgroundColor = \u0022cyan\u0022;\r\ndocument.querySelector(\u0022tr\u0022).style.backgroundColor = \u0022cyan\u0022;\r\ndocument.querySelector(\u0022td\u0022).style.backgroundColor = \u0022cyan\u0022;\r\ndocument.querySelectorAll(\u0022td\u0022)[2].style.backgroundColor = \u0022cyan\u0022;\r\ndocument.querySelectorAll(\u0022td\u0022)[4].style.backgroundColor = \u0022cyan\u0022;\r\ndocument.querySelectorAll(\u0022td\u0022)[6].style.backgroundColor = \u0022cyan\u0022;","IsDeferred":false},{"Name":"own","Code":"function tag(selector, index) {\r\n    let result;\r\n    const parts = selector.split(\u0022 \u0022);\r\n\r\n    if (parts.length === 1) {\r\n        const firstPart = parts[0];\r\n        const name = firstPart.slice(1);\r\n\r\n        if (firstPart.startsWith(\u0022#\u0022) \u0026\u0026 /^[a-zA-Z0-9_-]\u002B$/.test(name)) {\r\n            result = document.getElementById(name);\r\n        } else if (firstPart.startsWith(\u0022.\u0022) \u0026\u0026 /^[a-zA-Z0-9_-]\u002B$/.test(name)) {\r\n            result = document.getElementsByClassName(name);\r\n        } else {\r\n            result = document.querySelectorAll(firstPart);\r\n        }\r\n    } else {\r\n        result = document.querySelectorAll(selector);\r\n    }\r\n\r\n    if (index !== undefined) {\r\n        let item;\r\n        if (index \u003C 0) {\r\n            item = result.length \u002B index;\r\n        } else {\r\n            item = index;\r\n        }\r\n        return result[item];\r\n    }\r\n\r\n    return result;\r\n}\r\n\r\ntag(\u0022#id1\u0022).style.backgroundColor = \u0022#FF5733\u0022;\r\ntag(\u0022#id7\u0022).style.backgroundColor = \u0022#33FF57\u0022;\r\ntag(\u0022#id9\u0022).style.backgroundColor = \u0022#5733FF\u0022;\r\n\r\nArray.from(tag(\u0022.class1\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3F7A3D\u0022;\r\n});\r\n\r\nArray.from(tag(\u0022.class2\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#7A3D3F\u0022;\r\n});\r\n\r\ntag(\u0022.class3\u0022, 0).style.backgroundColor = \u0022red\u0022;\r\ntag(\u0022.class3\u0022, 3).style.backgroundColor = \u0022red\u0022;\r\ntag(\u0022.class3\u0022, 5).style.backgroundColor = \u0022red\u0022;\r\ntag(\u0022.class3\u0022, 7).style.backgroundColor = \u0022red\u0022;\r\n\r\ntag(\u0022.class4\u0022, 1).style.backgroundColor = \u0022blue\u0022;\r\ntag(\u0022.class4\u0022, 6).style.backgroundColor = \u0022blue\u0022;\r\ntag(\u0022.class4\u0022, 8).style.backgroundColor = \u0022blue\u0022;\r\ntag(\u0022.class4\u0022, 2).style.backgroundColor = \u0022blue\u0022;\r\n\r\nArray.from(tag(\u0022div\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3D7A6F\u0022;\r\n});\r\n\r\nArray.from(tag(\u0022#id1 \u003E .nested-div\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3D6F7A\u0022;\r\n});\r\n\r\nArray.from(tag(\u0022.class1.class2\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#7A6F3D\u0022;\r\n});\r\n\r\nArray.from(tag(\u0022div \u002B div\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#6F3D7A\u0022;\r\n});\r\n\r\nArray.from(tag(\u0022div ~ div\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3D7A3F\u0022;\r\n});\r\n\r\nArray.from(tag(\u0027div[class^=\u0022class\u0022]\u0027)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022yellow\u0022;\r\n});\r\n\r\nArray.from(tag(\u0027div[class$=\u0022class4\u0022]\u0027)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022fuchsia\u0022;\r\n});\r\n\r\ntag(\u0022div:nth-child(2)\u0022, 0).style.backgroundColor = \u0022black\u0022;\r\ntag(\u0022div:nth-last-child(2)\u0022, 0).style.backgroundColor = \u0022#3D7A4F\u0022;\r\ntag(\u0022div:first-child\u0022, 0).style.backgroundColor = \u0022#4F3D7A\u0022;\r\ntag(\u0022div:last-child\u0022, 0).style.backgroundColor = \u0022#7A4F3D\u0022;\r\n\r\nArray.from(tag(\u0022div:only-child\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3D7A5F\u0022;\r\n});\r\n\r\nArray.from(tag(\u0022table\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#5F3D7A\u0022;\r\n});\r\n\r\nArray.from(tag(\u0022p\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#7A5F3D\u0022;\r\n});\r\n\r\nArray.from(tag(\u0022h1\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3D7A7F\u0022;\r\n});\r\n\r\nArray.from(tag(\u0022tr\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#7F3D7A\u0022;\r\n});\r\n\r\nArray.from(tag(\u0022td\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#7A7F3D\u0022;\r\n});\r\n\r\nArray.from(tag(\u0022th\u0022)).forEach((elem) =\u003E {\r\n    elem.style.backgroundColor = \u0022#3D7A6F\u0022;\r\n});\r\n\r\ntag(\u0022th\u0022, 0).style.backgroundColor = \u0022cyan\u0022;\r\ntag(\u0022tr\u0022, 0).style.backgroundColor = \u0022cyan\u0022;\r\ntag(\u0022td\u0022, 0).style.backgroundColor = \u0022cyan\u0022;\r\ntag(\u0022td\u0022, 2).style.backgroundColor = \u0022cyan\u0022;\r\ntag(\u0022td\u0022, 4).style.backgroundColor = \u0022cyan\u0022;\r\ntag(\u0022td\u0022, 5).style.backgroundColor = \u0022cyan\u0022;","IsDeferred":false},{"Name":"jquery","Code":"$(\u0022#id1\u0022).css(\u0022background-color\u0022, \u0022#FF5733\u0022);\r\n$(\u0022#id7\u0022).css(\u0022background-color\u0022, \u0022#33FF57\u0022);\r\n$(\u0022#id9\u0022).css(\u0022background-color\u0022, \u0022#5733FF\u0022);\r\n\r\n$(\u0022.class1\u0022).css(\u0022background-color\u0022, \u0022#3F7A3D\u0022);\r\n\r\n$(\u0022.class2\u0022).css(\u0022background-color\u0022, \u0022#7A3D3F\u0022);\r\n\r\n$(\u0022.class3\u0022).eq(0).css(\u0022background-color\u0022, \u0022red\u0022);\r\n$(\u0022.class3\u0022).eq(3).css(\u0022background-color\u0022, \u0022red\u0022);\r\n$(\u0022.class3\u0022).eq(5).css(\u0022background-color\u0022, \u0022red\u0022);\r\n$(\u0022.class3\u0022).eq(7).css(\u0022background-color\u0022, \u0022red\u0022);\r\n\r\n$(\u0022.class4\u0022).eq(1).css(\u0022background-color\u0022, \u0022blue\u0022);\r\n$(\u0022.class4\u0022).eq(6).css(\u0022background-color\u0022, \u0022blue\u0022);\r\n$(\u0022.class4\u0022).eq(8).css(\u0022background-color\u0022, \u0022blue\u0022);\r\n$(\u0022.class4\u0022).eq(2).css(\u0022background-color\u0022, \u0022blue\u0022);\r\n\r\n$(\u0022div\u0022).css(\u0022background-color\u0022, \u0022#3D7A6F\u0022);\r\n\r\n$(\u0022#id1 \u003E .nested-div\u0022).css(\u0022background-color\u0022, \u0022#3D6F7A\u0022);\r\n\r\n$(\u0022.class1.class2\u0022).css(\u0022background-color\u0022, \u0022#7A6F3D\u0022);\r\n\r\n$(\u0022div \u002B div\u0022).css(\u0022background-color\u0022, \u0022#6F3D7A\u0022);\r\n\r\n$(\u0022div ~ div\u0022).css(\u0022background-color\u0022, \u0022#3D7A3F\u0022);\r\n\r\n$(\u0027div[class^=\u0022class\u0022]\u0027).css(\u0022background-color\u0022, \u0022yellow\u0022);\r\n\r\n$(\u0027div[class$=\u0022class4\u0022]\u0027).css(\u0022background-color\u0022, \u0022fuchsia\u0022);\r\n\r\n$(\u0022div:nth-child(2)\u0022).first().css(\u0022background-color\u0022, \u0022#3D3F7A\u0022);\r\n$(\u0022div:nth-last-child(2)\u0022).first().css(\u0022background-color\u0022, \u0022#3D7A4F\u0022);\r\n$(\u0022div:first-child\u0022).first().css(\u0022background-color\u0022, \u0022#4F3D7A\u0022);\r\n$(\u0022div:last-child\u0022).first().css(\u0022background-color\u0022, \u0022#7A4F3D\u0022);\r\n\r\n$(\u0022div:only-child\u0022).css(\u0022background-color\u0022, \u0022#3D7A5F\u0022);\r\n\r\n$(\u0022table\u0022).css(\u0022background-color\u0022, \u0022#5F3D7A\u0022);\r\n\r\n$(\u0022p\u0022).css(\u0022background-color\u0022, \u0022#7A5F3D\u0022);\r\n\r\n$(\u0022h1\u0022).css(\u0022background-color\u0022, \u0022#3D7A7F\u0022);\r\n\r\n$(\u0022tr\u0022).css(\u0022background-color\u0022, \u0022#7F3D7A\u0022);\r\n\r\n$(\u0022td\u0022).css(\u0022background-color\u0022, \u0022#7A7F3D\u0022);\r\n\r\n$(\u0022th\u0022).css(\u0022background-color\u0022, \u0022#3D7A6F\u0022);\r\n\r\n$(\u0022th:first\u0022).css(\u0022background-color\u0022, \u0022cyan\u0022);\r\n$(\u0022tr:first\u0022).css(\u0022background-color\u0022, \u0022cyan\u0022);\r\n$(\u0022td:first\u0022).css(\u0022background-color\u0022, \u0022cyan\u0022);\r\n$(\u0022td\u0022).eq(2).css(\u0022background-color\u0022, \u0022cyan\u0022);\r\n$(\u0022td\u0022).eq(4).css(\u0022background-color\u0022, \u0022cyan\u0022);\r\n$(\u0022td\u0022).eq(6).css(\u0022background-color\u0022, \u0022cyan\u0022);\r\n","IsDeferred":false}]}