Let DOM Helper return a cloned root (#2805)

microsoft · Sep 26, 2024 · fd00989 · fd00989
1 parent e3bc1f3
commit fd00989
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 0 deletions.
diff --git a/packages/roosterjs-content-model-core/lib/editor/core/DOMHelperImpl.ts b/packages/roosterjs-content-model-core/lib/editor/core/DOMHelperImpl.ts
@@ -81,6 +81,13 @@ class DOMHelperImpl implements DOMHelper {
         const paddingRight = parseValueWithUnit(style?.paddingRight);
         return this.contentDiv.clientWidth - (paddingLeft + paddingRight);
     }
+
+    /**
+     * Get a deep cloned root element
+     */
+    getClonedRoot(): HTMLElement {
+        return this.contentDiv.cloneNode(true /*deep*/) as HTMLElement;
+    }
 }
 
 /**

diff --git a/packages/roosterjs-content-model-core/test/editor/core/DOMHelperImplTest.ts b/packages/roosterjs-content-model-core/test/editor/core/DOMHelperImplTest.ts
@@ -350,4 +350,20 @@ describe('DOMHelperImpl', () => {
             expect(domHelper.getClientWidth()).toBe(1000);
         });
     });
+
+    describe('getClonedRoot', () => {
+        it('getClonedRoot', () => {
+            const mockedClone = 'CLONE' as any;
+            const cloneSpy = jasmine.createSpy('cloneSpy').and.returnValue(mockedClone);
+            const mockedDiv: HTMLElement = {
+                cloneNode: cloneSpy,
+            } as any;
+            const domHelper = createDOMHelper(mockedDiv);
+
+            const result = domHelper.getClonedRoot();
+
+            expect(result).toBe(mockedClone);
+            expect(cloneSpy).toHaveBeenCalledWith(true);
+        });
+    });
 });
diff --git a/packages/roosterjs-content-model-types/lib/parameter/DOMHelper.ts b/packages/roosterjs-content-model-types/lib/parameter/DOMHelper.ts
@@ -92,4 +92,9 @@ export interface DOMHelper {
      * Get the width of the editable area of the editor content div
      */
     getClientWidth(): number;
+
+    /**
+     * Get a deep cloned root element
+     */
+    getClonedRoot(): HTMLElement;
 }