File tree 7 files changed +83
-4
lines changed
7 files changed +83
-4
lines changed Original file line number Diff line number Diff line change 65
65
* [ is] ( api/wrapper-array/is.md )
66
66
* [ isEmpty] ( api/wrapper-array/isEmpty.md )
67
67
* [ isVueInstance] ( api/wrapper-array/isVueInstance.md )
68
+ * [ setChecked] ( api/wrapper-array/setChecked.md )
68
69
* [ setData] ( api/wrapper-array/setData.md )
69
70
* [ setMethods] ( api/wrapper-array/setMethods.md )
70
71
* [ setProps] ( api/wrapper-array/setProps.md )
72
+ * [ setValue] ( api/wrapper-array/setValue.md )
71
73
* [ trigger] ( api/wrapper-array/trigger.md )
72
74
* [ isVisible] ( api/wrapper-array/isVisible.md )
73
75
* [ コンポーネント] ( api/components/ )
Original file line number Diff line number Diff line change @@ -6,7 +6,7 @@ vue-test-utils にはオプションを定義するための `config` オプシ
6
6
7
7
#### ` stubs `
8
8
9
- - 型: ` Object `
9
+ - 型: ` { [name: string]: Component | boolean | string } `
10
10
- デフォルト: `{
11
11
transition: TransitionStub,
12
12
'transition-group': TransitionGroupStub
@@ -45,7 +45,7 @@ VueTestUtils.config.mocks['$store'] = {
45
45
46
46
#### ` methods `
47
47
48
- - 型: ` Object `
48
+ - 型: ` { [name: string]: Function } `
49
49
- デフォルト: ` {} `
50
50
51
51
` config ` オブジェクトを使用してデフォルトのメソッドを設定することができます。これは [ VeeValidate] ( https://vee-validate.logaretm.com/ ) のようなコンポーネントにメソッドを注入するプラグインに役立ちます。` config ` にセットした methods はマウンティングオプションに ` methods ` を渡すことで上書きすることができます。
Original file line number Diff line number Diff line change 21
21
!!!include(docs/ja/api/wrapper-array/is.md)!!!
22
22
!!!include(docs/ja/api/wrapper-array/isEmpty.md)!!!
23
23
!!!include(docs/ja/api/wrapper-array/isVueInstance.md)!!!
24
+ !!!include(docs/ja/api/wrapper-array/setChecked.md)!!!
24
25
!!!include(docs/ja/api/wrapper-array/setData.md)!!!
25
26
!!!include(docs/ja/api/wrapper-array/setMethods.md)!!!
26
27
!!!include(docs/ja/api/wrapper-array/setProps.md)!!!
28
+ !!!include(docs/ja/api/wrapper-array/setValue.md)!!!
27
29
!!!include(docs/ja/api/wrapper-array/trigger.md)!!!
Original file line number Diff line number Diff line change
1
+ ## setChecked(checked)
2
+
3
+ このメソッドは以下のコードのエイリアスです。
4
+
5
+ ``` js
6
+ wrapperArray .wrappers .forEach (wrapper => wrapper .setChecked (checked))
7
+ ```
8
+
9
+ - ** 引数:**
10
+ - ` {Boolean} checked (デフォルト: true) `
11
+
12
+ - ** 例:**
13
+
14
+ ``` js
15
+ import { mount } from ' @vue/test-utils'
16
+
17
+ const wrapper = mount ({
18
+ data () {
19
+ return {
20
+ t1: false ,
21
+ t2: ' '
22
+ }
23
+ },
24
+ template: `
25
+ <div>
26
+ <input type="checkbox" name="t1" class="foo" v-model="t1" />
27
+ <input type="radio" name="t2" class="foo" value="foo" v-model="t2"/>
28
+ <input type="radio" name="t2" class="bar" value="bar" v-model="t2"/>
29
+ </div>`
30
+ })
31
+
32
+ const wrapperArray = wrapper .findAll (' .foo' )
33
+ expect (wrapper .vm .t1 ).to .equal (false )
34
+ expect (wrapper .vm .t2 ).to .equal (' ' )
35
+ wrapperArray .setChecked ()
36
+ expect (wrapper .vm .t1 ).to .equal (true )
37
+ expect (wrapper .vm .t2 ).to .equal (' foo' )
38
+ ```
Original file line number Diff line number Diff line change
1
+ ## setValue(value)
2
+
3
+ このメソッドは以下のコードのエイリアスです。
4
+
5
+ ``` js
6
+ wrapperArray .wrappers .forEach (wrapper => wrapper .setValue (value))
7
+ ```
8
+
9
+ - ** 引数:**
10
+ - ` {any} value `
11
+
12
+ - ** 例:**
13
+
14
+ ``` js
15
+ import { mount } from ' @vue/test-utils'
16
+
17
+ const wrapper = mount ({
18
+ data () {
19
+ return {
20
+ t1: ' ' ,
21
+ t2: ' '
22
+ }
23
+ },
24
+ template: `
25
+ <div>
26
+ <input type="text" name="t1" class="foo" v-model="t1" />
27
+ <input type="text" name="t2" class="foo" v-model="t2"/>
28
+ </div>`
29
+ })
30
+
31
+ const wrapperArray = wrapper .findAll (' .foo' )
32
+ expect (wrapper .vm .t1 ).to .equal (' ' )
33
+ expect (wrapper .vm .t2 ).to .equal (' ' )
34
+ wrapperArray .setValue (' foo' )
35
+ expect (wrapper .vm .t1 ).to .equal (' foo' )
36
+ expect (wrapper .vm .t2 ).to .equal (' foo' )
37
+ ```
Original file line number Diff line number Diff line change @@ -8,7 +8,7 @@ vue-test-utils はラッパベースの API です。
8
8
9
9
### ` vm `
10
10
11
- ` Component ` (読み込み専用):これは vue のインスタンスです。` wrapper.vm ` を使って [ vm のプロパティとインスタンスメソッド] ( https://jp.vuejs.org/v2/api/#インスタンスプロパティ ) にアクセスできます。これは、Vue コンポーネントラッパにのみ存在します 。
11
+ ` Component ` (読み込み専用):これは vue のインスタンスです。` wrapper.vm ` を使って [ vm のプロパティとインスタンスメソッド] ( https://jp.vuejs.org/v2/api/#インスタンスプロパティ ) にアクセスできます。これは、Vue コンポーネントのラッパもしくは Vue コンポーネントをバインディングしている HTMLElement のラッパにのみ存在します 。
12
12
13
13
### ` element `
14
14
Original file line number Diff line number Diff line change 3
3
text コントロールの input 要素の 値をセットします。そして、 ` v-model ` に束縛されているデータを更新します。
4
4
5
5
- ** 引数:**
6
- - ` {String } value `
6
+ - ` {any } value `
7
7
8
8
- ** 例:**
9
9
You can’t perform that action at this time.
0 commit comments