File tree 8 files changed +64
-36
lines changed
8 files changed +64
-36
lines changed Original file line number Diff line number Diff line change @@ -12,9 +12,11 @@ Sets checked value for input element of type checkbox or radio and updates `v-mo
12
12
import { mount } from ' @vue/test-utils'
13
13
import Foo from ' ./Foo.vue'
14
14
15
- const wrapper = mount (Foo)
16
- const radioInput = wrapper .find (' input[type="radio"]' )
17
- radioInput .setChecked ()
15
+ test (' setChecked demo' , async () => {
16
+ const wrapper = mount (Foo)
17
+ const radioInput = wrapper .find (' input[type="radio"]' )
18
+ await radioInput .setChecked ()
19
+ })
18
20
```
19
21
20
22
- ** Note:**
@@ -24,7 +26,10 @@ When you try to set the value to state via `v-model` by `radioInput.element.chec
24
26
` checkboxInput.setChecked(checked) ` is an alias of the following code.
25
27
26
28
``` js
27
- checkboxInput .element .checked = checked
28
- checkboxInput .trigger (' click' )
29
- checkboxInput .trigger (' change' )
29
+ async function alias () {
30
+ checkboxInput .element .checked = checked
31
+ await Vue .nextTick ()
32
+ await checkboxInput .trigger (' click' )
33
+ await checkboxInput .trigger (' change' )
34
+ }
30
35
```
Original file line number Diff line number Diff line change @@ -16,7 +16,9 @@ setData works by recursively calling Vue.set.
16
16
import { mount } from ' @vue/test-utils'
17
17
import Foo from ' ./Foo.vue'
18
18
19
- const wrapper = mount (Foo)
20
- await wrapper .setData ({ foo: ' bar' })
21
- expect (wrapper .vm .foo ).toBe (' bar' )
19
+ test (' setData demo' , async () => {
20
+ const wrapper = mount (Foo)
21
+ await wrapper .setData ({ foo: ' bar' })
22
+ expect (wrapper .vm .foo ).toBe (' bar' )
23
+ })
22
24
```
Original file line number Diff line number Diff line change @@ -11,9 +11,11 @@ checkbox 型もしくは radio 型の input 要素の checked の値をセット
11
11
import { mount } from ' @vue/test-utils'
12
12
import Foo from ' ./Foo.vue'
13
13
14
- const wrapper = mount (Foo)
15
- const radioInput = wrapper .find (' input[type="radio"]' )
16
- radioInput .setChecked ()
14
+ test (' setChecked demo' , async () => {
15
+ const wrapper = mount (Foo)
16
+ const radioInput = wrapper .find (' input[type="radio"]' )
17
+ await radioInput .setChecked ()
18
+ })
17
19
```
18
20
19
21
- ** 注:**
@@ -23,7 +25,10 @@ radioInput.setChecked()
23
25
` checkboxInput.setChecked(checked) ` は以下のコードのエイリアスです。
24
26
25
27
``` js
26
- checkboxInput .element .checked = checked
27
- checkboxInput .trigger (' click' )
28
- checkboxInput .trigger (' change' )
28
+ async function alias () {
29
+ checkboxInput .element .checked = checked
30
+ await Vue .nextTick ()
31
+ await checkboxInput .trigger (' click' )
32
+ await checkboxInput .trigger (' change' )
33
+ }
29
34
```
Original file line number Diff line number Diff line change @@ -16,7 +16,9 @@ setData は再帰的に Vue.set を実行することで動作します。
16
16
import { mount } from ' @vue/test-utils'
17
17
import Foo from ' ./Foo.vue'
18
18
19
- const wrapper = mount (Foo)
20
- await wrapper .setData ({ foo: ' bar' })
21
- expect (wrapper .vm .foo ).toBe (' bar' )
19
+ test (' setData demo' , async () => {
20
+ const wrapper = mount (Foo)
21
+ await wrapper .setData ({ foo: ' bar' })
22
+ expect (wrapper .vm .foo ).toBe (' bar' )
23
+ })
22
24
```
Original file line number Diff line number Diff line change 12
12
import { mount } from ' @vue/test-utils'
13
13
import Foo from ' ./Foo.vue'
14
14
15
- const wrapper = mount (Foo)
16
- const radioInput = wrapper .find (' input[type="radio"]' )
17
- radioInput .setChecked ()
15
+ test (' setChecked demo' , async () => {
16
+ const wrapper = mount (Foo)
17
+ const radioInput = wrapper .find (' input[type="radio"]' )
18
+ await radioInput .setChecked ()
19
+ })
18
20
```
19
21
20
22
- ** Примечание:**
@@ -24,7 +26,10 @@ radioInput.setChecked()
24
26
` checkboxInput.setChecked(checked) ` — псевдоним для следующего кода.
25
27
26
28
``` js
27
- checkboxInput .element .checked = checked
28
- checkboxInput .trigger (' click' )
29
- checkboxInput .trigger (' change' )
29
+ async function alias () {
30
+ checkboxInput .element .checked = checked
31
+ await Vue .nextTick ()
32
+ await checkboxInput .trigger (' click' )
33
+ await checkboxInput .trigger (' change' )
34
+ }
30
35
```
Original file line number Diff line number Diff line change @@ -18,7 +18,9 @@ setData работает путём слияния существующих св
18
18
import { mount } from ' @vue/test-utils'
19
19
import Foo from ' ./Foo.vue'
20
20
21
- const wrapper = mount (Foo)
22
- await wrapper .setData ({ foo: ' bar' })
23
- expect (wrapper .vm .foo ).toBe (' bar' )
21
+ test (' setData demo' , async () => {
22
+ const wrapper = mount (Foo)
23
+ await wrapper .setData ({ foo: ' bar' })
24
+ expect (wrapper .vm .foo ).toBe (' bar' )
25
+ })
24
26
```
Original file line number Diff line number Diff line change 12
12
import { mount } from ' @vue/test-utils'
13
13
import Foo from ' ./Foo.vue'
14
14
15
- const wrapper = mount (Foo)
16
- const radioInput = wrapper .find (' input[type="radio"]' )
17
- radioInput .setChecked ()
15
+ test (' setChecked demo' , async () => {
16
+ const wrapper = mount (Foo)
17
+ const radioInput = wrapper .find (' input[type="radio"]' )
18
+ await radioInput .setChecked ()
19
+ })
18
20
```
19
21
20
22
- ** 注意:**
@@ -24,7 +26,10 @@ radioInput.setChecked()
24
26
` checkboxInput.setChecked(checked) ` 是接下来这段代码的别名。
25
27
26
28
``` js
27
- checkboxInput .element .checked = checked
28
- checkboxInput .trigger (' click' )
29
- checkboxInput .trigger (' change' )
29
+ async function alias () {
30
+ checkboxInput .element .checked = checked
31
+ await Vue .nextTick ()
32
+ await checkboxInput .trigger (' click' )
33
+ await checkboxInput .trigger (' change' )
34
+ }
30
35
```
Original file line number Diff line number Diff line change 16
16
import { mount } from ' @vue/test-utils'
17
17
import Foo from ' ./Foo.vue'
18
18
19
- const wrapper = mount (Foo)
20
- await wrapper .setData ({ foo: ' bar' })
21
- expect (wrapper .vm .foo ).toBe (' bar' )
19
+ test (' setData demo' , async () => {
20
+ const wrapper = mount (Foo)
21
+ await wrapper .setData ({ foo: ' bar' })
22
+ expect (wrapper .vm .foo ).toBe (' bar' )
23
+ })
22
24
```
You can’t perform that action at this time.
0 commit comments