1212
1313``` html
1414<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 >
1919</template >
2020
2121<script >
@@ -39,7 +39,7 @@ export default{
3939
4040このテストの目的のために、アクションが何をしているのか、またはストアがどのように見えるかは気にしません。これらのアクションが必要なときに発行されていること、そして期待された値によって発行されていることを知ることが必要です。
4141
42- これをテストするためには、私たちのコンポーネントを shallow するときに Vue にモックストアを渡す必要があります。
42+ これをテストするためには、私たちのコンポーネントを shallowMount するときに Vue にモックストアを渡す必要があります。
4343
4444ストアを Vue コンストラクタベースに渡す代わりに、[ localVue] ( ../api/options.md#localvue ) に渡すことができます。localeVue はグローバルな Vue コンストラクタに影響を与えずに、変更を加えることができるスコープ付き Vue コンストラクタです。
4545
@@ -97,9 +97,9 @@ describe('Actions.vue', () => {
9797
9898次に、新しい ` Vuex.store ` をモックした値で呼び出すことによってモックのストアを作成します。それをアクションに渡すだけです。それが気にしなければならないことの全てだからです。
9999
100- アクションは、[ Jest のモック関数] ( https://facebook.github.io/jest/docs/en/mock-functions.html ) です。これらモック関数は、アクションが呼び出された、または呼び出されていない、かどうかを検証するメソッドを提供します 。
100+ アクションは、[ Jest のモック関数] ( https://facebook.github.io/jest/docs/en/mock-functions.html ) です。これらモック関数は、アクションが呼び出されたかどうかを検証するメソッドを提供します 。
101101
102- アクションのスタブが期待どおりに呼び出されたことを検討することができます 。
102+ アクションのスタブが期待どおりに呼び出されたことを検証することができます 。
103103
104104今、ストアを定義する方法が、あなたには少し異質に見えるかもしれません。
105105
@@ -114,10 +114,10 @@ describe('Actions.vue', () => {
114114
115115``` html
116116<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 >
121121</template >
122122
123123<script >
0 commit comments