{"ScriptPreparationCode":null,"TestCases":[{"Name":"1st","Code":"const generateResponsiveStyles = (styles) =\u003E {\r\n const responsiveObject = {};\r\n for (const breakpoint in styles) {\r\n if (styles[breakpoint]) {\r\n for (const property in styles[breakpoint]) {\r\n responsiveObject[property] = {\r\n ...responsiveObject[property],\r\n [breakpoint]: styles[breakpoint][property],\r\n };\r\n }\r\n }\r\n }\r\n return responsiveObject;\r\n};\r\n\r\nconsole.log(\u0027res\u0027, generateResponsiveStyles({\r\n fontSize: \u002214px\u0022,\r\n fontWeight: 600,\r\n lineHeight: \u0022145%\u0022,\r\n letterSpacing: \u0022-0.05em\u0022,\r\n textDecoration: \u0022none\u0022,\r\n textTransform: \u0022none\u0022,\r\n }));","IsDeferred":false},{"Name":"2nd","Code":"const generateResponsiveStyles = (styles) =\u003E {\r\n return Object.entries(styles).reduce(\r\n (responsiveObject, [breakpoint, properties]) =\u003E {\r\n Object.entries(properties).forEach(([property, value]) =\u003E {\r\n responsiveObject[property] = {\r\n ...(responsiveObject[property] || {}),\r\n [breakpoint]: value,\r\n };\r\n });\r\n return responsiveObject;\r\n },\r\n {}\r\n );\r\n};\r\n\r\nconsole.log(\u0027res\u0027, generateResponsiveStyles({\r\n fontSize: \u002214px\u0022,\r\n fontWeight: 600,\r\n lineHeight: \u0022145%\u0022,\r\n letterSpacing: \u0022-0.05em\u0022,\r\n textDecoration: \u0022none\u0022,\r\n textTransform: \u0022none\u0022,\r\n }));","IsDeferred":false},{"Name":"3rd","Code":"const generateResponsiveStyles = (styles) =\u003E {\r\n\r\n return Object.entries(styles).reduce(\r\n\r\n (mainAcc, [currentBreakpointKey, currentBreakpointValue]) =\u003E {\r\n\r\n if (!currentBreakpointValue) return mainAcc;\r\n\r\n return _.merge(\r\n\r\n mainAcc,\r\n\r\n Object.entries(currentBreakpointValue).reduce(\r\n\r\n (propertyAcc, [currentPropertyKey, currentPropertyValue]) =\u003E ({\r\n\r\n ...propertyAcc,\r\n\r\n [currentPropertyKey]: {\r\n\r\n [currentBreakpointKey]: currentPropertyValue,\r\n\r\n },\r\n\r\n }),\r\n\r\n {}\r\n\r\n )\r\n\r\n );\r\n\r\n },\r\n\r\n {}\r\n\r\n );\r\n\r\n}\r\nconsole.log(\u0027res\u0027, generateResponsiveStyles({\r\n fontSize: \u002214px\u0022,\r\n fontWeight: 600,\r\n lineHeight: \u0022145%\u0022,\r\n letterSpacing: \u0022-0.05em\u0022,\r\n textDecoration: \u0022none\u0022,\r\n textTransform: \u0022none\u0022,\r\n }));","IsDeferred":false}]}