File tree Expand file tree Collapse file tree 4 files changed +37
-32
lines changed Expand file tree Collapse file tree 4 files changed +37
-32
lines changed Original file line number Diff line number Diff line change @@ -94,7 +94,7 @@ import VueTestUtils from '@vue/test-utils'
9494VueTestUtils .config .logModifiedComponents = false
9595```
9696
97- ### ` silentWarnings `
97+ ### ` silent `
9898
9999- 型: ` Boolean `
100100- デフォルト: ` true `
@@ -106,5 +106,5 @@ Vue がコンポーネントの変更を感知するプロパティ(例えば pr
106106``` js
107107import VueTestUtils from ' @vue/test-utils'
108108
109- VueTestUtils .config .silentWarnings = false
109+ VueTestUtils .config .silent = false
110110```
Original file line number Diff line number Diff line change 11## setChecked(checked)
22
3- checkbox 型の input 要素と radio 型の input 要素に値をセットします。
4-
5- ` v-model ` を経由して ` radioInput.element.checked = true; radioInput.trigger('input') ` で state に値をセットしようとすると、 ` v-model ` はトリガされません。 ` v-model ` は ` change ` イベントでトリガされます。
6-
7-
8- ` checkboxInput.setChecked(checked) ` は以下のコードのエイリアスです。
9-
10- ``` js
11- checkboxInput .element .checked = checked
12- checkboxInput .trigger (' click' )
13- checkboxInput .trigger (' change' )
14- ```
3+ checkbox 型もしくは radio 型の input 要素の checked の値をセットします。そして、 ` v-model ` に束縛されているデータを更新します。
154
165- ** 引数:**
176- ` {Boolean} checked (デフォルト: true) `
@@ -26,3 +15,16 @@ const wrapper = mount(Foo)
2615const option = wrapper .find (' input[type="radio"]' )
2716option .setChecked ()
2817```
18+
19+ - ** 注:**
20+
21+ ` v-model ` を経由して ` radioInput.element.checked = true; radioInput.trigger('input') ` で state に値をセットしようとすると、 ` v-model ` はトリガされません。 ` v-model ` は ` change ` イベントでトリガされます。
22+
23+
24+ ` checkboxInput.setChecked(checked) ` は以下のコードのエイリアスです。
25+
26+ ``` js
27+ checkboxInput .element .checked = checked
28+ checkboxInput .trigger (' click' )
29+ checkboxInput .trigger (' change' )
30+ ```
Original file line number Diff line number Diff line change 11## setSelected()
22
3- option 要素を選択します。
3+ option 要素を選択します。そして、 ` v-model ` に束縛されているデータを更新します。
44
5- ` v-model ` を経由して ` option.element.selected = true; parentSelect.trigger('input') ` で state に値をセットしようとすると、 ` v-model ` はトリガされません。 ` v-model ` は ` change ` イベントでトリガされます。
6-
7- ` option.setchecked(checked) ` は以下のコードのエイリアスです。
8-
9- ``` js
10- option .element .selected = true
11- parentSelect .trigger (' change' )
12- ```
135
146- ** 例:**
157
@@ -22,3 +14,14 @@ const options = wrapper.find('select').findAll('option')
2214
2315options .at (1 ).setSelected ()
2416```
17+
18+ - ** 注:**
19+
20+ ` v-model ` を経由して ` option.element.selected = true; parentSelect.trigger('input') ` で state に値をセットしようとすると、 ` v-model ` はトリガされません。 ` v-model ` は ` change ` イベントでトリガされます。
21+
22+ ` option.setSelected() ` は以下のコードのエイリアスです。
23+
24+ ``` js
25+ option .element .selected = true
26+ parentSelect .trigger (' change' )
27+ ```
Original file line number Diff line number Diff line change 11## setValue(value)
22
3- text 型の input 要素に値をセットします。
4-
5-
6- ` textInput.setValue(value) ` は以下のコードのエイリアスです。
7-
8- ``` js
9- textInput .element .value = value
10- textInput .trigger (' input' )
11- ```
3+ text コントロールの input 要素の 値をセットします。そして、 ` v-model ` に束縛されているデータを更新します。
124
135- ** 引数:**
146 - ` {String} value `
@@ -24,3 +16,11 @@ const input = wrapper.find('input[type="text"]')
2416input .setValue (' some value' )
2517```
2618
19+ - ** 注:**
20+
21+ ` textInput.setValue(value) ` は以下のコードのエイリアスです。
22+
23+ ``` js
24+ textInput .element .value = value
25+ textInput .trigger (' input' )
26+ ```
You can’t perform that action at this time.
0 commit comments