{"ScriptPreparationCode":"\tconst x = 5;\r\n const y = 5;\r\n const z = 5;\r\n const xFrag = document.createDocumentFragment();\r\n for (let i = 0; i \u003C x; i\u002B\u002B) {\r\n const xNode = document.createElement(\u0022div\u0022);\r\n xNode.id = \u0060box${i}\u0060;\r\n xNode.classList.add(\u0022box\u0022, \u0022container\u0022);\r\n const yFrag = document.createDocumentFragment();\r\n for (let j = 0; j \u003C y; j\u002B\u002B) {\r\n const yNode = document.createElement(\u0022div\u0022);\r\n yNode.id = \u0060div${i}-${j}\u0060;\r\n yNode.classList.add(\u0022block\u0022, \u0022outer\u0022);\r\n for (let k = 0; k \u003C z; k\u002B\u002B) {\r\n const zNode = document.createElement(\u0022div\u0022);\r\n zNode.id = \u0060div${i}-${j}-${k}\u0060;\r\n zNode.classList.add(\u0022block\u0022, \u0022inner\u0022);\r\n const p = document.createElement(\u0022p\u0022);\r\n p.id = \u0060p${i}-${j}-${k}\u0060;\r\n p.classList.add(\u0022content\u0022);\r\n p.textContent = \u0060${i}-${j}-${k}\u0060;\r\n zNode.append(p);\r\n yNode.append(zNode);\r\n }\r\n yFrag.append(yNode);\r\n }\r\n xNode.append(yFrag);\r\n xFrag.append(xNode);\r\n }\r\n const container = document.createElement(\u0022div\u0022);\r\n container.setAttribute(\u0022id\u0022, \u0022container\u0022);\r\n container.classList.add(\u0022container\u0022);\r\n container.append(xFrag);\r\n document.body.append(container);","TestCases":[{"Name":"querySelector","Code":"const selector = \u0022.box:first-child ~ .box:nth-of-type(4n) \u002B .box .block.inner \u003E .content\u0022;\r\ndocument.querySelector(selector);","IsDeferred":false},{"Name":"querySelectorAll","Code":"const selector = \u0022.box:first-child ~ .box:nth-of-type(4n) \u002B .box .block.inner \u003E .content\u0022;\r\ndocument.querySelectorAll(selector);","IsDeferred":false}]}