fix(formatting): fix an edge case where number and string childrens are not correctly merged

Author: armandabric

src/formatter/mergeSiblingPlainStringChildrenReducer.js

@@ -2,27 +2,20 @@
 
 import type { TreeNode } from './../tree';
 
+const areMergeable = (nodeA: TreeNode, nodeB: TreeNode): boolean =>
+  (nodeA.type === 'string' || nodeA.type === 'number') &&
+  (nodeB.type === 'string' || nodeB.type === 'number');
+
 export default (
   previousNodes: TreeNode[],
   currentNode: TreeNode
 ): TreeNode[] => {
   const lastNode = previousNodes[previousNodes.length - 1];
-  const newNode = { ...currentNode };
-
-  if (newNode.type === 'number') {
-    newNode.type = 'string';
-    newNode.value = String(newNode.value);
-  }
 
-  if (
-    lastNode &&
-    lastNode.type === 'string' &&
-    typeof lastNode.value === 'string' &&
-    newNode.type === 'string'
-  ) {
-    lastNode.value += newNode.value || '';
+  if (lastNode && areMergeable(lastNode, currentNode)) {
+    lastNode.value = String(lastNode.value) + String(currentNode.value);
   } else {
-    previousNodes.push(newNode);
+    previousNodes.push(currentNode);
   }
 
   return previousNodes;

src/formatter/mergeSiblingPlainStringChildrenReducer.spec.js

@@ -24,22 +24,35 @@ test('mergeSiblingPlainStringChildrenReducer should merge sibling string tree no
   ]);
 });
 
-test('mergeSiblingPlainStringChildrenReducer should merge consider number as string', () => {
-  const childrens: TreeNode[] = [
-    createScalarTreeNode('string', 'a'),
-    createScalarTreeNode('number', 51),
-    createScalarTreeNode('string', 'c'),
-  ];
-
-  expect(childrens.reduce(mergeSiblingPlainStringChildrenReducer, [])).toEqual([
+test('mergeSiblingPlainStringChildrenReducer should consider number as string', () => {
+  expect(
+    [
+      createScalarTreeNode('string', 'a'),
+      createScalarTreeNode('number', 51),
+      createScalarTreeNode('string', 'c'),
+    ].reduce(mergeSiblingPlainStringChildrenReducer, [])
+  ).toEqual([
     {
       type: 'string',
       value: 'a51c',
     },
   ]);
+
+  expect(
+    [
+      createScalarTreeNode('string', 5),
+      createScalarTreeNode('number', 1),
+      createScalarTreeNode('string', 'a'),
+    ].reduce(mergeSiblingPlainStringChildrenReducer, [])
+  ).toEqual([
+    {
+      type: 'string',
+      value: '51a',
+    },
+  ]);
 });
 
-test('mergeSiblingPlainStringChildrenReducer should merge detect non string node', () => {
+test('mergeSiblingPlainStringChildrenReducer should detect non string node', () => {
   const childrens: TreeNode[] = [
     createReactElementTreeNode(['foo']),
     createScalarTreeNode('string', 'a'),