Hello
{"ScriptPreparationCode":null,"TestCases":[{"Name":"ResizeObserver","Code":"let value;\r\nconst observer = new ResizeObserver(entries =\u003E {\r\n\tvalue = entries[0].contentRect.width;\r\n})\r\n\r\nobserver.observe(document.body)\r\n\r\nfor (let i = 0; i \u003C= 1920; i\u002B\u002B) {\r\n\twindow.resizeTo(i, 1000)\r\n}","IsDeferred":false},{"Name":"matchMedia","Code":"let value;\r\nconst handleMatchChange = (val) =\u003E {\r\n\tvalue = val;\r\n}\r\nconst match1 = window.matchMedia(\u0027screen and (min-width: 0px) and (max-width: 479px)\u0027)\r\nmatch1.addEventListener(\u0027change\u0027, handleMatchChange);\r\n\r\nconst match2 = window.matchMedia(\u0027screen and (min-width: 480px) and (max-width: 767px)\u0027)\r\nmatch2.addEventListener(\u0027change\u0027, handleMatchChange);\r\n\r\nconst match3 = window.matchMedia(\u0027screen and (min-width: 768px) and (max-width: 1023px)\u0027)\r\nmatch3.addEventListener(\u0027change\u0027, handleMatchChange);\r\n\r\nconst match4 = window.matchMedia(\u0027screen and (min-width: 1024px) and (max-width: 1199px)\u0027)\r\nmatch4.addEventListener(\u0027change\u0027, handleMatchChange);\r\n\r\nconst match5 = window.matchMedia(\u0027screen and (min-width: 1200px) and (max-width: 1339px)\u0027)\r\nmatch5.addEventListener(\u0027change\u0027, handleMatchChange);\r\n\r\nconst match6 = window.matchMedia(\u0027screen and (min-width: 1340px)\u0027)\r\nmatch6.addEventListener(\u0027change\u0027, handleMatchChange);\r\n\r\nfor (let i = 0; i \u003C= 1920; i\u002B\u002B) {\r\n\twindow.resizeTo(i, 1000)\r\n}","IsDeferred":false}]}