12
12
13
13
``` html
14
14
<template >
15
- <div class =" text-align-center" >
16
- <input type =" text" @input =" actionInputIfTrue" />
17
- <button @click =" actionClick()" >Click</button >
18
- </div >
15
+ <div class =" text-align-center" >
16
+ <input type =" text" @input =" actionInputIfTrue" />
17
+ <button @click =" actionClick()" >Click</button >
18
+ </div >
19
19
</template >
20
20
21
21
<script >
@@ -39,7 +39,7 @@ export default{
39
39
40
40
このテストの目的のために、アクションが何をしているのか、またはストアがどのように見えるかは気にしません。これらのアクションが必要なときに発行されていること、そして期待された値によって発行されていることを知ることが必要です。
41
41
42
- これをテストするためには、私たちのコンポーネントを shallow するときに Vue にモックストアを渡す必要があります。
42
+ これをテストするためには、私たちのコンポーネントを shallowMount するときに Vue にモックストアを渡す必要があります。
43
43
44
44
ストアを Vue コンストラクタベースに渡す代わりに、[ localVue] ( ../api/options.md#localvue ) に渡すことができます。localeVue はグローバルな Vue コンストラクタに影響を与えずに、変更を加えることができるスコープ付き Vue コンストラクタです。
45
45
@@ -97,9 +97,9 @@ describe('Actions.vue', () => {
97
97
98
98
次に、新しい ` Vuex.store ` をモックした値で呼び出すことによってモックのストアを作成します。それをアクションに渡すだけです。それが気にしなければならないことの全てだからです。
99
99
100
- アクションは、[ Jest のモック関数] ( https://facebook.github.io/jest/docs/en/mock-functions.html ) です。これらモック関数は、アクションが呼び出された、または呼び出されていない、かどうかを検証するメソッドを提供します 。
100
+ アクションは、[ Jest のモック関数] ( https://facebook.github.io/jest/docs/en/mock-functions.html ) です。これらモック関数は、アクションが呼び出されたかどうかを検証するメソッドを提供します 。
101
101
102
- アクションのスタブが期待どおりに呼び出されたことを検討することができます 。
102
+ アクションのスタブが期待どおりに呼び出されたことを検証することができます 。
103
103
104
104
今、ストアを定義する方法が、あなたには少し異質に見えるかもしれません。
105
105
@@ -114,10 +114,10 @@ describe('Actions.vue', () => {
114
114
115
115
``` html
116
116
<template >
117
- <div >
118
- <p v-if =" inputValue" >{{inputValue}}</p >
119
- <p v-if =" clicks" >{{clicks}}</p >
120
- </div >
117
+ <div >
118
+ <p v-if =" inputValue" >{{inputValue}}</p >
119
+ <p v-if =" clicks" >{{clicks}}</p >
120
+ </div >
121
121
</template >
122
122
123
123
<script >
0 commit comments