fix(util): retain parent-child relationship for Vue 2

xanf · xanf · commit 58e2d7e4f5e8 · 2022-10-26T03:35:54.000+03:00
diff --git a/src/components/transporter/transporter.spec.js b/src/components/transporter/transporter.spec.js
@@ -58,4 +58,28 @@ describe('utils/transporter component', () => {
 
     expect(target.parentElement).toEqual(null)
   })
+
+  it('maintains provide-inject relation', async () => {
+    const Child = {
+      inject: ['foo'],
+      render(h) {
+        return h('article', this.foo)
+      }
+    }
+
+    const App = {
+      provide() {
+        return { foo: 'foo' }
+      },
+      render(h) {
+        return h(BVTransporter, { props: { disabled: false } }, [h(Child)])
+      }
+    }
+
+    mount(App, {
+      attachTo: document.body
+    })
+
+    expect(document.querySelector('article').textContent).toBe('foo')
+  })
 })
diff --git a/src/utils/create-new-child-component.js b/src/utils/create-new-child-component.js
@@ -3,6 +3,7 @@ export const createNewChildComponent = (parent, Component, config = {}) => {
 
   return new Component({
     ...config,
+    parent,
     bvParent: parent,
     bvEventRoot
   })
