string-content: Fix JSX autofix for newlines, etc. (#2222)

Author: abrahamguo

rules/string-content.js

@@ -105,10 +105,13 @@ const create = context => {
 
 		const fixed = string.replace(regex, suggest);
 		const fix = type === 'Literal'
-			? fixer => fixer.replaceText(
-				node,
-				escapeString(fixed, raw[0]),
-			)
+			? fixer => {
+				const [quote] = raw;
+				return fixer.replaceText(
+					node,
+					node.parent.type === 'JSXAttribute' ? quote + fixed + quote : escapeString(fixed, quote),
+				);
+			}
 			: fixer => replaceTemplateElement(
 				fixer,
 				node,

test/string-content.mjs

@@ -45,6 +45,13 @@ const createSuggestionError = (match, suggest, output) => [
 ];
 
 test({
+	testerOptions: {
+		parserOptions: {
+			ecmaFeatures: {
+				jsx: true,
+			},
+		},
+	},
 	valid: [
 		'const foo = "";',
 		...[
@@ -279,5 +286,19 @@ test({
 			errors: createError('no', 'yes'),
 		},
 		/* eslint-enable no-template-curly-in-string */
+		{
+			code: outdent`
+				const foo = <div className='
+					no
+				' />
+			`,
+			output: outdent`
+				const foo = <div className='
+					yes
+				' />
+			`,
+			options: [{patterns: noToYesPattern}],
+			errors: createError('no', 'yes'),
+		},
 	],
 });