From cc36d3eefeab30ab57dd6d2bbedb9175b7904420 Mon Sep 17 00:00:00 2001
From: Tim Hutchinson <strike.z@gmail.com>
Date: Sat, 28 Oct 2017 21:05:44 -0400
Subject: [PATCH 1/4] Add classes wrapper method

---
 src/wrappers/error-wrapper.js                  |  4 ++++
 src/wrappers/wrapper-array.js                  |  6 ++++++
 src/wrappers/wrapper.js                        |  7 +++++++
 test/unit/specs/mount/Wrapper/classes.spec.js  | 17 +++++++++++++++++
 .../specs/mount/WrapperArray/classes.spec.js   | 18 ++++++++++++++++++
 test/unit/specs/wrappers/error-wrapper.spec.js |  7 +++++++
 test/unit/specs/wrappers/wrapper-array.spec.js | 12 ++++++++++++
 7 files changed, 71 insertions(+)
 create mode 100644 test/unit/specs/mount/Wrapper/classes.spec.js
 create mode 100644 test/unit/specs/mount/WrapperArray/classes.spec.js

diff --git a/src/wrappers/error-wrapper.js b/src/wrappers/error-wrapper.js
index 16fe1e8bc..21e93f94d 100644
--- a/src/wrappers/error-wrapper.js
+++ b/src/wrappers/error-wrapper.js
@@ -12,6 +12,10 @@ export default class ErrorWrapper implements BaseWrapper {
     throwError(`find did not return ${this.selector}, cannot call at() on empty Wrapper`)
   }
 
+  classes (): void {
+    throwError(`find did not return ${this.selector}, cannot call classes() on empty Wrapper`)
+  }
+
   contains (): void {
     throwError(`find did not return ${this.selector}, cannot call contains() on empty Wrapper`)
   }
diff --git a/src/wrappers/wrapper-array.js b/src/wrappers/wrapper-array.js
index 8cbddbd0d..e2b27ec40 100644
--- a/src/wrappers/wrapper-array.js
+++ b/src/wrappers/wrapper-array.js
@@ -20,6 +20,12 @@ export default class WrapperArray implements BaseWrapper {
     return this.wrappers[index]
   }
 
