Fix line wrapping inside JSX tags assigned to variables

src/core-parts/finder.ts

@@ -148,6 +148,11 @@ export function findTargetClassNameNodes(ast: AST, options: ResolvedOptions): Cl
         recursiveProps = ['body'];
         break;
       }
+      case 'AssignmentExpression':
+      case 'LogicalExpression': {
+        recursiveProps = ['right'];
+        break;
+      }
       case 'BinaryExpression': {
         recursiveProps = ['left', 'right'];
         break;
@@ -190,10 +195,6 @@ export function findTargetClassNameNodes(ast: AST, options: ResolvedOptions): Cl
         recursiveProps = ['attributes'];
         break;
       }
-      case 'LogicalExpression': {
-        recursiveProps = ['right'];
-        break;
-      }
       case 'ObjectExpression': {
         recursiveProps = ['properties'];
         break;

tests/babel/issue-104/__snapshots__/absolute.test.ts.snap

@@ -0,0 +1,25 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`'(1) JSX Assignment' > expectation 1`] = `
+"//-----------------------------------------------------------------------------| printWidth=80 (in snapshot)
+function Foo() {
+  let elem = (
+    <div
+      className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex
+        massa hendrerit eu posuere eu volutpat id neque pellentesque"
+    >
+      content
+    </div>
+  );
+  elem = (
+    <div
+      className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex
+        massa hendrerit eu posuere eu volutpat id neque pellentesque"
+    >
+      content
+    </div>
+  );
+  return elem;
+}
+"
+`;

tests/babel/issue-104/__snapshots__/relative.test.ts.snap

@@ -0,0 +1,25 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`'(1) JSX Assignment' > expectation 1`] = `
+"//-----------------------------------------------------------------------------| printWidth=80 (in snapshot)
+function Foo() {
+  let elem = (
+    <div
+      className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex massa hendrerit
+        eu posuere eu volutpat id neque pellentesque"
+    >
+      content
+    </div>
+  );
+  elem = (
+    <div
+      className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex massa hendrerit
+        eu posuere eu volutpat id neque pellentesque"
+    >
+      content
+    </div>
+  );
+  return elem;
+}
+"
+`;

tests/babel/issue-104/absolute.test.ts

@@ -0,0 +1,12 @@
+import { thisPlugin, testSnapshotEach } from '../../adaptor';
+import { baseOptions } from '../../settings';
+import { fixtures } from './fixtures';
+
+const options = {
+  ...baseOptions,
+  plugins: [thisPlugin],
+  parser: 'babel',
+  endingPosition: 'absolute',
+};
+
+testSnapshotEach(fixtures, options);

tests/babel/issue-104/fixtures.ts

@@ -0,0 +1,23 @@
+import type { Fixture } from '../../settings';
+
+export const fixtures: Omit<Fixture, 'output'>[] = [
+  {
+    name: '(1) JSX Assignment',
+    input: `
+//-----------------------------------------------------------------------------| printWidth=80 (in snapshot)
+function Foo() {
+  let elem = (
+    <div className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex massa hendrerit eu posuere eu volutpat id neque pellentesque">
+      content
+    </div>
+  );
+  elem = (
+    <div className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex massa hendrerit eu posuere eu volutpat id neque pellentesque">
+      content
+    </div>
+  );
+  return elem;
+}
+`,
+  },
+];

tests/babel/issue-104/relative.test.ts

@@ -0,0 +1,12 @@
+import { thisPlugin, testSnapshotEach } from '../../adaptor';
+import { baseOptions } from '../../settings';
+import { fixtures } from './fixtures';
+
+const options = {
+  ...baseOptions,
+  plugins: [thisPlugin],
+  parser: 'babel',
+  endingPosition: 'relative',
+};
+
+testSnapshotEach(fixtures, options);

tests/typescript/issue-104/__snapshots__/absolute.test.ts.snap

@@ -0,0 +1,25 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`'(1) JSX Assignment' > expectation 1`] = `
+"//-----------------------------------------------------------------------------| printWidth=80 (in snapshot)
+function Foo() {
+  let elem = (
+    <div
+      className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex
+        massa hendrerit eu posuere eu volutpat id neque pellentesque"
+    >
+      content
+    </div>
+  );
+  elem = (
+    <div
+      className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex
+        massa hendrerit eu posuere eu volutpat id neque pellentesque"
+    >
+      content
+    </div>
+  );
+  return elem;
+}
+"
+`;

tests/typescript/issue-104/__snapshots__/relative.test.ts.snap

@@ -0,0 +1,25 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`'(1) JSX Assignment' > expectation 1`] = `
+"//-----------------------------------------------------------------------------| printWidth=80 (in snapshot)
+function Foo() {
+  let elem = (
+    <div
+      className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex massa hendrerit
+        eu posuere eu volutpat id neque pellentesque"
+    >
+      content
+    </div>
+  );
+  elem = (
+    <div
+      className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex massa hendrerit
+        eu posuere eu volutpat id neque pellentesque"
+    >
+      content
+    </div>
+  );
+  return elem;
+}
+"
+`;

tests/typescript/issue-104/absolute.test.ts

@@ -0,0 +1,12 @@
+import { thisPlugin, testSnapshotEach } from '../../adaptor';
+import { baseOptions } from '../../settings';
+import { fixtures } from './fixtures';
+
+const options = {
+  ...baseOptions,
+  plugins: [thisPlugin],
+  parser: 'typescript',
+  endingPosition: 'absolute',
+};
+
+testSnapshotEach(fixtures, options);

tests/typescript/issue-104/fixtures.ts

@@ -0,0 +1,23 @@
+import type { Fixture } from '../../settings';
+
+export const fixtures: Omit<Fixture, 'output'>[] = [
+  {
+    name: '(1) JSX Assignment',
+    input: `
+//-----------------------------------------------------------------------------| printWidth=80 (in snapshot)
+function Foo() {
+  let elem = (
+    <div className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex massa hendrerit eu posuere eu volutpat id neque pellentesque">
+      content
+    </div>
+  );
+  elem = (
+    <div className="lorem ipsum dolor sit amet consectetur adipiscing elit proin ex massa hendrerit eu posuere eu volutpat id neque pellentesque">
+      content
+    </div>
+  );
+  return elem;
+}
+`,
+  },
+];

tests/typescript/issue-104/relative.test.ts

@@ -0,0 +1,12 @@
+import { thisPlugin, testSnapshotEach } from '../../adaptor';
+import { baseOptions } from '../../settings';
+import { fixtures } from './fixtures';
+
+const options = {
+  ...baseOptions,
+  plugins: [thisPlugin],
+  parser: 'typescript',
+  endingPosition: 'relative',
+};
+
+testSnapshotEach(fixtures, options);