feat: add toHaveProp matcher

Author: 14nrv

README.md

@@ -62,6 +62,11 @@ describe('MyComponent', () => {
   expect('input[type=text]').toHaveValue('plop')
   expect('input[type=text]').not.toHaveValue('not plop')
   ```
+* toHaveProp(propName)
+  ```js
+  expect(wrapper).toHaveProp('propName')
+  expect(wrapper).not.toHaveProp('not-propName')
+  ```
 * toEmit(eventName)
   ```js
   expect(wrapper).toEmit('eventName')

src/components/Questions.spec.js

@@ -66,6 +66,26 @@ describe('Questions', () => {
     })
   })
 
+  describe('toHaveProp', () => {
+    const prop = 'name'
+
+    it('can success', () => {
+      expect(wrapper).toHaveProp(prop)
+
+      const { pass } = matchers(wrapper).toHaveProp(wrapper, prop)
+      expect(pass).toBeTruthy()
+    })
+
+    it('can fail', () => {
+      const { pass } = matchers(wrapper).toHaveProp(wrapper, `not-${prop}`)
+      expect(pass).toBeFalsy()
+    })
+
+    it('can reverse', () => {
+      expect(wrapper).not.toHaveProp(`not-${prop}`)
+    })
+  })
+
   describe('toEmit', () => {
     const eventName = 'isEditing'
     const selector = '.edit'

src/components/Questions.vue

@@ -30,6 +30,14 @@ export default {
   data: () => ({
     editing: false
   }),
+  props: {
+    name: {
+      type: String
+    },
+    plop: {
+      type: String
+    }
+  },
   methods: {
     update () {
       this.$emit('applied')

src/matchers.js

@@ -32,6 +32,9 @@ const toHaveAttribute = (selector, attr, value) =>
 const toHaveValue = (selector, value) =>
   matcher.toBe(w.find(selector).element.value, value)
 
+const toHaveProp = (selector, propName) =>
+  matcher.toHaveProperty(selector.props(), propName)
+
 const toEmit = (selector = w, event) =>
   matcher.toBeTruthy(selector.emitted()[event])
 
@@ -66,6 +69,7 @@ const matchers = wrapper => {
     toHaveAClass,
     toHaveAttribute,
     toHaveValue,
+    toHaveProp,
     toEmit,
     toEmitWith
   }