Apply formatting changes

Author: arivyiii

packages/rrdom/src/diff.ts

@@ -531,14 +531,14 @@ function diffChildren(
 
     if (isMismatch) {
       const newNode = createOrGetNode(newChild, replayer.mirror, rrnodeMirror);
-    
+
       try {
         handleInsertBefore(oldTree, newNode, oldChild);
       } catch (e) {
         console.warn(e);
       }
-    
-      diff(newNode, newChild, replayer, rrnodeMirror);    
+
+      diff(newNode, newChild, replayer, rrnodeMirror);
       newChild = newChild.nextSibling;
       continue;
     }

packages/rrdom/test/diff.test.ts

@@ -1159,67 +1159,75 @@ describe('diff algorithm for rrdom', () => {
     });
 
     it('should maintain correct order when duplicate node is found causing nextSibling traversal desync', () => {
-        const oldList = [
-          { tagName: 'STYLE',    id: 1 },
-          { tagName: 'STYLE',    id: 2 },
-          { tagName: 'BASE',     id: 3 },
-          { tagName: 'META',     id: 4 },
-          { tagName: 'META',     id: 5 },
-          { tagName: 'META',     id: 6 },
-          { tagName: 'TITLE',    id: 7 },
-          { tagName: 'STYLE',    id: 8 },
-          { tagName: 'STYLE',    id: 9 },
-          { tagName: 'LINK',     id: 10 },
-          { tagName: 'STYLE',    id: 11 },
-          { tagName: 'LINK',     id: 12 },
-          { tagName: 'NOSCRIPT', id: 13 },
-        ];
-      
-        // Duplicate STYLE#1 at index 1
-        const newList = [...oldList];
-        newList.splice(1, 0, { tagName: 'STYLE', id: 1 });
-      
-        const mirror = createMirror();
-        const oldHead = createTree(
-          { tagName: 'head', id: 0, children: oldList as unknown as ElementType[] },
-          undefined,
-          mirror,
-        ) as Node;
-        expect(oldHead.childNodes.length).toBe(oldList.length);
-      
-        const rrdom = new RRDocument();
-        const newHead = createTree(
-          { tagName: 'head', id: 0, children: newList as unknown as ElementType[] },
-          rrdom
-        ) as RRNode;
-      
-        // Add test attributes to each node in newHead
-        Array.from(newHead.childNodes).forEach((node, index) => {
-          if (node instanceof RRElement) {
-            node.setAttribute('data-test-id', `${newList[index].id}`);
-            node.setAttribute('data-test-tag', node.tagName);
-          }
-        });
-      
-        const replayer: ReplayerHandler = {
-          mirror,
-          applyCanvas: () => {},
-          applyInput: () => {},
-          applyScroll: () => {},
-          applyStyleSheetMutation: () => {},
-        };
-      
-        // Run diff
-        diff(oldHead, newHead, replayer);
-      
-        // Extract final IDs from real DOM
-        const finalIds = Array.from(oldHead.childNodes)
-          .filter((n): n is Element => n.nodeType === Node.ELEMENT_NODE)
-          .map((el) => el.getAttribute('data-test-id') || el.getAttribute('id'));
-      
-        // Assert the real DOM now matches the RR DOM list
-        expect(finalIds).toEqual(oldList.map(n => String(n.id)));
+      const oldList = [
+        { tagName: 'STYLE', id: 1 },
+        { tagName: 'STYLE', id: 2 },
+        { tagName: 'BASE', id: 3 },
+        { tagName: 'META', id: 4 },
+        { tagName: 'META', id: 5 },
+        { tagName: 'META', id: 6 },
+        { tagName: 'TITLE', id: 7 },
+        { tagName: 'STYLE', id: 8 },
+        { tagName: 'STYLE', id: 9 },
+        { tagName: 'LINK', id: 10 },
+        { tagName: 'STYLE', id: 11 },
+        { tagName: 'LINK', id: 12 },
+        { tagName: 'NOSCRIPT', id: 13 },
+      ];
+
+      // Duplicate STYLE#1 at index 1
+      const newList = [...oldList];
+      newList.splice(1, 0, { tagName: 'STYLE', id: 1 });
+
+      const mirror = createMirror();
+      const oldHead = createTree(
+        {
+          tagName: 'head',
+          id: 0,
+          children: oldList as unknown as ElementType[],
+        },
+        undefined,
+        mirror,
+      ) as Node;
+      expect(oldHead.childNodes.length).toBe(oldList.length);
+
+      const rrdom = new RRDocument();
+      const newHead = createTree(
+        {
+          tagName: 'head',
+          id: 0,
+          children: newList as unknown as ElementType[],
+        },
+        rrdom,
+      ) as RRNode;
+
+      // Add test attributes to each node in newHead
+      Array.from(newHead.childNodes).forEach((node, index) => {
+        if (node instanceof RRElement) {
+          node.setAttribute('data-test-id', `${newList[index].id}`);
+          node.setAttribute('data-test-tag', node.tagName);
+        }
       });
+
+      const replayer: ReplayerHandler = {
+        mirror,
+        applyCanvas: () => {},
+        applyInput: () => {},
+        applyScroll: () => {},
+        applyStyleSheetMutation: () => {},
+      };
+
+      // Run diff
+      diff(oldHead, newHead, replayer);
+
+      // Extract final IDs from real DOM
+      const finalIds = Array.from(oldHead.childNodes)
+        .filter((n): n is Element => n.nodeType === Node.ELEMENT_NODE)
+        .map((el) => el.getAttribute('data-test-id') || el.getAttribute('id'));
+
+      // Assert the real DOM now matches the RR DOM list
+      expect(finalIds).toEqual(oldList.map((n) => String(n.id)));
+    });
   });
 
   describe('diff shadow dom', () => {