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

fix(runtime-core): should remove no longer present camelCase props (#1413)

Browse Source 
fix #1412
This commit is contained in:
underfin
2020-06-26 21:16:06 +08:00
committed by GitHub
parent 056cac9185
commit 1c4e1b6792
2 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/runtime-core/__tests__/componentProps.spec.ts
View File

@@ -21,7 +21,7 @@ describe('component props', () => {
let proxy: any
const Comp = defineComponent({
props: ['fooBar'],
props: ['fooBar', 'barBaz'],
render() {
props = this.$props
attrs = this.$attrs
@@ -42,13 +42,16 @@ describe('component props', () => {
expect(attrs).toEqual({ bar: 3, baz: 4 })
// test updating kebab-case should not delete it (#955)
render(h(Comp, { 'foo-bar': 3, bar: 3, baz: 4 }), root)
render(h(Comp, { 'foo-bar': 3, bar: 3, baz: 4, barBaz: 5 }), root)
expect(proxy.fooBar).toBe(3)
expect(props).toEqual({ fooBar: 3 })
expect(proxy.barBaz).toBe(5)
expect(props).toEqual({ fooBar: 3,barBaz: 5 })
expect(attrs).toEqual({ bar: 3, baz: 4 })
render(h(Comp, { qux: 5 }), root)
expect(proxy.fooBar).toBeUndefined()
// remove the props with camelCase key (#1412)
expect(proxy.barBaz).toBeUndefined()
expect(props).toEqual({})
expect(attrs).toEqual({ qux: 5 })
})