{"ScriptPreparationCode":"function makeEl(tagName, parent) {\r\n const newEl = document.createElement(tagName);\r\n parent.appendChild(newEl);\r\n return newEl;\r\n}\r\n\r\nconst rows = 100; const columns = 10;\r\nconst fillRoot = () =\u003E {\r\n var root = document.getElementById(\u0027root\u0027);\r\n root \u0026\u0026 root.innerHTML \u0026\u0026 (root.innerHTML = \u0027\u0027);\r\n for(let j = 0; j \u003C rows; j\u002B\u002B) {\r\n const row = makeEl(\u0027div\u0027, root);\r\n row.setAttribute(\u0027style\u0027, \u0027width: 100%\u0027);\r\n for(let i = 0; i \u003C columns; i\u002B\u002B) {\r\n const column = makeEl(\u0027div\u0027, row);\r\n column.setAttribute(\u0027style\u0027,\u0027position: fixed; display:inline-block; left: \u0027 \u002B (window.innerWidth/columns*i) \u002B \u0027px; top: \u0027 \u002B (100*j) \u002B \u0027px; padding: 5px; width:\u0027 \u002B (90/columns) \u002B \u0027%; height: 100px; background-color: #\u0027\u002B(Math.random()*0xFFFFFF\u003C\u003C0).toString(16));\r\n column.innerHTML = \u0027item \u0027 \u002B i \u002B \u0027 \u0027 \u002B j;\r\n }\r\n }\r\n }\r\nfillRoot();\r\n","TestCases":[{"Name":"Disable transition with css","Code":"document.querySelectorAll(\u0027#root div\u0027).forEach(function(el){ el.setAttribute(\u0027style\u0027,\u0027none !important\u0027); })\r\ndocument.querySelectorAll(\u0027#root div\u0027).forEach(function(el){ el.style[\u0027margin-top\u0027] = \u0027100px\u0027;})\r\ndocument.querySelectorAll(\u0027#root div\u0027).forEach(function(el){ el.style[\u0027margin-top\u0027] = \u0027200px\u0027;})\r\ndocument.querySelectorAll(\u0027#root div\u0027).forEach(function(el){ el.style[\u0027margin-top\u0027] = \u00270px\u0027;})","IsDeferred":false},{"Name":"Disable transition with animation.finish","Code":"document.querySelectorAll(\u0027#root div\u0027).forEach(function(el){ \r\n el.style[\u0027margin-top\u0027] = \u0027100px\u0027;\r\n el.getAnimations().map((animation) =\u003E animation.finish())\r\n})\r\ndocument.querySelectorAll(\u0027#root div\u0027).forEach(function(el){ \r\n el.style[\u0027margin-top\u0027] = \u0027200px\u0027;\r\n el.getAnimations().map((animation) =\u003E animation.finish())\r\n})\r\ndocument.querySelectorAll(\u0027#root div\u0027).forEach(function(el){ \r\n el.style[\u0027margin-top\u0027] = \u00270px\u0027;\r\n el.getAnimations().map((animation) =\u003E animation.finish())\r\n})","IsDeferred":false},{"Name":"Disable transition with animation.cancel","Code":"document.querySelectorAll(\u0027#root div\u0027).forEach(function(el){ \r\n el.style[\u0027margin-top\u0027] = \u0027100px\u0027;\r\n el.getAnimations().map((animation) =\u003E animation.cancel())\r\n})\r\ndocument.querySelectorAll(\u0027#root div\u0027).forEach(function(el){ \r\n el.style[\u0027margin-top\u0027] = \u0027200px\u0027;\r\n el.getAnimations().map((animation) =\u003E animation.cancel())\r\n})\r\ndocument.querySelectorAll(\u0027#root div\u0027).forEach(function(el){ \r\n el.style[\u0027margin-top\u0027] = \u00270px\u0027;\r\n el.getAnimations().map((animation) =\u003E animation.cancel())\r\n})","IsDeferred":false}]}