Update using-with-vuex.md

Author: 38elements

docs/api/config.md

@@ -101,6 +101,7 @@ VueTestUtils.config.logModifiedComponents = false
 - default: `true`
 
 It suppresses warnings triggered by Vue while mutating component's observables (e.g. props). When set to `false`, all warnings are visible in the console. This is a configurable way which relies on `Vue.config.silent`.
+
 Example:
 
 ```js

docs/api/wrapper-array/setData.md

@@ -1,6 +1,6 @@
 ## setData(data)
 
-Sets `Wrapper` `vm` data and forces update on each `Wrapper` in `WrapperArray`.
+Sets `Wrapper` `vm` data by each `Wrapper` in `WrapperArray`.
 
 **Note every `Wrapper` must contain a Vue instance.**
 

docs/guides/using-with-vuex.md

@@ -389,4 +389,4 @@ Notice that we use `cloneDeep` to clone the store config before creating a store
 - [Example project for testing the components](https://github.com/eddyerburgh/vue-test-utils-vuex-example)
 - [Example project for testing the store](https://github.com/eddyerburgh/testing-vuex-store-example)
 - [`localVue`](../api/options.md#localvue)
-- [`createLocalVue`](../api/createLocalVue.md)
+- [`createLocalVue`](../api/createLocalVue.md)

docs/ja/README.md

@@ -47,9 +47,12 @@
     * [isVueInstance](api/wrapper/isVueInstance.md)
     * [name](api/wrapper/name.md)
     * [props](api/wrapper/props.md)
+    * [setChecked](api/wrapper/setChecked.md)
     * [setData](api/wrapper/setData.md)
     * [setMethods](api/wrapper/setMethods.md)
     * [setProps](api/wrapper/setProps.md)
+    * [setSelected](api/wrapper/setSelected.md)
+    * [setValue](api/wrapper/setValue.md)
     * [text](api/wrapper/text.md)
     * [trigger](api/wrapper/trigger.md)
     * [isVisible](api/wrapper/isVisible.md)

docs/ja/api/config.md

@@ -93,3 +93,18 @@ import VueTestUtils from '@vue/test-utils'
 
 VueTestUtils.config.logModifiedComponents = false
 ```
+
+### `silentWarnings`
+
+- 型: `Boolean`
+- デフォルト: `true`
+
+Vue がコンポーネントの変更を感知するプロパティ(例えば props )が変更される時に出す警告を出力しません。`false` をセットするとすべての警告はコンソールに表示されません。これは `Vue.config.silent` を使って設定します。
+
+例:
+
+```js
+import VueTestUtils from '@vue/test-utils'
+
+VueTestUtils.config.silentWarnings = false
+```

docs/ja/api/wrapper-array/setData.md

@@ -1,6 +1,6 @@
 ## setData(data)
 
-`WrapperArray` の `Wrapper` ごとに `Wrapper` に `vm` データをセットし、強制的に更新します。
+`WrapperArray` の `Wrapper` ごとに `Wrapper` に `vm` データをセットします。
 
 **すべての `Wrapper` は Vue インスタンスを含んでいなければならないことに注意してください。**
 

docs/ja/api/wrapper/README.md

@@ -43,8 +43,11 @@ vue-test-utils はラッパベースの API です。
 !!!include(docs/ja/api/wrapper/isVueInstance.md)!!!
 !!!include(docs/ja/api/wrapper/name.md)!!!
 !!!include(docs/ja/api/wrapper/props.md)!!!
+!!!include(docs/api/wrapper/setChecked.md)!!!
 !!!include(docs/ja/api/wrapper/setData.md)!!!
 !!!include(docs/ja/api/wrapper/setMethods.md)!!!
 !!!include(docs/ja/api/wrapper/setProps.md)!!!
+!!!include(docs/api/wrapper/setSelected.md)!!!
+!!!include(docs/api/wrapper/setValue.md)!!!
 !!!include(docs/ja/api/wrapper/text.md)!!!
 !!!include(docs/ja/api/wrapper/trigger.md)!!!

docs/ja/api/wrapper/setChecked.md

@@ -0,0 +1,28 @@
+## setChecked(checked)
+
+checkbox 型の input 要素と radio 型の input 要素に値をセットします。
+
+`v-model` を経由して `radioInput.element.checked = true; radioInput.trigger('input')` で state に値をセットしようとすると、 `v-model` はトリガされません。 `v-model` は `change` イベントでトリガされます。
+
+
+`checkboxInput.setChecked(checked)` は以下のコードのエイリアスです。
+
+```js
+checkboxInput.element.checked = checked
+checkboxInput.trigger('click')
+checkboxInput.trigger('change')
+```
+
+- **引数:**
+- `{Boolean} checked (デフォルト: true)`
+
+- **例:**
+
+```js
+import { mount } from '@vue/test-utils'
+import Foo from './Foo.vue'
+
+const wrapper = mount(Foo)
+const option = wrapper.find('input[type="radio"]')
+option.setChecked()
+```

docs/ja/api/wrapper/setData.md

@@ -1,6 +1,6 @@
 ## setData(data)
 
-`Wrapper` `vm` データを設定し、更新を強制します。
+`Wrapper` `vm` データを設定します。
 
 **Wrapper には Vue インスタンスを含む必要があることに注意してください**
 

docs/ja/api/wrapper/setSelected.md

@@ -0,0 +1,24 @@
+## setSelected()
+
+option 要素を選択します。
+
+`v-model` を経由して `option.element.selected = true; parentSelect.trigger('input')` で state に値をセットしようとすると、 `v-model` はトリガされません。 `v-model` は `change` イベントでトリガされます。
+
+`option.setchecked(checked)` は以下のコードのエイリアスです。
+
+```js
+option.element.selected = true
+parentSelect.trigger('change')
+```
+
+- **例:**
+
+```js
+import { mount } from '@vue/test-utils'
+import Foo from './Foo.vue'
+
+const wrapper = shallowMount(Foo)
+const options = wrapper.find('select').findAll('option')
+
+options.at(1).setSelected()
+```