{"ScriptPreparationCode":"function ComponentWithOuterFunctionUseCallback(props) {\r\n const {\r\n a,\r\n b,\r\n c\r\n } = props;\r\n\r\n function lessExpensiveFunc() {\r\n return Math.pow(a, 4) \u002B Math.pow(b, 4) \u002B Math.pow(c, 4);\r\n }\r\n const testFunction = React.useCallback(lessExpensiveFunc, [a, b, c]);\r\n return React.createElement(\u0027button\u0027, {\r\n onClick: testFunction,\r\n id: 1\r\n }, \u0027Test click\u0027);\r\n}\r\n\r\nfunction ComponentWithOuterFunctionUseCallbackV2(props) {\r\n const {\r\n a,\r\n b,\r\n c\r\n } = props;\r\n\r\n function simpleFunc() {\r\n return a\u002Bb\u002Bc;\r\n }\r\n const testFunction = React.useCallback(simpleFunc, [a, b, c]);\r\n return React.createElement(\u0027button\u0027, {\r\n onClick: testFunction,\r\n id: 5\r\n }, \u0027Test click\u0027);\r\n}\r\n\r\nfunction ComponentWithUseCallback(props) {\r\n const {\r\n a,\r\n b,\r\n c\r\n } = props;\r\n\r\n const lessExpensiveFunc = React.useCallback(() =\u003E Math.pow(a, 4) \u002B Math.pow(b, 4) \u002B Math.pow(c, 4), [a, b, c]);\r\n return React.createElement(\u0027button\u0027, {\r\n onClick: lessExpensiveFunc,\r\n id: 2\r\n }, \u0027Test click\u0027);\r\n}\r\n\r\nfunction ComponentWithUseCallbackV2(props) {\r\n const {\r\n a,\r\n b,\r\n c\r\n } = props;\r\n\r\n const simpleFunc = React.useCallback(() =\u003E a\u002Bb\u002Bc, [a, b, c]);\r\n return React.createElement(\u0027button\u0027, {\r\n onClick: simpleFunc,\r\n id: 6\r\n }, \u0027Test click\u0027);\r\n}\r\n\r\nfunction ComponentWithInlineFunction(props) {\r\n const {\r\n a,\r\n b,\r\n c\r\n } = props;\r\n\r\n function lessExpensiveFunc() {\r\n return Math.pow(a, 4) \u002B Math.pow(b, 4) \u002B Math.pow(c, 4);\r\n }\r\n return React.createElement(\u0027button\u0027, {\r\n onClick: lessExpensiveFunc,\r\n id: 3\r\n }, \u0027Test click\u0027);\r\n}\r\n\r\nfunction ComponentWithInlineFunctionV2(props) {\r\n const {\r\n a,\r\n b,\r\n c\r\n } = props;\r\n\r\n function simpleFunc() {\r\n return a\u002Bb\u002Bc;\r\n }\r\n return React.createElement(\u0027button\u0027, {\r\n onClick: simpleFunc,\r\n id: 7\r\n }, \u0027Test click\u0027);\r\n}\r\n\r\nfunction ComponentWithArrowFunction(props) {\r\n const {\r\n a,\r\n b,\r\n c\r\n } = props;\r\n\r\n const lessExpensiveFunc = () =\u003E {\r\n return Math.pow(a, 4) \u002B Math.pow(b, 4) \u002B Math.pow(c, 4);\r\n }\r\n return React.createElement(\u0027button\u0027, {\r\n onClick: lessExpensiveFunc,\r\n id: 4\r\n }, \u0027Test click\u0027);\r\n}\r\n\r\nfunction ComponentWithArrowFunctionV2(props) {\r\n const {\r\n a,\r\n b,\r\n c\r\n } = props;\r\n\r\n const simpleFunc = () =\u003E {\r\n return a\u002Bb\u002Bc;\r\n }\r\n return React.createElement(\u0027button\u0027, {\r\n onClick: simpleFunc,\r\n id: 8\r\n }, \u0027Test click\u0027);\r\n}","TestCases":[{"Name":"ComponentWithOuterFunctionUseCallback","Code":"ReactDOM.render(React.createElement(ComponentWithOuterFunctionUseCallback, {a:2,b:3,c:4}), document.getElementById(\u0027root\u0027))\r\ndocument.getElementById(\u00221\u0022).click();\r\ndocument.getElementById(\u00221\u0022).click();\r\ndocument.getElementById(\u00221\u0022).click();\r\ndocument.getElementById(\u00221\u0022).click();","IsDeferred":false},{"Name":"ComponentWithUseCallback","Code":"ReactDOM.render(React.createElement(ComponentWithUseCallback, {a:2,b:3,c:4}), document.getElementById(\u0027root\u0027))\r\ndocument.getElementById(\u00222\u0022).click();\r\ndocument.getElementById(\u00222\u0022).click();\r\ndocument.getElementById(\u00222\u0022).click();\r\ndocument.getElementById(\u00222\u0022).click();","IsDeferred":false},{"Name":"ComponentWithInlineFunction","Code":"ReactDOM.render(React.createElement(ComponentWithInlineFunction, {a:2,b:3,c:4}), document.getElementById(\u0027root\u0027))\r\ndocument.getElementById(\u00223\u0022).click();\r\ndocument.getElementById(\u00223\u0022).click();\r\ndocument.getElementById(\u00223\u0022).click();\r\ndocument.getElementById(\u00223\u0022).click();","IsDeferred":false},{"Name":"ComponentWithArrowFunction","Code":"ReactDOM.render(React.createElement(ComponentWithArrowFunction, {a:2,b:3,c:4}), document.getElementById(\u0027root\u0027));\r\ndocument.getElementById(\u00224\u0022).click();\r\ndocument.getElementById(\u00224\u0022).click();\r\ndocument.getElementById(\u00224\u0022).click();\r\ndocument.getElementById(\u00224\u0022).click();","IsDeferred":false},{"Name":"ComponentWithOuterFunctionUseCallbackV2","Code":"ReactDOM.render(React.createElement(ComponentWithOuterFunctionUseCallbackV2, {a:4,b:5,c:6}), document.getElementById(\u0027root\u0027))\r\ndocument.getElementById(\u00225\u0022).click();\r\ndocument.getElementById(\u00225\u0022).click();\r\ndocument.getElementById(\u00225\u0022).click();\r\ndocument.getElementById(\u00225\u0022).click();","IsDeferred":false},{"Name":"ComponentWithUseCallbackV2","Code":"ReactDOM.render(React.createElement(ComponentWithUseCallbackV2, {a:4,b:5,c:6}), document.getElementById(\u0027root\u0027))\r\ndocument.getElementById(\u00226\u0022).click();\r\ndocument.getElementById(\u00226\u0022).click();\r\ndocument.getElementById(\u00226\u0022).click();\r\ndocument.getElementById(\u00226\u0022).click();","IsDeferred":false},{"Name":"ComponentWithInlineFunctionV2","Code":"ReactDOM.render(React.createElement(ComponentWithInlineFunctionV2, {a:4,b:5,c:6}), document.getElementById(\u0027root\u0027))\r\ndocument.getElementById(\u00227\u0022).click();\r\ndocument.getElementById(\u00227\u0022).click();\r\ndocument.getElementById(\u00227\u0022).click();\r\ndocument.getElementById(\u00227\u0022).click();","IsDeferred":false},{"Name":"ComponentWithArrowFunctionV2","Code":"ReactDOM.render(React.createElement(ComponentWithArrowFunctionV2, {a:4,b:5,c:6}), document.getElementById(\u0027root\u0027));\r\ndocument.getElementById(\u00228\u0022).click();\r\ndocument.getElementById(\u00228\u0022).click();\r\ndocument.getElementById(\u00228\u0022).click();\r\ndocument.getElementById(\u00228\u0022).click();","IsDeferred":false},{"Name":"ComponentWithOuterFunctionUseCallback--2","Code":"ReactDOM.render(React.createElement(ComponentWithOuterFunctionUseCallback, {a:2,b:3,c:4}), document.getElementById(\u0027root\u0027))\r\ndocument.getElementById(\u00221\u0022).click();\r\ndocument.getElementById(\u00221\u0022).click();\r\ndocument.getElementById(\u00221\u0022).click();\r\ndocument.getElementById(\u00221\u0022).click();\r\ndocument.getElementById(\u00221\u0022).click();\r\ndocument.getElementById(\u00221\u0022).click();\r\ndocument.getElementById(\u00221\u0022).click();\r\ndocument.getElementById(\u00221\u0022).click();","IsDeferred":false},{"Name":"ComponentWithUseCallback--2","Code":"ReactDOM.render(React.createElement(ComponentWithUseCallback, {a:2,b:3,c:4}), document.getElementById(\u0027root\u0027))\r\ndocument.getElementById(\u00222\u0022).click();\r\ndocument.getElementById(\u00222\u0022).click();\r\ndocument.getElementById(\u00222\u0022).click();\r\ndocument.getElementById(\u00222\u0022).click();\r\ndocument.getElementById(\u00222\u0022).click();\r\ndocument.getElementById(\u00222\u0022).click();\r\ndocument.getElementById(\u00222\u0022).click();\r\ndocument.getElementById(\u00222\u0022).click();","IsDeferred":false},{"Name":"ComponentWithInlineFunction--2","Code":"ReactDOM.render(React.createElement(ComponentWithInlineFunction, {a:2,b:3,c:4}), document.getElementById(\u0027root\u0027))\r\ndocument.getElementById(\u00223\u0022).click();\r\ndocument.getElementById(\u00223\u0022).click();\r\ndocument.getElementById(\u00223\u0022).click();\r\ndocument.getElementById(\u00223\u0022).click();\r\ndocument.getElementById(\u00223\u0022).click();\r\ndocument.getElementById(\u00223\u0022).click();\r\ndocument.getElementById(\u00223\u0022).click();\r\ndocument.getElementById(\u00223\u0022).click();","IsDeferred":false},{"Name":"ComponentWithArrowFunction--2","Code":"ReactDOM.render(React.createElement(ComponentWithArrowFunction, {a:2,b:3,c:4}), document.getElementById(\u0027root\u0027));\r\ndocument.getElementById(\u00224\u0022).click();\r\ndocument.getElementById(\u00224\u0022).click();\r\ndocument.getElementById(\u00224\u0022).click();\r\ndocument.getElementById(\u00224\u0022).click();\r\ndocument.getElementById(\u00224\u0022).click();\r\ndocument.getElementById(\u00224\u0022).click();\r\ndocument.getElementById(\u00224\u0022).click();\r\ndocument.getElementById(\u00224\u0022).click();","IsDeferred":false},{"Name":"ComponentWithOuterFunctionUseCallbackV2--2","Code":"ReactDOM.render(React.createElement(ComponentWithOuterFunctionUseCallbackV2, {a:4,b:5,c:6}), document.getElementById(\u0027root\u0027))\r\ndocument.getElementById(\u00225\u0022).click();\r\ndocument.getElementById(\u00225\u0022).click();\r\ndocument.getElementById(\u00225\u0022).click();\r\ndocument.getElementById(\u00225\u0022).click();\r\ndocument.getElementById(\u00225\u0022).click();\r\ndocument.getElementById(\u00225\u0022).click();\r\ndocument.getElementById(\u00225\u0022).click();\r\ndocument.getElementById(\u00225\u0022).click();","IsDeferred":false},{"Name":"ComponentWithUseCallbackV2--2","Code":"ReactDOM.render(React.createElement(ComponentWithUseCallbackV2, {a:4,b:5,c:6}), document.getElementById(\u0027root\u0027))\r\ndocument.getElementById(\u00226\u0022).click();\r\ndocument.getElementById(\u00226\u0022).click();\r\ndocument.getElementById(\u00226\u0022).click();\r\ndocument.getElementById(\u00226\u0022).click();\r\ndocument.getElementById(\u00226\u0022).click();\r\ndocument.getElementById(\u00226\u0022).click();\r\ndocument.getElementById(\u00226\u0022).click();\r\ndocument.getElementById(\u00226\u0022).click();","IsDeferred":false},{"Name":"ComponentWithInlineFunctionV2--2","Code":"ReactDOM.render(React.createElement(ComponentWithInlineFunctionV2, {a:4,b:5,c:6}), document.getElementById(\u0027root\u0027))\r\ndocument.getElementById(\u00227\u0022).click();\r\ndocument.getElementById(\u00227\u0022).click();\r\ndocument.getElementById(\u00227\u0022).click();\r\ndocument.getElementById(\u00227\u0022).click();\r\ndocument.getElementById(\u00227\u0022).click();\r\ndocument.getElementById(\u00227\u0022).click();\r\ndocument.getElementById(\u00227\u0022).click();\r\ndocument.getElementById(\u00227\u0022).click();","IsDeferred":false},{"Name":"ComponentWithArrowFunctionV2--2","Code":"ReactDOM.render(React.createElement(ComponentWithArrowFunctionV2, {a:4,b:5,c:6}), document.getElementById(\u0027root\u0027));\r\ndocument.getElementById(\u00228\u0022).click();\r\ndocument.getElementById(\u00228\u0022).click();\r\ndocument.getElementById(\u00228\u0022).click();\r\ndocument.getElementById(\u00228\u0022).click();\r\ndocument.getElementById(\u00228\u0022).click();\r\ndocument.getElementById(\u00228\u0022).click();\r\ndocument.getElementById(\u00228\u0022).click();\r\ndocument.getElementById(\u00228\u0022).click();","IsDeferred":false}]}