{"ScriptPreparationCode":null,"TestCases":[{"Name":"createElement","Code":"const madeFavoriteEffectHtml = () =\u003E {\r\n const parent = document.createElement(\u0027div\u0027)\r\n parent.setAttribute(\u0027class\u0027, \u0027c-favorite-effect\u0027)\r\n \r\n /** \r\n * Circle Left Top \r\n */\r\n const circleLeftTopLeft = document.createElement(\u0027div\u0027),\r\n circleLeftTopRight = document.createElement(\u0027div\u0027),\r\n circleLeftTopCenter = document.createElement(\u0027div\u0027)\r\n \r\n circleLeftTopLeft.setAttribute(\u0027class\u0027, \u0027c-favorite-effect--circle is-pos--left-top-left\u0027)\r\n circleLeftTopCenter.setAttribute(\u0027class\u0027, \u0027c-favorite-effect--circle is-pos--left-top-center\u0027)\r\n circleLeftTopRight.setAttribute(\u0027class\u0027, \u0027c-favorite-effect--circle is-pos--left-top-right\u0027)\r\n \r\n parent.appendChild(circleLeftTopLeft)\r\n parent.appendChild(circleLeftTopCenter)\r\n parent.appendChild(circleLeftTopRight)\r\n \r\n /**\r\n * Circle Right Top\r\n */\r\n const circleRightTopLeft = document.createElement(\u0027div\u0027),\r\n circleRightTopCenter = document.createElement(\u0027div\u0027),\r\n circleRightTopRight = document.createElement(\u0027div\u0027)\r\n \r\n circleRightTopLeft.setAttribute(\u0027class\u0027, \u0027c-favorite-effect--circle is-pos--right-top-left\u0027)\r\n circleRightTopCenter.setAttribute(\u0027class\u0027, \u0027c-favorite-effect--circle is-pos--right-top-center\u0027)\r\n circleRightTopRight.setAttribute(\u0027class\u0027, \u0027c-favorite-effect--circle is-pos--right-top-right\u0027)\r\n \r\n parent.appendChild(circleRightTopLeft)\r\n parent.appendChild(circleRightTopCenter)\r\n parent.appendChild(circleRightTopRight)\r\n \r\n /**\r\n * Circle Left Bottom\r\n */\r\n const circleLeftBottomLeft = document.createElement(\u0027div\u0027),\r\n circleLeftBottomCenter = document.createElement(\u0027div\u0027),\r\n circleLeftBottomRight = document.createElement(\u0027div\u0027)\r\n \r\n circleLeftBottomLeft.setAttribute(\u0027class\u0027, \u0027c-favorite-effect--circle is-pos--left-bottom-left\u0027)\r\n circleLeftBottomCenter.setAttribute(\u0027class\u0027, \u0027c-favorite-effect--circle is-pos--left-bottom-center\u0027)\r\n circleLeftBottomRight.setAttribute(\u0027class\u0027, \u0027c-favorite-effect--circle is-pos--left-bottom-right\u0027)\r\n \r\n parent.appendChild(circleLeftBottomLeft)\r\n parent.appendChild(circleLeftBottomCenter)\r\n parent.appendChild(circleLeftBottomRight)\r\n \r\n /**\r\n * Circle Right Bottom\r\n */\r\n const circleRightBottomLeft = document.createElement(\u0027div\u0027),\r\n circleRightBottomCenter = document.createElement(\u0027div\u0027),\r\n circleRightBottomRight = document.createElement(\u0027div\u0027)\r\n \r\n circleRightBottomLeft.setAttribute(\u0027class\u0027, \u0027c-favorite-effect--circle is-pos--right-bottom-left\u0027)\r\n circleRightBottomCenter.setAttribute(\u0027class\u0027, \u0027c-favorite-effect--circle is-pos--right-bottom-center\u0027)\r\n circleRightBottomRight.setAttribute(\u0027class\u0027, \u0027c-favorite-effect--circle is-pos--right-bottom-right\u0027)\r\n \r\n parent.appendChild(circleRightBottomLeft)\r\n parent.appendChild(circleRightBottomCenter)\r\n parent.appendChild(circleRightBottomRight)\r\n \r\n return parent\r\n}\r\n\r\nlet effect = madeFavoriteEffectHtml()\r\n\r\ndocument.getElementById(\u0027test\u0027).append(effect)","IsDeferred":false},{"Name":"insertAdjacentHTML","Code":"const madeFavoriteEffectHtml = () =\u003E {\r\n const parent = document.createElement(\u0027div\u0027)\r\n \r\n parent.setAttribute(\u0027class\u0027, \u0027c-favorite-effect\u0027)\r\n parent.insertAdjacentHTML(\u0027beforeend\u0027, \u0060\r\n \u003Cdiv class=\u0022c-favorite-effect--circle is-pos--left-top-left\u0022\u003E\u003C/div\u003E\r\n \u003Cdiv class=\u0022c-favorite-effect--circle is-pos--left-top-center\u0022\u003E\u003C/div\u003E\r\n \u003Cdiv class=\u0022c-favorite-effect--circle is-pos--left-top-right\u0022\u003E\u003C/div\u003E\r\n \u003Cdiv class=\u0022c-favorite-effect--circle is-pos--right-top-left\u0022\u003E\u003C/div\u003E\r\n \u003Cdiv class=\u0022c-favorite-effect--circle is-pos--right-top-center\u0022\u003E\u003C/div\u003E\r\n \u003Cdiv class=\u0022c-favorite-effect--circle is-pos--right-top-right\u0022\u003E\u003C/div\u003E\r\n \u003Cdiv class=\u0022c-favorite-effect--circle is-pos--left-bottom-left\u0022\u003E\u003C/div\u003E\r\n \u003Cdiv class=\u0022c-favorite-effect--circle is-pos--left-bottom-center\u0022\u003E\u003C/div\u003E\r\n \u003Cdiv class=\u0022c-favorite-effect--circle is-pos--left-bottom-right\u0022\u003E\u003C/div\u003E\r\n \u003Cdiv class=\u0022c-favorite-effect--circle is-pos--right-bottom-left\u0022\u003E\u003C/div\u003E\r\n \u003Cdiv class=\u0022c-favorite-effect--circle is-pos--right-bottom-center\u0022\u003E\u003C/div\u003E\r\n \u003Cdiv class=\u0022c-favorite-effect--circle is-pos--right-bottom-right\u0022\u003E\u003C/div\u003E\r\n \u0060)\r\n \r\n return parent\r\n}\r\n\r\nlet effect = madeFavoriteEffectHtml()\r\n\r\ndocument.getElementById(\u0027test\u0027).append(effect)","IsDeferred":false}]}