From b600bbc8467a3bef3605ef9150a195341b5c4061 Mon Sep 17 00:00:00 2001
From: Martin Beyer <tinchobeyer2@gmail.com>
Date: Tue, 24 Apr 2018 20:21:03 -0300
Subject: [PATCH 1/7] added setValue method and few tests

---
 packages/test-utils/src/wrapper.js            |  8 +++++++
 .../components/component-with-input.vue       | 16 +++++++++++++
 test/specs/wrapper/setValue.spec.js           | 23 +++++++++++++++++++
 3 files changed, 47 insertions(+)
 create mode 100644 test/resources/components/component-with-input.vue
 create mode 100644 test/specs/wrapper/setValue.spec.js

diff --git a/packages/test-utils/src/wrapper.js b/packages/test-utils/src/wrapper.js
index 790904ce3..828119392 100644
--- a/packages/test-utils/src/wrapper.js
+++ b/packages/test-utils/src/wrapper.js
@@ -531,6 +531,14 @@ export default class Wrapper implements BaseWrapper {
     this.vnode = this.vm._vnode
   }
 
+  /**
+   * Sets input value
+   */
+  setValue (value: string) {
+    this.element.value = value // input element value is changed, v-model is not
+    this.trigger('input')
+  }
+
   /**
    * Return text of wrapper element
    */
diff --git a/test/resources/components/component-with-input.vue b/test/resources/components/component-with-input.vue
new file mode 100644
index 000000000..8bf4c2f87
--- /dev/null
+++ b/test/resources/components/component-with-input.vue
@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <input type="text" v-model="inputValue">
+  </div>
+</template>
+
+<script>
+  export default{
+    name: 'component-with-input',
+    data() {
+      return {
+        inputValue: undefined
+      }
+    }
+  }
+</script>
diff --git a/test/specs/wrapper/setValue.spec.js b/test/specs/wrapper/setValue.spec.js
new file mode 100644
index 000000000..9fade47ca
--- /dev/null
+++ b/test/specs/wrapper/setValue.spec.js
@@ -0,0 +1,23 @@
+import ComponentWithInput from '~resources/components/component-with-input.vue'
+import { describeWithShallowAndMount } from '~resources/utils'
+
+describeWithShallowAndMount('setValue', (mountingMethod) => {
+  it('sets element value', () => {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const input = wrapper.find('input')
+    input.setValue('foo')
+
+    expect(input.element.value).to.equal('foo')
+  })
+
+  it('calls trigger with input', () => {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const input = wrapper.find('input')
+    sinon.spy(input, 'trigger')
+
+    input.setValue('foo')
+
+    expect(input.trigger.called).to.equal(true)
+    expect(input.trigger.calledWith('input')).to.equal(true)
+  })
+})

From a955decd8fa3b20869abb0d9426f7c852be53221 Mon Sep 17 00:00:00 2001
From: Martin Beyer <tinchobeyer2@gmail.com>
Date: Sun, 29 Apr 2018 14:15:49 -0300
Subject: [PATCH 2/7] Added setChecked

---
 flow/wrapper.flow.js                          |  2 +
 packages/test-utils/src/wrapper.js            | 77 ++++++++++++++-
 packages/test-utils/types/index.d.ts          |  3 +
 .../components/component-with-input.vue       | 25 ++++-
 test/specs/wrapper/setChecked.spec.js         | 98 +++++++++++++++++++
 test/specs/wrapper/setValue.spec.js           | 54 +++++++++-
 6 files changed, 247 insertions(+), 12 deletions(-)
 create mode 100644 test/specs/wrapper/setChecked.spec.js