+  classes (): void {
+    this.throwErrorIfWrappersIsEmpty('classes')
+
+    throwError('classes must be called on a single wrapper, use at(i) to access a wrapper')
+  }
+
   contains (selector: Selector): boolean {
     this.throwErrorIfWrappersIsEmpty('contains')
 
diff --git a/src/wrappers/wrapper.js b/src/wrappers/wrapper.js
index 6c50e4d1f..f82c52571 100644
--- a/src/wrappers/wrapper.js
+++ b/src/wrappers/wrapper.js
@@ -32,6 +32,13 @@ export default class Wrapper implements BaseWrapper {
     throwError('at() must be called on a WrapperArray')
   }
 
+  /**
+   * Returns an Array containing all the classes on the element
+   */
+  classes (): Array<string> {
+    return [...this.element.classList]
+  }
+
   /**
    * Checks if wrapper contains provided selector.
    */
diff --git a/test/unit/specs/mount/Wrapper/classes.spec.js b/test/unit/specs/mount/Wrapper/classes.spec.js
new file mode 100644
index 000000000..bcfbdc63d
--- /dev/null
+++ b/test/unit/specs/mount/Wrapper/classes.spec.js
@@ -0,0 +1,17 @@
+
+import { compileToFunctions } from 'vue-template-compiler'
+import mount from '~src/mount'
+
+describe('classes', () => {
+  it('returns array of class names if wrapper has class names', () => {
+    const compiled = compileToFunctions('<div class="a-class b-class" />')
+    const wrapper = mount(compiled)
+    expect(wrapper.classes()).to.eql(['a-class', 'b-class'])
+  })
+
+  it('returns empty array if wrapper has no classes', () => {
+    const compiled = compileToFunctions('<div />')
+    const wrapper = mount(compiled)
+    expect(wrapper.classes()).to.eql([])
+  })
+})
diff --git a/test/unit/specs/mount/WrapperArray/classes.spec.js b/test/unit/specs/mount/WrapperArray/classes.spec.js
new file mode 100644
index 000000000..d900fd26f
--- /dev/null
+++ b/test/unit/specs/mount/WrapperArray/classes.spec.js
@@ -0,0 +1,18 @@
+import { compileToFunctions } from 'vue-template-compiler'
+import mount from '~src/mount'
+
+describe('classes', () => {
+  it('throws error if wrapper array contains no items', () => {
+    const compiled = compileToFunctions('<div />')
+    const message = '[vue-test-utils]: classes cannot be called on 0 items'
+    expect(() => mount(compiled).findAll('p').classes('p')).to.throw().with.property('message', message)
+  })
+
+  it('throws error when called on a WrapperArray', () => {
+    const compiled = compileToFunctions('<div><div /></div>')
+    const wrapper = mount(compiled)
+    const message = '[vue-test-utils]: classes must be called on a single wrapper, use at(i) to access a wrapper'
+    const fn = () => wrapper.findAll('div').classes()
+    expect(fn).to.throw().with.property('message', message)
+  })
+})
diff --git a/test/unit/specs/wrappers/error-wrapper.spec.js b/test/unit/specs/wrappers/error-wrapper.spec.js
index 3b78eeac4..0dc125822 100644
--- a/test/unit/specs/wrappers/error-wrapper.spec.js
+++ b/test/unit/specs/wrappers/error-wrapper.spec.js
@@ -8,6 +8,13 @@ describe('ErrorWrapper', () => {
     expect(() => error.at()).to.throw().with.property('message', message)
   })
 
+  it('classes throws error when called', () => {
+    const selector = 'div'
+    const message = `[vue-test-utils]: find did not return ${selector}, cannot call classes() on empty Wrapper`
+    const error = new ErrorWrapper(selector)
+    expect(() => error.classes()).to.throw().with.property('message', message)
+  })
+
   it('contains throws error when called', () => {
     const selector = 'div'
     const message = `[vue-test-utils]: find did not return ${selector}, cannot call contains() on empty Wrapper`
diff --git a/test/unit/specs/wrappers/wrapper-array.spec.js b/test/unit/specs/wrappers/wrapper-array.spec.js
index cba5407e4..12880f294 100644
--- a/test/unit/specs/wrappers/wrapper-array.spec.js
+++ b/test/unit/specs/wrappers/wrapper-array.spec.js
@@ -59,6 +59,18 @@ describe('WrapperArray', () => {
     expect(() => wrapperArray.findAll()).to.throw().with.property('message', message)
   })
 
+  it('classes throws error if called when there are 0 items in wrapper array', () => {
+    const wrapperArray = new WrapperArray()
+    const message = '[vue-test-utils]: classes cannot be called on 0 items'
+    expect(() => wrapperArray.classes()).to.throw().with.property('message', message)
+  })
+
+  it('classes throws error if called when there are items in wrapper array', () => {
+    const wrapperArray = new WrapperArray([1])
+    const message = '[vue-test-utils]: classes must be called on a single wrapper, use at(i) to access a wrapper'
+    expect(() => wrapperArray.classes()).to.throw().with.property('message', message)
+  })
+
   it('contains returns true if every wrapper.contains() returns true', () => {
     const selector = 'selector'
     const contains = sinon.stub()

From 6b20d30a82a1105c6f4dc9edc80a2963d59db354 Mon Sep 17 00:00:00 2001
From: Tim Hutchinson <strike.z@gmail.com>
Date: Tue, 31 Oct 2017 07:19:24 -0400
Subject: [PATCH 2/4] Add support for css modules

---
 src/wrappers/wrapper.js                           | 15 ++++++++++++++-
 .../components/component-with-css-modules.vue     |  7 ++++++-
 test/unit/specs/mount/Wrapper/classes.spec.js     |  7 +++++++
 3 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/wrappers/wrapper.js b/src/wrappers/wrapper.js
index f82c52571..9f568d728 100644
--- a/src/wrappers/wrapper.js
+++ b/src/wrappers/wrapper.js
@@ -36,7 +36,20 @@ export default class Wrapper implements BaseWrapper {
    * Returns an Array containing all the classes on the element
    */
   classes (): Array<string> {
-    return [...this.element.classList]
+    let classes = [...this.element.classList]
+    // Handle converting cssmodules identifiers back to the original class name
+    if (this.vm && this.vm.$style) {
+      const cssModuleIdentifiers = {}
+      let moduleIdent
+      Object.keys(this.vm.$style).forEach((key) => {
+        moduleIdent = this.vm.$style[key]
+        // CSS Modules may be multi-class if they extend others. Extended classes should be already present in $style.
+        moduleIdent = moduleIdent.split(' ')[0]
+        cssModuleIdentifiers[moduleIdent] = key
+      })
+      classes = classes.map(className => cssModuleIdentifiers[className] || className)
+    }
+    return classes
   }
 
   /**
diff --git a/test/resources/components/component-with-css-modules.vue b/test/resources/components/component-with-css-modules.vue
index 946af93fe..67f25e301 100644
--- a/test/resources/components/component-with-css-modules.vue
+++ b/test/resources/components/component-with-css-modules.vue
@@ -1,11 +1,16 @@
 <template>
-    <div :class="$style['color-red']"></div>
+    <div :class="$style['extension']"></div>
 </template>
 
 <style module>
     .color-red {
         color: red;
     }
+
+    .extension {
+      composes: color-red;
+      background: blue;
+    }
 </style>
 
 <script>
diff --git a/test/unit/specs/mount/Wrapper/classes.spec.js b/test/unit/specs/mount/Wrapper/classes.spec.js
index bcfbdc63d..2c7a4529a 100644
--- a/test/unit/specs/mount/Wrapper/classes.spec.js
+++ b/test/unit/specs/mount/Wrapper/classes.spec.js
@@ -1,6 +1,7 @@
 
 import { compileToFunctions } from 'vue-template-compiler'
 import mount from '~src/mount'
+import ComponentWithCssModules from '~resources/components/component-with-css-modules.vue'
 
 describe('classes', () => {
   it('returns array of class names if wrapper has class names', () => {
@@ -14,4 +15,10 @@ describe('classes', () => {
     const wrapper = mount(compiled)
     expect(wrapper.classes()).to.eql([])
   })
+
+  it('returns original class names when element mapped in css modules', () => {
+    const wrapper = mount(ComponentWithCssModules)
+
+    expect(wrapper.classes()).to.eql(['extension', 'color-red'])
+  })
 })

From bfd9c58f3656e4383db694b7248210962512ff2e Mon Sep 17 00:00:00 2001
From: Tim Hutchinson <strike.z@gmail.com>
Date: Sat, 11 Nov 2017 11:03:29 -0500
Subject: [PATCH 3/4] Add attributes wrapper method

---
 src/wrappers/error-wrapper.js                 |  4 +++
 src/wrappers/wrapper-array.js                 |  6 +++++
 src/wrappers/wrapper.js                       | 12 +++++++++
 .../specs/mount/Wrapper/attributes.spec.js    | 25 +++++++++++++++++++
 .../mount/WrapperArray/attributes.spec.js     | 18 +++++++++++++
 .../unit/specs/wrappers/error-wrapper.spec.js |  7 ++++++
 .../unit/specs/wrappers/wrapper-array.spec.js | 12 +++++++++
 7 files changed, 84 insertions(+)
 create mode 100644 test/unit/specs/mount/Wrapper/attributes.spec.js
 create mode 100644 test/unit/specs/mount/WrapperArray/attributes.spec.js

diff --git a/src/wrappers/error-wrapper.js b/src/wrappers/error-wrapper.js
index 21e93f94d..340f1de42 100644
--- a/src/wrappers/error-wrapper.js
+++ b/src/wrappers/error-wrapper.js
@@ -12,6 +12,10 @@ export default class ErrorWrapper implements BaseWrapper {
     throwError(`find did not return ${this.selector}, cannot call at() on empty Wrapper`)
   }
 
+  attributes (): void {
+    throwError(`find did not return ${this.selector}, cannot call attributes() on empty Wrapper`)
+  }
+
   classes (): void {
     throwError(`find did not return ${this.selector}, cannot call classes() on empty Wrapper`)
   }
diff --git a/src/wrappers/wrapper-array.js b/src/wrappers/wrapper-array.js
index e2b27ec40..1668eeb11 100644
--- a/src/wrappers/wrapper-array.js
+++ b/src/wrappers/wrapper-array.js
@@ -20,6 +20,12 @@ export default class WrapperArray implements BaseWrapper {
     return this.wrappers[index]
   }
 
+  attributes (): void {
+    this.throwErrorIfWrappersIsEmpty('attributes')
+
+    throwError('attributes must be called on a single wrapper, use at(i) to access a wrapper')
+  }
+
   classes (): void {
     this.throwErrorIfWrappersIsEmpty('classes')
 
diff --git a/src/wrappers/wrapper.js b/src/wrappers/wrapper.js
index 9f568d728..17af9ba9b 100644
--- a/src/wrappers/wrapper.js
+++ b/src/wrappers/wrapper.js
@@ -32,6 +32,18 @@ export default class Wrapper implements BaseWrapper {
     throwError('at() must be called on a WrapperArray')
   }
 
+  /**
+   * Returns an Object containing all the attribute/value pairs on the element.
+   */
+  attributes (): { [name: string]: string } {
+    const attributes = [...this.element.attributes] // NameNodeMap is not iterable
+    const attributeMap = {}
+    attributes.forEach((att) => {
+      attributeMap[att.localName] = att.value
+    })
+    return attributeMap
+  }
+
   /**
    * Returns an Array containing all the classes on the element
    */
diff --git a/test/unit/specs/mount/Wrapper/attributes.spec.js b/test/unit/specs/mount/Wrapper/attributes.spec.js
new file mode 100644
index 000000000..1dec227b4
--- /dev/null
+++ b/test/unit/specs/mount/Wrapper/attributes.spec.js
@@ -0,0 +1,25 @@
+import { compileToFunctions } from 'vue-template-compiler'
+import mount from '~src/mount'
+
+describe('attributes', () => {
+  it('returns true if wrapper contains attribute matching value', () => {
+    const attribute = 'attribute'
+    const value = 'value'
+    const compiled = compileToFunctions(`<div ${attribute}=${value}></div>`)
+    const wrapper = mount(compiled)
+    expect(wrapper.attributes()).to.eql({ attribute: value })
+  })
+
+  it('returns empty object if wrapper does not contain any attributes', () => {
+    const compiled = compileToFunctions('<div />')
+    const wrapper = mount(compiled)
+    expect(wrapper.attributes()).to.eql({})
+  })
+
+  it('returns empoty object if wrapper element is null', () => {
+    const compiled = compileToFunctions('<div />')
+    const wrapper = mount(compiled)
+    wrapper.element = null
+    expect(wrapper.attributes()).to.eql({})
+  })
+})
diff --git a/test/unit/specs/mount/WrapperArray/attributes.spec.js b/test/unit/specs/mount/WrapperArray/attributes.spec.js
new file mode 100644
index 000000000..68214fdf0
--- /dev/null
+++ b/test/unit/specs/mount/WrapperArray/attributes.spec.js
@@ -0,0 +1,18 @@
+import { compileToFunctions } from 'vue-template-compiler'
+import mount from '~src/mount'
+
+describe('attributes', () => {
+  it('throws error if wrapper array contains no items', () => {
+    const compiled = compileToFunctions('<div />')
+    const message = '[vue-test-utils]: attributes cannot be called on 0 items'
+    expect(() => mount(compiled).findAll('p').attributes('p')).to.throw().with.property('message', message)
+  })
+
+  it('throws error when called on a WrapperArray', () => {
+    const compiled = compileToFunctions('<div><div /></div>')
+    const wrapper = mount(compiled)
+    const message = '[vue-test-utils]: attributes must be called on a single wrapper, use at(i) to access a wrapper'
+    const fn = () => wrapper.findAll('div').attributes()
+    expect(fn).to.throw().with.property('message', message)
+  })
+})
diff --git a/test/unit/specs/wrappers/error-wrapper.spec.js b/test/unit/specs/wrappers/error-wrapper.spec.js
index 0dc125822..59fd453ff 100644
--- a/test/unit/specs/wrappers/error-wrapper.spec.js
+++ b/test/unit/specs/wrappers/error-wrapper.spec.js
@@ -8,6 +8,13 @@ describe('ErrorWrapper', () => {
     expect(() => error.at()).to.throw().with.property('message', message)
   })
 
+  it('attributes throws error when called', () => {
+    const selector = 'div'
+    const message = `[vue-test-utils]: find did not return ${selector}, cannot call attributes() on empty Wrapper`
+    const error = new ErrorWrapper(selector)
+    expect(() => error.attributes()).to.throw().with.property('message', message)
+  })
+
   it('classes throws error when called', () => {
     const selector = 'div'
     const message = `[vue-test-utils]: find did not return ${selector}, cannot call classes() on empty Wrapper`
diff --git a/test/unit/specs/wrappers/wrapper-array.spec.js b/test/unit/specs/wrappers/wrapper-array.spec.js
index 12880f294..33187809c 100644
--- a/test/unit/specs/wrappers/wrapper-array.spec.js
+++ b/test/unit/specs/wrappers/wrapper-array.spec.js
@@ -59,6 +59,18 @@ describe('WrapperArray', () => {
     expect(() => wrapperArray.findAll()).to.throw().with.property('message', message)
   })
 
+  it('attributes throws error if called when there are 0 items in wrapper array', () => {
+    const wrapperArray = new WrapperArray()
+    const message = '[vue-test-utils]: attributes cannot be called on 0 items'
+    expect(() => wrapperArray.attributes()).to.throw().with.property('message', message)
+  })
+
+  it('attributes throws error if called when there are items in wrapper array', () => {
+    const wrapperArray = new WrapperArray([1])
+    const message = '[vue-test-utils]: attributes must be called on a single wrapper, use at(i) to access a wrapper'
+    expect(() => wrapperArray.attributes()).to.throw().with.property('message', message)
+  })
+
   it('classes throws error if called when there are 0 items in wrapper array', () => {
     const wrapperArray = new WrapperArray()
     const message = '[vue-test-utils]: classes cannot be called on 0 items'

From 40125a3b9ab5ceaa94d231d051f01a7f27b45706 Mon Sep 17 00:00:00 2001
From: Tim Hutchinson <strike.z@gmail.com>
Date: Sat, 11 Nov 2017 16:39:12 -0500
Subject: [PATCH 4/4] Added props wrapper method

---
 src/wrappers/error-wrapper.js                 |  4 +++
 src/wrappers/wrapper-array.js                 |  6 ++++
 src/wrappers/wrapper.js                       | 17 +++++++++++
 test/unit/specs/mount/Wrapper/props.spec.js   | 28 +++++++++++++++++++
 .../specs/mount/WrapperArray/props.spec.js    | 18 ++++++++++++
 .../unit/specs/wrappers/error-wrapper.spec.js |  7 +++++
 .../unit/specs/wrappers/wrapper-array.spec.js | 12 ++++++++
 7 files changed, 92 insertions(+)
 create mode 100644 test/unit/specs/mount/Wrapper/props.spec.js
 create mode 100644 test/unit/specs/mount/WrapperArray/props.spec.js

diff --git a/src/wrappers/error-wrapper.js b/src/wrappers/error-wrapper.js
index 340f1de42..a75cc1f14 100644
--- a/src/wrappers/error-wrapper.js
+++ b/src/wrappers/error-wrapper.js
@@ -80,6 +80,10 @@ export default class ErrorWrapper implements BaseWrapper {
     throwError(`find did not return ${this.selector}, cannot call name() on empty Wrapper`)
   }
 
+  props (): void {
+    throwError(`find did not return ${this.selector}, cannot call props() on empty Wrapper`)
+  }
+
   text (): void {
     throwError(`find did not return ${this.selector}, cannot call text() on empty Wrapper`)
   }
diff --git a/src/wrappers/wrapper-array.js b/src/wrappers/wrapper-array.js
index 1668eeb11..03be500d1 100644
--- a/src/wrappers/wrapper-array.js
+++ b/src/wrappers/wrapper-array.js
@@ -119,6 +119,12 @@ export default class WrapperArray implements BaseWrapper {
     throwError('name must be called on a single wrapper, use at(i) to access a wrapper')
   }
 
+  props (): void {
+    this.throwErrorIfWrappersIsEmpty('props')
+
+    throwError('props must be called on a single wrapper, use at(i) to access a wrapper')
+  }
+
   text (): void {
     this.throwErrorIfWrappersIsEmpty('text')
 
diff --git a/src/wrappers/wrapper.js b/src/wrappers/wrapper.js
index 17af9ba9b..aa1fd0568 100644
--- a/src/wrappers/wrapper.js
+++ b/src/wrappers/wrapper.js
@@ -313,6 +313,23 @@ export default class Wrapper implements BaseWrapper {
     return this.vnode.tag
   }
 
+  /**
+   * Returns an Object containing the prop name/value pairs on the element
+   */
+  props (): { [name: string]: any } {
+    if (!this.isVueComponent) {
+      throwError('wrapper.props() must be called on a Vue instance')
+    }
+    // $props object does not exist in Vue 2.1.x, so use $options.propsData instead
+    let _props
+    if (this.vm && this.vm.$options && this.vm.$options.propsData) {
+      _props = this.vm.$options.propsData
+    } else {
+      _props = this.vm.$props
+    }
+    return _props || {} // Return an empty object if no props exist
+  }
+
   /**
    * Sets vm data
    */
diff --git a/test/unit/specs/mount/Wrapper/props.spec.js b/test/unit/specs/mount/Wrapper/props.spec.js
new file mode 100644
index 000000000..bc3cb8200
--- /dev/null
+++ b/test/unit/specs/mount/Wrapper/props.spec.js
@@ -0,0 +1,28 @@
+import { compileToFunctions } from 'vue-template-compiler'
+import mount from '~src/mount'
+import ComponentWithProps from '~resources/components/component-with-props.vue'
+
+describe('props', () => {
+  it('returns true if wrapper has prop', () => {
+    const prop1 = {}
+    const prop2 = 'string val'
+    const wrapper = mount(ComponentWithProps, {
+      propsData: { prop1, prop2 }
+    })
+    expect(wrapper.props()).to.eql({ prop1: {}, prop2: 'string val' })
+  })
+
+  it('returns an empty object if wrapper does not have props', () => {
+    const compiled = compileToFunctions('<div />')
+    const wrapper = mount(compiled)
+    expect(wrapper.props()).to.eql({})
+  })
+
+  it('throws an error if called on a non vm wrapper', () => {
+    const compiled = compileToFunctions('<div><p /></div>')
+    const p = mount(compiled).findAll('p').at(0)
+    const message = '[vue-test-utils]: wrapper.props() must be called on a Vue instance'
+    const fn = () => p.props()
+    expect(fn).to.throw().with.property('message', message)
+  })
+})
diff --git a/test/unit/specs/mount/WrapperArray/props.spec.js b/test/unit/specs/mount/WrapperArray/props.spec.js
new file mode 100644
index 000000000..d9dc885fb
--- /dev/null
+++ b/test/unit/specs/mount/WrapperArray/props.spec.js
@@ -0,0 +1,18 @@
+import { compileToFunctions } from 'vue-template-compiler'
+import mount from '~src/mount'
+
+describe('props', () => {
+  it('throws error if wrapper array contains no items', () => {
+    const compiled = compileToFunctions('<div />')
+    const message = '[vue-test-utils]: props cannot be called on 0 items'
+    expect(() => mount(compiled).findAll('p').props('p')).to.throw().with.property('message', message)
+  })
+
+  it('throws error when called on a WrapperArray', () => {
+    const compiled = compileToFunctions('<div><div /></div>')
+    const wrapper = mount(compiled)
+    const message = '[vue-test-utils]: props must be called on a single wrapper, use at(i) to access a wrapper'
+    const fn = () => wrapper.findAll('div').props()
+    expect(fn).to.throw().with.property('message', message)
+  })
+})
diff --git a/test/unit/specs/wrappers/error-wrapper.spec.js b/test/unit/specs/wrappers/error-wrapper.spec.js
index 59fd453ff..8a1acff26 100644
--- a/test/unit/specs/wrappers/error-wrapper.spec.js
+++ b/test/unit/specs/wrappers/error-wrapper.spec.js
@@ -120,6 +120,13 @@ describe('ErrorWrapper', () => {
     expect(() => error.name()).to.throw().with.property('message', message)
   })
 
+  it('props throws error when called', () => {
+    const selector = 'div'
+    const message = `[vue-test-utils]: find did not return ${selector}, cannot call props() on empty Wrapper`
+    const error = new ErrorWrapper(selector)
+    expect(() => error.props()).to.throw().with.property('message', message)
+  })
+
   it('text throws error when called', () => {
     const selector = 'div'
     const message = `[vue-test-utils]: find did not return ${selector}, cannot call text() on empty Wrapper`
diff --git a/test/unit/specs/wrappers/wrapper-array.spec.js b/test/unit/specs/wrappers/wrapper-array.spec.js
index 33187809c..f8c733241 100644
--- a/test/unit/specs/wrappers/wrapper-array.spec.js
+++ b/test/unit/specs/wrappers/wrapper-array.spec.js
@@ -218,6 +218,18 @@ describe('WrapperArray', () => {
     expect(() => wrapperArray.name()).to.throw().with.property('message', message)
   })
 
+  it('props throws error if called when there are 0 items in wrapper array', () => {
+    const wrapperArray = new WrapperArray()
+    const message = '[vue-test-utils]: props cannot be called on 0 items'
+    expect(() => wrapperArray.props()).to.throw().with.property('message', message)
+  })
+
+  it('props throws error if called when there are items in wrapper array', () => {
+    const wrapperArray = new WrapperArray([1])
+    const message = '[vue-test-utils]: props must be called on a single wrapper, use at(i) to access a wrapper'
+    expect(() => wrapperArray.props()).to.throw().with.property('message', message)
+  })
+
   it('text throws error if called when there are 0 items in wrapper array', () => {
     const wrapperArray = new WrapperArray()
     const message = '[vue-test-utils]: text cannot be called on 0 items'