test: demonstrate setProps bug through computed and created (vuejs#738)

agriffis · Jul 12, 2018 · b6e1d9c · b6e1d9c
1 parent 4f9af82
commit b6e1d9c
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/test/resources/components/component-with-computed-created.vue b/test/resources/components/component-with-computed-created.vue
@@ -0,0 +1,15 @@
+<script>
+  export default {
+    name: 'my-component',
+    props: ['prop1'],
+    computed: {
+      prop2() {
+        return this.prop1
+      },
+    },
+    created() {
+      this.prop2
+    },
+  }
+</script>
+
diff --git a/test/specs/wrapper/setProps.spec.js b/test/specs/wrapper/setProps.spec.js
@@ -1,6 +1,7 @@
 import { compileToFunctions } from 'vue-template-compiler'
 import ComponentWithProps from '~resources/components/component-with-props.vue'
 import ComponentWithWatch from '~resources/components/component-with-watch.vue'
+import ComponentWithComputedCreated from '~resources/components/component-with-computed-created.vue'
 import { describeWithShallowAndMount, vueVersion } from '~resources/utils'
 
 describeWithShallowAndMount('setProps', mountingMethod => {
@@ -90,6 +91,12 @@ describeWithShallowAndMount('setProps', mountingMethod => {
     expect(wrapper.find('.prop-2').element.textContent).to.equal(prop2)
   })
 
+  it('sets component prop referenced through computed and created', () => {
+    const wrapper = mountingMethod(ComponentWithComputedCreated, {propsData: {prop1: 1}})
+    wrapper.setProps({prop1: 2})
+    expect(wrapper.vm.prop1).to.equal(2)
+  })
+
   it('runs watch function when prop is updated', () => {
     const wrapper = mountingMethod(ComponentWithWatch)
     const prop1 = 'testest'