diff --git a/flow/wrapper.flow.js b/flow/wrapper.flow.js
index 3ceb4f6f8..fb56b79c2 100644
--- a/flow/wrapper.flow.js
+++ b/flow/wrapper.flow.js
@@ -32,6 +32,8 @@ declare interface BaseWrapper { // eslint-disable-line no-undef
     setData(data: Object): void,
     setComputed(computed: Object): void,
     setMethods(methods: Object): void,
+    setValue(value: any): void,
+    setChecked(checked: boolean): void,
     setProps(data: Object): void,
     trigger(type: string, options: Object): void,
     destroy(): void
diff --git a/packages/test-utils/src/wrapper.js b/packages/test-utils/src/wrapper.js
index 828119392..9231c62da 100644
--- a/packages/test-utils/src/wrapper.js
+++ b/packages/test-utils/src/wrapper.js
@@ -532,11 +532,80 @@ export default class Wrapper implements BaseWrapper {
   }
 
   /**
-   * Sets input value
+   * Sets element value and triggers input event
    */
-  setValue (value: string) {
-    this.element.value = value // input element value is changed, v-model is not
-    this.trigger('input')
+  setValue (value: any) {
+    const el = this.element
+
+    if (!el) {
+      throwError('cannot call wrapper.setValue() on a wrapper without an element')
+    }
+
+    const tag = el.tagName
+    const type = this.attributes().type
+    const event = 'input'
+
+    if (this.isVueComponent) {
+    } else if (tag === 'SELECT') {
+      // event = 'change'
+      // el.value = value
+      throwError('wrapper.setValue() cannot be called on select')
+    } else if (tag === 'INPUT' && type === 'checkbox') {
+      // event = 'change'
+      // el.checked = value
+      throwError('wrapper.setValue() cannot be called on checkbox. Use wrapper.setChecked() instead')
+    } else if (tag === 'INPUT' && type === 'radio') {
+      throwError('wrapper.setValue() cannot be called on radio. Use wrapper.setChecked() instead')
+    } else if (tag === 'INPUT' || tag === 'textarea') {
+    } else {
+      throwError('wrapper.setValue() cannot be called on this element')
+    }
+
+    el.value = value
+    this.trigger(event)
+  }
+
+  /**
+   * Sets element value and triggers input event
+   */
+  setChecked (checked: boolean) {
+    console.log(typeof checked)
+    if (typeof checked !== 'undefined') {
+      if (typeof checked !== 'boolean') {
+        throwError('wrapper.setChecked() must be passed a boolean')
+      }
+    } else {
+      checked = true
+    }
+
+    const el = this.element
+
+    if (!el) {
+      throwError('cannot call wrapper.setChecked() on a wrapper without an element')
+    }
+
+    const tag = el.tagName
+    const type = this.attributes().type
+    const event = 'change'
+
+    if (this.isVueComponent) {
+      throwError('wrapper.setChecked() cannot be called on component. Use wrapper.setValue() instead')
+    } else if (tag === 'SELECT') {
+      throwError('wrapper.setChecked() cannot be called on select')
+    } else if (tag === 'INPUT' && type === 'checkbox') {
+      el.checked = checked
+      this.trigger(event)
+    } else if (tag === 'INPUT' && type === 'radio') {
+      if (!checked) {
+        throwError('wrapper.setChecked() cannot be called with parameter false on radio')
+      }
+      el.checked = true
+      this.trigger(event)
+    } else if (tag === 'INPUT' || tag === 'textarea') {
+      throwError('wrapper.setChecked() cannot be called on "text" inputs. Use wrapper.setValue() instead')
+    } else {
+      throwError('wrapper.setChecked() cannot be called on this element')
+    }
   }
 
   /**
diff --git a/packages/test-utils/types/index.d.ts b/packages/test-utils/types/index.d.ts
index 148029561..e1fb420fd 100644
--- a/packages/test-utils/types/index.d.ts
+++ b/packages/test-utils/types/index.d.ts
@@ -99,6 +99,9 @@ export interface Wrapper<V extends Vue> extends BaseWrapper {
   text (): string
   name (): string
 
+  setValue (value: any): void
+  setChecked (checked: boolean): void
+
   emitted (event?: string): { [name: string]: Array<Array<any>> }
   emittedByOrder (): Array<{ name: string, args: Array<any> }>
 }
diff --git a/test/resources/components/component-with-input.vue b/test/resources/components/component-with-input.vue
index 8bf4c2f87..635998a7e 100644
--- a/test/resources/components/component-with-input.vue
+++ b/test/resources/components/component-with-input.vue
@@ -1,15 +1,32 @@
 <template>
   <div>
-    <input type="text" v-model="inputValue">
+    <input type="checkbox" v-model="checkboxVal">
+    <input type="radio" v-model="radioVal" id="radioFoo" value="radioFooResult">
+    <input type="radio" v-model="radioVal" id="radioBar" value="radioBarResult">
+    <input type="text" v-model="textVal">
+    <select v-model="selectVal">
+      <option value="selectA"></option>
+      <option value="selectB"></option>
+      <option value="selectC"></option>
+    </select>
+    <label id="label-el"></label>
+
+    <span class="checkboxResult" v-if="checkboxVal">checkbox checked</span>
+    {{ textVal }}
+    {{ selectVal }}
+    {{ radioVal }}
   </div>
 </template>
 
 <script>
-  export default{
+  export default {
     name: 'component-with-input',
-    data() {
+    data () {
       return {
-        inputValue: undefined
+        checkboxVal: undefined,
+        textVal: undefined,
+        radioVal: undefined,
+        selectVal: undefined
       }
     }
   }
diff --git a/test/specs/wrapper/setChecked.spec.js b/test/specs/wrapper/setChecked.spec.js
new file mode 100644
index 000000000..40e8df7d9
--- /dev/null
+++ b/test/specs/wrapper/setChecked.spec.js
@@ -0,0 +1,98 @@
+import ComponentWithInput from '~resources/components/component-with-input.vue'
+import { describeWithShallowAndMount } from '~resources/utils'
+
+describeWithShallowAndMount('setChecked', (mountingMethod) => {
+  it('sets element checked true with no option passed', () => {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const input = wrapper.find('input[type="checkbox"]')
+    input.setChecked()
+
+    expect(input.element.checked).to.equal(true)
+  })
+
+  it('sets element checked equal to param passed', () => {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const input = wrapper.find('input[type="checkbox"]')
+
+    input.setChecked(true)
+    expect(input.element.checked).to.equal(true)
+
+    input.setChecked(false)
+    expect(input.element.checked).to.equal(false)
+  })
+
+  it('calls trigger with change event', () => {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const input = wrapper.find('input[type="checkbox"]')
+    sinon.spy(input, 'trigger')
+
+    input.setChecked()
+
+    expect(input.trigger.called).to.equal(true)
+    expect(input.trigger.args[0][0]).to.equal('change')
+  })
+
+  it('updates dom with checkbox v-model', () => {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const input = wrapper.find('input[type="checkbox"]')
+
+    input.setChecked()
+    expect(wrapper.text()).to.contain('checkbox checked')
+
+    input.setChecked(false)
+    expect(wrapper.text()).to.not.contain('checkbox checked')
+  })
+
+  it('updates dom with radio v-model', () => {
+    const wrapper = mountingMethod(ComponentWithInput)
+
+    wrapper.find('#radioBar').setChecked()
+    expect(wrapper.text()).to.contain('radioBarResult')
+
+    wrapper.find('#radioFoo').setChecked()
+    expect(wrapper.text()).to.contain('radioFooResult')
+  })
+
+  it('throws error if checked param is not boolean', () => {
+    const message = 'wrapper.setChecked() must be passed a boolean'
+    shouldThrowErrorOnElement('input[type="checkbox"]', message, 'asd')
+  })
+
+  it('throws error if checked param is false on radio element', () => {
+    const message = 'wrapper.setChecked() cannot be called with parameter false on radio'
+    shouldThrowErrorOnElement('#radioFoo', message, false)
+  })
+
+  it('throws error if wrapper does not contain element', () => {
+    const wrapper = mountingMethod({ render: (h) => h('div') })
+    const div = wrapper.find('div')
+    div.element = null
+
+    const fn = () => div.setChecked()
+    const message = '[vue-test-utils]: cannot call wrapper.setChecked() on a wrapper without an element'
+    expect(fn).to.throw().with.property('message', message)
+  })
+
+  it('throws error if element is select', () => {
+    const message = 'wrapper.setChecked() cannot be called on select'
+    shouldThrowErrorOnElement('select', message)
+  })
+
+  it('throws error if element is text like', () => {
+    const message = 'wrapper.setChecked() cannot be called on "text" inputs. Use wrapper.setValue() instead'
+    shouldThrowErrorOnElement('input[type="text"]', message)
+  })
+
+  it('throws error if element is not valid', () => {
+    const message = 'wrapper.setChecked() cannot be called on this element'
+    shouldThrowErrorOnElement('#label-el', message)
+  })
+
+  function shouldThrowErrorOnElement (selector, message, value) {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const input = wrapper.find(selector)
+
+    const fn = () => input.setChecked(value)
+    expect(fn).to.throw().with.property('message', '[vue-test-utils]: ' + message)
+  }
+})
diff --git a/test/specs/wrapper/setValue.spec.js b/test/specs/wrapper/setValue.spec.js
index 9fade47ca..95a3049da 100644
--- a/test/specs/wrapper/setValue.spec.js
+++ b/test/specs/wrapper/setValue.spec.js
@@ -4,20 +4,66 @@ import { describeWithShallowAndMount } from '~resources/utils'
 describeWithShallowAndMount('setValue', (mountingMethod) => {
   it('sets element value', () => {
     const wrapper = mountingMethod(ComponentWithInput)
-    const input = wrapper.find('input')
+    const input = wrapper.find('input[type="text"]')
     input.setValue('foo')
 
     expect(input.element.value).to.equal('foo')
   })
 
-  it('calls trigger with input', () => {
+  it('calls trigger with input event', () => {
     const wrapper = mountingMethod(ComponentWithInput)
-    const input = wrapper.find('input')
+    const input = wrapper.find('input[type="text"]')
     sinon.spy(input, 'trigger')
 
     input.setValue('foo')
 
     expect(input.trigger.called).to.equal(true)
-    expect(input.trigger.calledWith('input')).to.equal(true)
+    expect(input.trigger.args[0][0]).to.equal('input')
   })
+
+  it('updates dom with v-model', () => {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const input = wrapper.find('input[type="text"]')
+
+    input.setValue('input text awesome binding')
+
+    expect(wrapper.text()).to.contain('input text awesome binding')
+  })
+
+  it('throws error if wrapper does not contain element', () => {
+    const wrapper = mountingMethod({ render: (h) => h('div') })
+    const div = wrapper.find('div')
+    div.element = null
+    const fn = () => div.setValue('')
+    const message = '[vue-test-utils]: cannot call wrapper.setValue() on a wrapper without an element'
+    expect(fn).to.throw().with.property('message', message)
+  })
+
+  it('throws error if element is select', () => {
+    const message = 'wrapper.setValue() cannot be called on select'
+    shouldThrowErrorOnElement('select', message)
+  })
+
+  it('throws error if element is radio', () => {
+    const message = 'wrapper.setValue() cannot be called on radio. Use wrapper.setChecked() instead'
+    shouldThrowErrorOnElement('input[type="radio"]', message)
+  })
+
+  it('throws error if element is checkbox', () => {
+    const message = 'wrapper.setValue() cannot be called on checkbox. Use wrapper.setChecked() instead'
+    shouldThrowErrorOnElement('input[type="checkbox"]', message)
+  })
+
+  it('throws error if element is not valid', () => {
+    const message = 'wrapper.setValue() cannot be called on this element'
+    shouldThrowErrorOnElement('#label-el', message)
+  })
+
+  function shouldThrowErrorOnElement (selector, message) {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const input = wrapper.find(selector)
+
+    const fn = () => input.setValue('')
+    expect(fn).to.throw().with.property('message', '[vue-test-utils]: ' + message)
+  }
 })

From 241e77281100284787347ea763d7084526331a22 Mon Sep 17 00:00:00 2001
From: Martin Beyer <tinchobeyer2@gmail.com>
Date: Sun, 29 Apr 2018 14:56:29 -0300
Subject: [PATCH 3/7] Fixed error wrapper and wrapper array missing methods

---
 packages/test-utils/src/error-wrapper.js |  8 ++++++++
 packages/test-utils/src/wrapper-array.js | 12 ++++++++++++
 packages/test-utils/src/wrapper.js       |  4 +---
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/packages/test-utils/src/error-wrapper.js b/packages/test-utils/src/error-wrapper.js
index 1599747ae..fcb29847b 100644
--- a/packages/test-utils/src/error-wrapper.js
+++ b/packages/test-utils/src/error-wrapper.js
@@ -117,6 +117,14 @@ export default class ErrorWrapper implements BaseWrapper {
     throwError(`find did not return ${this.selector}, cannot call setProps() on empty Wrapper`)
   }
 
+  setValue (): void {
+    throwError(`find did not return ${this.selector}, cannot call setValue() on empty Wrapper`)
+  }
+
+  setChecked (): void {
+    throwError(`find did not return ${this.selector}, cannot call setChecked() on empty Wrapper`)
+  }
+
   trigger (): void {
     throwError(`find did not return ${this.selector}, cannot call trigger() on empty Wrapper`)
   }
diff --git a/packages/test-utils/src/wrapper-array.js b/packages/test-utils/src/wrapper-array.js
index 6e27fd017..dcdbb2c5a 100644
--- a/packages/test-utils/src/wrapper-array.js
+++ b/packages/test-utils/src/wrapper-array.js
@@ -181,6 +181,18 @@ export default class WrapperArray implements BaseWrapper {
     this.wrappers.forEach(wrapper => wrapper.setProps(props))
   }
 
+  setValue (value: any): void {
+    this.throwErrorIfWrappersIsEmpty('setValue')
+
+    this.wrappers.forEach(wrapper => wrapper.setValue(value))
+  }
+
+  setChecked (checked: boolean): void {
+    this.throwErrorIfWrappersIsEmpty('setChecked')
+
+    this.wrappers.forEach(wrapper => wrapper.setChecked(checked))
+  }
+
   trigger (event: string, options: Object): void {
     this.throwErrorIfWrappersIsEmpty('trigger')
 
diff --git a/packages/test-utils/src/wrapper.js b/packages/test-utils/src/wrapper.js
index 9231c62da..0f2e266a5 100644
--- a/packages/test-utils/src/wrapper.js
+++ b/packages/test-utils/src/wrapper.js
@@ -551,8 +551,6 @@ export default class Wrapper implements BaseWrapper {
       // el.value = value
       throwError('wrapper.setValue() cannot be called on select')
     } else if (tag === 'INPUT' && type === 'checkbox') {
-      // event = 'change'
-      // el.checked = value
       throwError('wrapper.setValue() cannot be called on checkbox. Use wrapper.setChecked() instead')
     } else if (tag === 'INPUT' && type === 'radio') {
       throwError('wrapper.setValue() cannot be called on radio. Use wrapper.setChecked() instead')
@@ -566,7 +564,7 @@ export default class Wrapper implements BaseWrapper {
   }
 
   /**
-   * Sets element value and triggers input event
+   * Checks radio button or checkbox element
    */
   setChecked (checked: boolean) {
     console.log(typeof checked)

From 5e243cae5145f24bf227fd9054980975553e988e Mon Sep 17 00:00:00 2001
From: Martin Beyer <tinchobeyer2@gmail.com>
Date: Sun, 29 Apr 2018 16:21:38 -0300
Subject: [PATCH 4/7] Fixed Flow errors on element Object

---
 packages/test-utils/src/wrapper.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/test-utils/src/wrapper.js b/packages/test-utils/src/wrapper.js
index 0f2e266a5..cc74d202f 100644
--- a/packages/test-utils/src/wrapper.js
+++ b/packages/test-utils/src/wrapper.js
@@ -559,6 +559,7 @@ export default class Wrapper implements BaseWrapper {
       throwError('wrapper.setValue() cannot be called on this element')
     }
 
+    // $FlowIgnore
     el.value = value
     this.trigger(event)
   }
@@ -591,12 +592,15 @@ export default class Wrapper implements BaseWrapper {
     } else if (tag === 'SELECT') {
       throwError('wrapper.setChecked() cannot be called on select')
     } else if (tag === 'INPUT' && type === 'checkbox') {
+      // $FlowIgnore
       el.checked = checked
       this.trigger(event)
     } else if (tag === 'INPUT' && type === 'radio') {
       if (!checked) {
         throwError('wrapper.setChecked() cannot be called with parameter false on radio')
       }
+
+      // $FlowIgnore
       el.checked = true
       this.trigger(event)
     } else if (tag === 'INPUT' || tag === 'textarea') {

From 37150d5a6bcf538daef946e974f8f7a08eed46eb Mon Sep 17 00:00:00 2001
From: Martin Beyer <tinchobeyer2@gmail.com>
Date: Sun, 29 Apr 2018 18:24:38 -0300
Subject: [PATCH 5/7] Added setSelected method

---
 flow/wrapper.flow.js                      |  1 +
 packages/test-utils/src/error-wrapper.js  |  4 ++
 packages/test-utils/src/wrapper-array.js  |  6 +++
 packages/test-utils/src/wrapper.js        | 53 ++++++++++++++-----
 packages/test-utils/types/index.d.ts      |  8 +--
 packages/test-utils/types/test/wrapper.ts |  4 ++
 test/specs/wrapper/setSelected.spec.js    | 62 +++++++++++++++++++++++
 7 files changed, 122 insertions(+), 16 deletions(-)
 create mode 100644 test/specs/wrapper/setSelected.spec.js

diff --git a/flow/wrapper.flow.js b/flow/wrapper.flow.js
index fb56b79c2..e60f69fa5 100644
--- a/flow/wrapper.flow.js
+++ b/flow/wrapper.flow.js
@@ -34,6 +34,7 @@ declare interface BaseWrapper { // eslint-disable-line no-undef
     setMethods(methods: Object): void,
     setValue(value: any): void,
     setChecked(checked: boolean): void,
+    setSelected(): void,
     setProps(data: Object): void,
     trigger(type: string, options: Object): void,
     destroy(): void
diff --git a/packages/test-utils/src/error-wrapper.js b/packages/test-utils/src/error-wrapper.js
index fcb29847b..51603ae04 100644
--- a/packages/test-utils/src/error-wrapper.js
+++ b/packages/test-utils/src/error-wrapper.js
@@ -125,6 +125,10 @@ export default class ErrorWrapper implements BaseWrapper {
     throwError(`find did not return ${this.selector}, cannot call setChecked() on empty Wrapper`)
   }
 
+  setSelected (): void {
+    throwError(`find did not return ${this.selector}, cannot call setSelected() on empty Wrapper`)
+  }
+
   trigger (): void {
     throwError(`find did not return ${this.selector}, cannot call trigger() on empty Wrapper`)
   }
diff --git a/packages/test-utils/src/wrapper-array.js b/packages/test-utils/src/wrapper-array.js
index dcdbb2c5a..76b011d3b 100644
--- a/packages/test-utils/src/wrapper-array.js
+++ b/packages/test-utils/src/wrapper-array.js
@@ -193,6 +193,12 @@ export default class WrapperArray implements BaseWrapper {
     this.wrappers.forEach(wrapper => wrapper.setChecked(checked))
   }
 
+  setSelected (): void {
+    this.throwErrorIfWrappersIsEmpty('setSelected')
+
+    throwError('setSelected must be called on a single wrapper, use at(i) to access a wrapper')
+  }
+
   trigger (event: string, options: Object): void {
     this.throwErrorIfWrappersIsEmpty('trigger')
 
diff --git a/packages/test-utils/src/wrapper.js b/packages/test-utils/src/wrapper.js
index cc74d202f..a7f19e1e5 100644
--- a/packages/test-utils/src/wrapper.js
+++ b/packages/test-utils/src/wrapper.js
@@ -545,30 +545,25 @@ export default class Wrapper implements BaseWrapper {
     const type = this.attributes().type
     const event = 'input'
 
-    if (this.isVueComponent) {
-    } else if (tag === 'SELECT') {
-      // event = 'change'
-      // el.value = value
+    if (tag === 'SELECT') {
       throwError('wrapper.setValue() cannot be called on select')
     } else if (tag === 'INPUT' && type === 'checkbox') {
       throwError('wrapper.setValue() cannot be called on checkbox. Use wrapper.setChecked() instead')
     } else if (tag === 'INPUT' && type === 'radio') {
       throwError('wrapper.setValue() cannot be called on radio. Use wrapper.setChecked() instead')
     } else if (tag === 'INPUT' || tag === 'textarea') {
+      // $FlowIgnore
+      el.value = value
+      this.trigger(event)
     } else {
       throwError('wrapper.setValue() cannot be called on this element')
     }
-
-    // $FlowIgnore
-    el.value = value
-    this.trigger(event)
   }
 
   /**
    * Checks radio button or checkbox element
    */
   setChecked (checked: boolean) {
-    console.log(typeof checked)
     if (typeof checked !== 'undefined') {
       if (typeof checked !== 'boolean') {
         throwError('wrapper.setChecked() must be passed a boolean')
@@ -598,11 +593,11 @@ export default class Wrapper implements BaseWrapper {
     } else if (tag === 'INPUT' && type === 'radio') {
       if (!checked) {
         throwError('wrapper.setChecked() cannot be called with parameter false on radio')
+      } else {
+        // $FlowIgnore
+        el.checked = true
+        this.trigger(event)
       }
-
-      // $FlowIgnore
-      el.checked = true
-      this.trigger(event)
     } else if (tag === 'INPUT' || tag === 'textarea') {
       throwError('wrapper.setChecked() cannot be called on "text" inputs. Use wrapper.setValue() instead')
     } else {
@@ -610,6 +605,38 @@ export default class Wrapper implements BaseWrapper {
     }
   }
 
+  /**
+   * Selects <option></option> element
+   */
+  setSelected () {
+    const el = this.element
+
+    if (!el) {
+      throwError('cannot call wrapper.setSelected() on a wrapper without an element')
+    }
+
+    const tag = el.tagName
+    const type = this.attributes().type
+    const event = 'change'
+
+    if (tag === 'OPTION') {
+      // $FlowIgnore
+      el.selected = true
+      // $FlowIgnore
+      createWrapper(el.parentElement, this.options).trigger(event)
+    } else if (tag === 'SELECT') {
+      throwError('wrapper.setSelected() cannot be called on select. Call it on one of its options')
+    } else if (tag === 'INPUT' && type === 'checkbox') {
+      throwError('wrapper.setSelected() cannot be called on checkbox. Use wrapper.setChecked() instead')
+    } else if (tag === 'INPUT' && type === 'radio') {
+      throwError('wrapper.setSelected() cannot be called on radio. Use wrapper.setChecked() instead')
+    } else if (tag === 'INPUT' || tag === 'textarea') {
+      throwError('wrapper.setSelected() cannot be called on "text" inputs. Use wrapper.setValue() instead')
+    } else {
+      throwError('wrapper.setSelected() cannot be called on this element')
+    }
+  }
+
   /**
    * Return text of wrapper element
    */
diff --git a/packages/test-utils/types/index.d.ts b/packages/test-utils/types/index.d.ts
index e1fb420fd..7951a3448 100644
--- a/packages/test-utils/types/index.d.ts
+++ b/packages/test-utils/types/index.d.ts
@@ -72,6 +72,10 @@ interface BaseWrapper {
   setData (data: object): void
   setMethods (data: object): void
   setProps (props: object): void
+
+  setValue (value: any): void
+  setChecked (checked: boolean): void
+
   trigger (eventName: string, options?: object): void
   destroy (): void
 }
@@ -98,9 +102,7 @@ export interface Wrapper<V extends Vue> extends BaseWrapper {
   html (): string
   text (): string
   name (): string
-
-  setValue (value: any): void
-  setChecked (checked: boolean): void
+  setSelected(): void
 
   emitted (event?: string): { [name: string]: Array<Array<any>> }
   emittedByOrder (): Array<{ name: string, args: Array<any> }>
diff --git a/packages/test-utils/types/test/wrapper.ts b/packages/test-utils/types/test/wrapper.ts
index c14a5338d..a4ce5710c 100644
--- a/packages/test-utils/types/test/wrapper.ts
+++ b/packages/test-utils/types/test/wrapper.ts
@@ -63,6 +63,10 @@ array = wrapper.findAll(ClassComponent)
 array = wrapper.findAll({ ref: 'myButton' })
 array = wrapper.findAll({ name: 'my-button' })
 
+wrapper.setChecked(true)
+wrapper.setValue('some string')
+wrapper.setSelected()
+
 let str: string = wrapper.html()
 str = wrapper.text()
 str = wrapper.name()
diff --git a/test/specs/wrapper/setSelected.spec.js b/test/specs/wrapper/setSelected.spec.js
new file mode 100644
index 000000000..757971f24
--- /dev/null
+++ b/test/specs/wrapper/setSelected.spec.js
@@ -0,0 +1,62 @@
+import ComponentWithInput from '~resources/components/component-with-input.vue'
+import { describeWithShallowAndMount } from '~resources/utils'
+
+describeWithShallowAndMount('setSelected', (mountingMethod) => {
+  it('sets element selected true', () => {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const options = wrapper.find('select').findAll('option')
+
+    options.at(1).setSelected()
+
+    expect(options.at(1).element.selected).to.equal(true)
+  })
+
+  it('updates dom with select v-model', () => {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const options = wrapper.find('select').findAll('option')
+
+    options.at(1).setSelected()
+    expect(wrapper.text()).to.contain('selectB')
+
+    options.at(0).setSelected()
+    expect(wrapper.text()).to.contain('selectA')
+  })
+
+  it('throws error if wrapper does not contain element', () => {
+    const wrapper = mountingMethod({ render: (h) => h('div') })
+    const div = wrapper.find('div')
+    div.element = null
+
+    const fn = () => div.setSelected()
+    const message = '[vue-test-utils]: cannot call wrapper.setSelected() on a wrapper without an element'
+    expect(fn).to.throw().with.property('message', message)
+  })
+
+  it('throws error if element is radio', () => {
+    const message = 'wrapper.setSelected() cannot be called on radio. Use wrapper.setChecked() instead'
+    shouldThrowErrorOnElement('input[type="radio"]', message)
+  })
+
+  it('throws error if element is radio', () => {
+    const message = 'wrapper.setSelected() cannot be called on checkbox. Use wrapper.setChecked() instead'
+    shouldThrowErrorOnElement('input[type="checkbox"]', message)
+  })
+
+  it('throws error if element is text like', () => {
+    const message = 'wrapper.setSelected() cannot be called on "text" inputs. Use wrapper.setValue() instead'
+    shouldThrowErrorOnElement('input[type="text"]', message)
+  })
+
+  it('throws error if element is not valid', () => {
+    const message = 'wrapper.setSelected() cannot be called on this element'
+    shouldThrowErrorOnElement('#label-el', message)
+  })
+
+  function shouldThrowErrorOnElement (selector, message, value) {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const input = wrapper.find(selector)
+
+    const fn = () => input.setSelected(value)
+    expect(fn).to.throw().with.property('message', '[vue-test-utils]: ' + message)
+  }
+})

From 4fddcd1bf397522a56b4861fa2dc324241ad2db7 Mon Sep 17 00:00:00 2001
From: Martin Beyer <tinchobeyer2@gmail.com>
Date: Sun, 6 May 2018 21:54:30 -0300
Subject: [PATCH 6/7] Fixed v-model not updating on 2.1.10

---
 packages/test-utils/src/wrapper.js            | 12 +++--
 .../components/component-with-input.vue       | 13 ++++-
 test/specs/wrapper/setChecked.spec.js         | 47 ++++++++++++++++++-
 3 files changed, 65 insertions(+), 7 deletions(-)

diff --git a/packages/test-utils/src/wrapper.js b/packages/test-utils/src/wrapper.js
index a7f19e1e5..d25a3d5f3 100644
--- a/packages/test-utils/src/wrapper.js
+++ b/packages/test-utils/src/wrapper.js
@@ -588,15 +588,19 @@ export default class Wrapper implements BaseWrapper {
       throwError('wrapper.setChecked() cannot be called on select')
     } else if (tag === 'INPUT' && type === 'checkbox') {
       // $FlowIgnore
-      el.checked = checked
-      this.trigger(event)
+      if (el.checked !== checked) {
+        this.trigger('click')
+        this.trigger(event)
+      }
     } else if (tag === 'INPUT' && type === 'radio') {
       if (!checked) {
         throwError('wrapper.setChecked() cannot be called with parameter false on radio')
       } else {
         // $FlowIgnore
-        el.checked = true
-        this.trigger(event)
+        if (!el.checked) {
+          this.trigger('click')
+          this.trigger(event)
+        }
       }
     } else if (tag === 'INPUT' || tag === 'textarea') {
       throwError('wrapper.setChecked() cannot be called on "text" inputs. Use wrapper.setValue() instead')
diff --git a/test/resources/components/component-with-input.vue b/test/resources/components/component-with-input.vue
index 635998a7e..12fad1655 100644
--- a/test/resources/components/component-with-input.vue
+++ b/test/resources/components/component-with-input.vue
@@ -12,6 +12,7 @@
     <label id="label-el"></label>
 
     <span class="checkboxResult" v-if="checkboxVal">checkbox checked</span>
+    <span class="counter">{{ counter }}</span>
     {{ textVal }}
     {{ selectVal }}
     {{ radioVal }}
@@ -26,7 +27,17 @@
         checkboxVal: undefined,
         textVal: undefined,
         radioVal: undefined,
-        selectVal: undefined
+        selectVal: undefined,
+        counter: 0
+      }
+    },
+
+    watch: {
+      checkboxVal () {
+        this.counter++
+      },
+      radioVal () {
+        this.counter++
       }
     }
   }
diff --git a/test/specs/wrapper/setChecked.spec.js b/test/specs/wrapper/setChecked.spec.js
index 40e8df7d9..5bcc381fa 100644
--- a/test/specs/wrapper/setChecked.spec.js
+++ b/test/specs/wrapper/setChecked.spec.js
@@ -21,7 +21,7 @@ describeWithShallowAndMount('setChecked', (mountingMethod) => {
     expect(input.element.checked).to.equal(false)
   })
 
-  it('calls trigger with change event', () => {
+  it('calls trigger with change event on checkbox', () => {
     const wrapper = mountingMethod(ComponentWithInput)
     const input = wrapper.find('input[type="checkbox"]')
     sinon.spy(input, 'trigger')
@@ -29,7 +29,20 @@ describeWithShallowAndMount('setChecked', (mountingMethod) => {
     input.setChecked()
 
     expect(input.trigger.called).to.equal(true)
-    expect(input.trigger.args[0][0]).to.equal('change')
+    expect(input.trigger.args[0][0]).to.equal('click')
+    expect(input.trigger.args[1][0]).to.equal('change')
+  })
+
+  it('calls trigger with change event on radio', () => {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const input = wrapper.find('#radioBar')
+    sinon.spy(input, 'trigger')
+
+    input.setChecked()
+
+    expect(input.trigger.called).to.equal(true)
+    expect(input.trigger.args[0][0]).to.equal('click')
+    expect(input.trigger.args[1][0]).to.equal('change')
   })
 
   it('updates dom with checkbox v-model', () => {
@@ -43,6 +56,20 @@ describeWithShallowAndMount('setChecked', (mountingMethod) => {
     expect(wrapper.text()).to.not.contain('checkbox checked')
   })
 
+  it('changes state the right amount of times with checkbox v-model', () => {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const input = wrapper.find('input[type="checkbox"]')
+
+    input.setChecked()
+    input.setChecked(false)
+    input.setChecked(false)
+    input.setChecked(true)
+    input.setChecked(false)
+    input.setChecked(false)
+
+    expect(wrapper.find('.counter').text()).to.equal('4')
+  })
+
   it('updates dom with radio v-model', () => {
     const wrapper = mountingMethod(ComponentWithInput)
 
@@ -53,6 +80,22 @@ describeWithShallowAndMount('setChecked', (mountingMethod) => {
     expect(wrapper.text()).to.contain('radioFooResult')
   })
 
+  it('changes state the right amount of times with checkbox v-model', () => {
+    const wrapper = mountingMethod(ComponentWithInput)
+    const radioBar = wrapper.find('#radioBar')
+    const radioFoo = wrapper.find('#radioFoo')
+
+    radioBar.setChecked()
+    radioBar.setChecked()
+    radioFoo.setChecked()
+    radioBar.setChecked()
+    radioBar.setChecked()
+    radioFoo.setChecked()
+    radioFoo.setChecked()
+
+    expect(wrapper.find('.counter').text()).to.equal('4')
+  })
+
   it('throws error if checked param is not boolean', () => {
     const message = 'wrapper.setChecked() must be passed a boolean'
     shouldThrowErrorOnElement('input[type="checkbox"]', message, 'asd')

From 2e917242ad76527b2b7d504e800cf16d786d4c36 Mon Sep 17 00:00:00 2001
From: Martin Beyer <tinchobeyer2@gmail.com>
Date: Mon, 7 May 2018 19:33:27 -0300
Subject: [PATCH 7/7] Minor changes

---
 packages/test-utils/src/wrapper.js     | 18 ++++++++---------
 packages/test-utils/types/index.d.ts   |  1 +
 test/specs/wrapper/setChecked.spec.js  | 28 ++------------------------
 test/specs/wrapper/setSelected.spec.js |  4 ++--
 test/specs/wrapper/setValue.spec.js    | 17 +++-------------
 5 files changed, 16 insertions(+), 52 deletions(-)

diff --git a/packages/test-utils/src/wrapper.js b/packages/test-utils/src/wrapper.js
index d25a3d5f3..2a2d467e7 100644
--- a/packages/test-utils/src/wrapper.js
+++ b/packages/test-utils/src/wrapper.js
@@ -546,11 +546,11 @@ export default class Wrapper implements BaseWrapper {
     const event = 'input'
 
     if (tag === 'SELECT') {
-      throwError('wrapper.setValue() cannot be called on select')
+      throwError('wrapper.setValue() cannot be called on a <select> element. Use wrapper.setSelected() instead')
     } else if (tag === 'INPUT' && type === 'checkbox') {
-      throwError('wrapper.setValue() cannot be called on checkbox. Use wrapper.setChecked() instead')
+      throwError('wrapper.setValue() cannot be called on a <input type="checkbox" /> element. Use wrapper.setChecked() instead')
     } else if (tag === 'INPUT' && type === 'radio') {
-      throwError('wrapper.setValue() cannot be called on radio. Use wrapper.setChecked() instead')
+      throwError('wrapper.setValue() cannot be called on a <input type="radio" /> element. Use wrapper.setChecked() instead')
     } else if (tag === 'INPUT' || tag === 'textarea') {
       // $FlowIgnore
       el.value = value
@@ -582,10 +582,8 @@ export default class Wrapper implements BaseWrapper {
     const type = this.attributes().type
     const event = 'change'
 
-    if (this.isVueComponent) {
-      throwError('wrapper.setChecked() cannot be called on component. Use wrapper.setValue() instead')
-    } else if (tag === 'SELECT') {
-      throwError('wrapper.setChecked() cannot be called on select')
+    if (tag === 'SELECT') {
+      throwError('wrapper.setChecked() cannot be called on a <select> element. Use wrapper.setSelected() instead')
     } else if (tag === 'INPUT' && type === 'checkbox') {
       // $FlowIgnore
       if (el.checked !== checked) {
@@ -594,7 +592,7 @@ export default class Wrapper implements BaseWrapper {
       }
     } else if (tag === 'INPUT' && type === 'radio') {
       if (!checked) {
-        throwError('wrapper.setChecked() cannot be called with parameter false on radio')
+        throwError('wrapper.setChecked() cannot be called with parameter false on a <input type="radio" /> element.')
       } else {
         // $FlowIgnore
         if (!el.checked) {
@@ -631,9 +629,9 @@ export default class Wrapper implements BaseWrapper {
     } else if (tag === 'SELECT') {
       throwError('wrapper.setSelected() cannot be called on select. Call it on one of its options')
     } else if (tag === 'INPUT' && type === 'checkbox') {
-      throwError('wrapper.setSelected() cannot be called on checkbox. Use wrapper.setChecked() instead')
+      throwError('wrapper.setSelected() cannot be called on a <input type="checkbox" /> element. Use wrapper.setChecked() instead')
     } else if (tag === 'INPUT' && type === 'radio') {
-      throwError('wrapper.setSelected() cannot be called on radio. Use wrapper.setChecked() instead')
+      throwError('wrapper.setSelected() cannot be called on a <input type="radio" /> element. Use wrapper.setChecked() instead')
     } else if (tag === 'INPUT' || tag === 'textarea') {
       throwError('wrapper.setSelected() cannot be called on "text" inputs. Use wrapper.setValue() instead')
     } else {
diff --git a/packages/test-utils/types/index.d.ts b/packages/test-utils/types/index.d.ts
index 7951a3448..22aca4b12 100644
--- a/packages/test-utils/types/index.d.ts
+++ b/packages/test-utils/types/index.d.ts
@@ -75,6 +75,7 @@ interface BaseWrapper {
 
   setValue (value: any): void
   setChecked (checked: boolean): void
+  setSelected (): void
 
   trigger (eventName: string, options?: object): void
   destroy (): void
diff --git a/test/specs/wrapper/setChecked.spec.js b/test/specs/wrapper/setChecked.spec.js
index 5bcc381fa..116d06a7b 100644
--- a/test/specs/wrapper/setChecked.spec.js
+++ b/test/specs/wrapper/setChecked.spec.js
@@ -21,30 +21,6 @@ describeWithShallowAndMount('setChecked', (mountingMethod) => {
     expect(input.element.checked).to.equal(false)
   })
 
-  it('calls trigger with change event on checkbox', () => {
-    const wrapper = mountingMethod(ComponentWithInput)
-    const input = wrapper.find('input[type="checkbox"]')
-    sinon.spy(input, 'trigger')
-
-    input.setChecked()
-
-    expect(input.trigger.called).to.equal(true)
-    expect(input.trigger.args[0][0]).to.equal('click')
-    expect(input.trigger.args[1][0]).to.equal('change')
-  })
-
-  it('calls trigger with change event on radio', () => {
-    const wrapper = mountingMethod(ComponentWithInput)
-    const input = wrapper.find('#radioBar')
-    sinon.spy(input, 'trigger')
-
-    input.setChecked()
-
-    expect(input.trigger.called).to.equal(true)
-    expect(input.trigger.args[0][0]).to.equal('click')
-    expect(input.trigger.args[1][0]).to.equal('change')
-  })
-
   it('updates dom with checkbox v-model', () => {
     const wrapper = mountingMethod(ComponentWithInput)
     const input = wrapper.find('input[type="checkbox"]')
@@ -102,7 +78,7 @@ describeWithShallowAndMount('setChecked', (mountingMethod) => {
   })
 
   it('throws error if checked param is false on radio element', () => {
-    const message = 'wrapper.setChecked() cannot be called with parameter false on radio'
+    const message = 'wrapper.setChecked() cannot be called with parameter false on a <input type="radio" /> element.'
     shouldThrowErrorOnElement('#radioFoo', message, false)
   })
 
@@ -117,7 +93,7 @@ describeWithShallowAndMount('setChecked', (mountingMethod) => {
   })
 
   it('throws error if element is select', () => {
-    const message = 'wrapper.setChecked() cannot be called on select'
+    const message = 'wrapper.setChecked() cannot be called on a <select> element. Use wrapper.setSelected() instead'
     shouldThrowErrorOnElement('select', message)
   })
 
diff --git a/test/specs/wrapper/setSelected.spec.js b/test/specs/wrapper/setSelected.spec.js
index 757971f24..86037219b 100644
--- a/test/specs/wrapper/setSelected.spec.js
+++ b/test/specs/wrapper/setSelected.spec.js
@@ -33,12 +33,12 @@ describeWithShallowAndMount('setSelected', (mountingMethod) => {
   })
 
   it('throws error if element is radio', () => {
-    const message = 'wrapper.setSelected() cannot be called on radio. Use wrapper.setChecked() instead'
+    const message = 'wrapper.setSelected() cannot be called on a <input type="radio" /> element. Use wrapper.setChecked() instead'
     shouldThrowErrorOnElement('input[type="radio"]', message)
   })
 
   it('throws error if element is radio', () => {
-    const message = 'wrapper.setSelected() cannot be called on checkbox. Use wrapper.setChecked() instead'
+    const message = 'wrapper.setSelected() cannot be called on a <input type="checkbox" /> element. Use wrapper.setChecked() instead'
     shouldThrowErrorOnElement('input[type="checkbox"]', message)
   })
 
diff --git a/test/specs/wrapper/setValue.spec.js b/test/specs/wrapper/setValue.spec.js
index 95a3049da..f913575c0 100644
--- a/test/specs/wrapper/setValue.spec.js
+++ b/test/specs/wrapper/setValue.spec.js
@@ -10,17 +10,6 @@ describeWithShallowAndMount('setValue', (mountingMethod) => {
     expect(input.element.value).to.equal('foo')
   })
 
-  it('calls trigger with input event', () => {
-    const wrapper = mountingMethod(ComponentWithInput)
-    const input = wrapper.find('input[type="text"]')
-    sinon.spy(input, 'trigger')
-
-    input.setValue('foo')
-
-    expect(input.trigger.called).to.equal(true)
-    expect(input.trigger.args[0][0]).to.equal('input')
-  })
-
   it('updates dom with v-model', () => {
     const wrapper = mountingMethod(ComponentWithInput)
     const input = wrapper.find('input[type="text"]')
@@ -40,17 +29,17 @@ describeWithShallowAndMount('setValue', (mountingMethod) => {
   })
 
   it('throws error if element is select', () => {
-    const message = 'wrapper.setValue() cannot be called on select'
+    const message = 'wrapper.setValue() cannot be called on a <select> element. Use wrapper.setSelected() instead'
     shouldThrowErrorOnElement('select', message)
   })
 
   it('throws error if element is radio', () => {
-    const message = 'wrapper.setValue() cannot be called on radio. Use wrapper.setChecked() instead'
+    const message = 'wrapper.setValue() cannot be called on a <input type="radio" /> element. Use wrapper.setChecked() instead'
     shouldThrowErrorOnElement('input[type="radio"]', message)
   })
 
   it('throws error if element is checkbox', () => {
-    const message = 'wrapper.setValue() cannot be called on checkbox. Use wrapper.setChecked() instead'
+    const message = 'wrapper.setValue() cannot be called on a <input type="checkbox" /> element. Use wrapper.setChecked() instead'
     shouldThrowErrorOnElement('input[type="checkbox"]', message)
   })