theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test: fix cloneVNode ref tests

Browse Source
This commit is contained in:
Evan You 2020-09-14 18:55:00 -04:00
parent be946ea549
commit 4de5b111ee
1 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
packages/runtime-core/__tests__/vnode.spec.ts
View File

@ -230,20 +230,20 @@ describe('vnode', () => {
setCurrentRenderingInstance(mockInstance1) setCurrentRenderingInstance(mockInstance1)
const original = createVNode('div', { ref: 'foo' }) const original = createVNode('div', { ref: 'foo' })
expect(original.ref).toEqual([mockInstance1, 'foo']) expect(original.ref).toStrictEqual({ i: mockInstance1, r: 'foo' })
// clone and preserve original ref // clone and preserve original ref
const cloned1 = cloneVNode(original) const cloned1 = cloneVNode(original)
expect(cloned1.ref).toEqual([mockInstance1, 'foo']) expect(cloned1.ref).toStrictEqual({ i: mockInstance1, r: 'foo' })
// cloning with new ref, but with same context instance // cloning with new ref, but with same context instance
const cloned2 = cloneVNode(original, { ref: 'bar' }) const cloned2 = cloneVNode(original, { ref: 'bar' })
expect(cloned2.ref).toEqual([mockInstance1, 'bar']) expect(cloned2.ref).toStrictEqual({ i: mockInstance1, r: 'bar' })
// cloning and adding ref to original that has no ref // cloning and adding ref to original that has no ref
const original2 = createVNode('div') const original2 = createVNode('div')
const cloned3 = cloneVNode(original2, { ref: 'bar' }) const cloned3 = cloneVNode(original2, { ref: 'bar' })
expect(cloned3.ref).toEqual([mockInstance1, 'bar']) expect(cloned3.ref).toStrictEqual({ i: mockInstance1, r: 'bar' })
// cloning with different context instance // cloning with different context instance
setCurrentRenderingInstance(mockInstance2) setCurrentRenderingInstance(mockInstance2)
@ -251,16 +251,35 @@ describe('vnode', () => {
// clone and preserve original ref // clone and preserve original ref
const cloned4 = cloneVNode(original) const cloned4 = cloneVNode(original)
// #1311 should preserve original context instance! // #1311 should preserve original context instance!
expect(cloned4.ref).toEqual([mockInstance1, 'foo']) expect(cloned4.ref).toStrictEqual({ i: mockInstance1, r: 'foo' })
// cloning with new ref, but with same context instance // cloning with new ref, but with same context instance
const cloned5 = cloneVNode(original, { ref: 'bar' }) const cloned5 = cloneVNode(original, { ref: 'bar' })
// new ref should use current context instance and overwrite original // new ref should use current context instance and overwrite original
expect(cloned5.ref).toEqual([mockInstance2, 'bar']) expect(cloned5.ref).toStrictEqual({ i: mockInstance2, r: 'bar' })
// cloning and adding ref to original that has no ref // cloning and adding ref to original that has no ref
const cloned6 = cloneVNode(original2, { ref: 'bar' }) const cloned6 = cloneVNode(original2, { ref: 'bar' })
expect(cloned6.ref).toEqual([mockInstance2, 'bar']) expect(cloned6.ref).toStrictEqual({ i: mockInstance2, r: 'bar' })
setCurrentRenderingInstance(null)
})
test('cloneVNode ref merging', () => {
const mockInstance1 = {} as any
const mockInstance2 = {} as any
setCurrentRenderingInstance(mockInstance1)
const original = createVNode('div', { ref: 'foo' })
expect(original.ref).toStrictEqual({ i: mockInstance1, r: 'foo' })
// clone and preserve original ref
setCurrentRenderingInstance(mockInstance2)
const cloned1 = cloneVNode(original, { ref: 'bar' }, true)
expect(cloned1.ref).toStrictEqual([
{ i: mockInstance1, r: 'foo' },
{ i: mockInstance2, r: 'bar' }
])
setCurrentRenderingInstance(null) setCurrentRenderingInstance(null)
}) })