fix(runtime-core): fix scopeId inheritance for component inside slots

This commit is contained in:
Evan You
2020-06-26 22:28:55 -04:00
parent 0dd5cde861
commit 978d9522e8
2 changed files with 23 additions and 4 deletions

View File

@@ -45,13 +45,18 @@ describe('scopeId runtime support', () => {
return h('div', this.$slots.default())
})
}
const withChil2Id = withScopeId('child2')
const Child2 = {
__scopeId: 'child2',
render: withChil2Id(() => h('span'))
}
const App = {
__scopeId: 'parent',
render: withParentId(() => {
return h(
Child,
withParentId(() => {
return h('div')
return [h('div'), h(Child2)]
})
)
})
@@ -62,7 +67,14 @@ describe('scopeId runtime support', () => {
// - scopeId from parent
// - slotted scopeId (with `-s` postfix) from child (the tree owner)
expect(serializeInner(root)).toBe(
`<div parent child><div parent child-s></div></div>`
`<div parent child>` +
`<div parent child-s></div>` +
// component inside slot should have:
// - scopeId from template context
// - slotted scopeId from slot owner
// - its own scopeId
`<span parent child-s child2></span>` +
`</div>`
)
})
})