Skip to content

Commit 94f44b3

Browse files
committed
docs: pick up from #94
1 parent 048f059 commit 94f44b3

File tree

2 files changed

+10
-10
lines changed

2 files changed

+10
-10
lines changed

docs/ja/guides/using-with-vue-router.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,9 @@ shallow(Component, {
1717
})
1818
```
1919

20-
## router-link または router-view を使用するコンポーネントテスト
20+
## `router-link` または `router-view` を使用するコンポーネントテスト
2121

22-
Vue Router をインストールする時、router-link と router-view コンポーネントが登録されます。これは、それらをアプリケーションにインポートする必要がなく、アプリケーションのどこでも使用することができます。
22+
Vue Router をインストールする時、`router-link``router-view` コンポーネントが登録されます。これは、それらをアプリケーションにインポートする必要がなく、アプリケーションのどこでも使用することができます。
2323

2424
テストを実行する際には、マウントしているコンポーネントにこれら Vue Router のコンポーネントを使用できるようにする必要があります。これらを行うには 2 つの方法があります。
2525

@@ -44,7 +44,7 @@ shallow(Component, {
4444
})
4545
```
4646

47-
## $route と $router のモック
47+
## `$route``$router` のモック
4848

4949
時々、コンポーネントが `$route``$router` オブジェクトから引数によって何かをするテストをしたいときがあります。これをするためには、Vue インスタンスにカスタムモックを渡すことができます。
5050

docs/ja/guides/using-with-vuex.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Vuex と一緒に使用する
22

3-
このガイドでは、vue-test-utils でコンポーネントで Vuex をテストする方法について、見ていきます。
3+
このガイドでは、`vue-test-utils` でコンポーネントで Vuex をテストする方法について、見ていきます。
44

55
## アクションのモック
66

@@ -91,17 +91,17 @@ describe('Actions.vue', () => {
9191
})
9292
```
9393

94-
ここでは何が起こっているでしょうか?まず、Vue に Vue.use メソッドを使用して Vuex を使用するように支持しています。これは、単なる Vue.use のラッパです。
94+
ここでは何が起こっているでしょうか?まず、Vue に `Vue.use` メソッドを使用して Vuex を使用するように指示しています。これは、単なる `Vue.use` のラッパです。
9595

96-
次に、新しい Vuex.store をモックされた値で呼び出すことによってモックストアを呼び出します。それは全て気にすることであるので、それをアクションに渡すだけです。
96+
次に、新しい `Vuex.store` をモックされた値で呼び出すことによってモックストアを呼び出します。それは全て気にすることであるので、それをアクションに渡すだけです。
9797

98-
アクションは、[jest のモック関数](https://facebook.github.io/jest/docs/en/mock-functions.html)です。これらモック関数は、アクションが呼び出された、または呼び出されていない、かどうかを検証するメソッドを提供します。
98+
アクションは、[Jest のモック関数](https://facebook.github.io/jest/docs/en/mock-functions.html)です。これらモック関数は、アクションが呼び出された、または呼び出されていない、かどうかを検証するメソッドを提供します。
9999

100100
アクションのスタブが期待どおりに呼び出されたことを検討することができます。
101101

102102
今、ストアを定義する方法が、あなたには少し外に見えるかもしれません。
103103

104-
各テストより前にストアをクリーンに保証するために、beofreEach を使用しています。beforeEach は各テストより前に呼び出される mocha のフックです。このテストでは、ストア変数に値を再度割り当てています。これをしていない場合は、モック関数は自動的にリセットされる必要があります。また、テストにおいて状態を変更することもできますが、この方法は、後のテストで影響を与えることはないです。
104+
各テストより前にストアをクリーンに保証するために、`beforeEach` を使用しています。`beforeEach` は各テストより前に呼び出される Mocha のフックです。このテストでは、ストア変数に値を再度割り当てています。これをしていない場合は、モック関数は自動的にリセットされる必要があります。また、テストにおいて状態を変更することもできますが、この方法は、後のテストで影響を与えることはないです。
105105

106106
このテストで最も重要なことは、**モック Vuex ストアを作成し、それを vue-test-utils に渡す** ことです。
107107

@@ -130,7 +130,7 @@ export default{
130130
</script>
131131
```
132132

133-
これは、かなり単純なコンポーネントです。ゲッタによる clicks の結果と inputValue を描画します。また、これらゲッタが返す値については実際に気にしません。それらの結果が正しく描画されているかだけです。
133+
これは、かなり単純なコンポーネントです。ゲッタによる `clicks` の結果と `inputValue` を描画します。また、これらゲッタが返す値については実際に気にしません。それらの結果が正しく描画されているかだけです。
134134

135135
テストを見てみましょう:
136136

@@ -172,7 +172,7 @@ describe('Getters.vue', () => {
172172
})
173173
```
174174

175-
このテストはアクションのテストに似ています。各テストの前にモックストアを作成し、shallow を呼び出すときにオプションを渡し、そしてモックゲッタから返された値を描画されているのを検証します。
175+
このテストはアクションのテストに似ています。各テストの前にモックストアを作成し、`shallow` を呼び出すときにオプションを渡し、そしてモックゲッタから返された値を描画されているのを検証します。
176176

177177
これは素晴らしいですが、もしゲッタが状態の正しい部分を返しているのを確認したい場合はどうしますか?
178178

0 commit comments

Comments
 (0)