fix: fix #247

Author: SSShooter

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mind-elixir",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "type": "module",
   "description": "Mind elixir is a free open source mind map core.",
   "keywords": [

src/index.ts

@@ -129,7 +129,7 @@ MindElixir.DARK_THEME = DARK_THEME
  * @memberof MindElixir
  * @static
  */
-MindElixir.version = '4.0.0'
+MindElixir.version = '4.0.1'
 /**
  * @function
  * @memberof MindElixir

src/utils/domManipulation.ts

@@ -40,9 +40,9 @@ export const realAddChild = function (mei: MindElixirInstance, to: Topic, wrappe
   } else if (top.tagName === 'ME-ROOT') {
     const direction = judgeDirection(mei.direction, tpc.nodeObj)
     if (direction === LEFT) {
-      document.querySelector('.lhs')?.appendChild(wrapper)
+      mei.container.querySelector('.lhs')?.appendChild(wrapper)
     } else {
-      document.querySelector('.rhs')?.appendChild(wrapper)
+      mei.container.querySelector('.rhs')?.appendChild(wrapper)
     }
     mei.linkDiv()
   }

tests/multiple-instance.spec.ts

@@ -0,0 +1,52 @@
+import { test, expect } from './mind-elixir-test'
+import type MindElixir from '../src/index'
+
+declare let window: {
+  E: typeof MindElixir.E
+}
+
+const data1 = {
+  nodeData: {
+    id: 'data1',
+    topic: 'new topic',
+    root: true,
+    children: [],
+  },
+}
+
+const data2 = {
+  nodeData: {
+    id: 'data2',
+    topic: 'new topic',
+    root: true,
+    children: [
+      {
+        id: 'child',
+        topic: 'child',
+        direction: 0,
+      },
+    ],
+  },
+}
+test.beforeEach(async ({ me, page }) => {
+  await me.init(data1, '#map')
+  await me.init(data2, '#map2')
+})
+
+// fix: https://github.com/SSShooter/mind-elixir-core/issues/247
+test('Add Child To Data2 Correctly', async ({ page, me }) => {
+  const handle = await me.getInstance('#map2')
+  handle.evaluateHandle(mei =>
+    mei.addChild(window.E('data2'), {
+      id: 'child2',
+      topic: 'child2',
+    })
+  )
+  handle.evaluateHandle(mei =>
+    mei.addChild(window.E('child'), {
+      id: 'child3',
+      topic: 'child3',
+    })
+  )
+  expect(await page.screenshot()).toMatchSnapshot()
+})