Skip to content

docs(ja): Refine testing-vuex-in-components doc #1042

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Nov 25, 2018
Merged

docs(ja): Refine testing-vuex-in-components doc #1042

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
61b4c49
docs(ja): Fix indentation of sample code
oohira Nov 25, 2018
87db437
docs(ja): Fix some typos and delete redundant words
oohira Nov 25, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 11 additions & 11 deletions docs/ja/guides/using-with-vuex.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,10 +12,10 @@

``` html
<template>
<div class="text-align-center">
<input type="text" @input="actionInputIfTrue" />
<button @click="actionClick()">Click</button>
</div>
<div class="text-align-center">
<input type="text" @input="actionInputIfTrue" />
<button @click="actionClick()">Click</button>
</div>
</template>

<script>
Expand All @@ -39,7 +39,7 @@ export default{

このテストの目的のために、アクションが何をしているのか、またはストアがどのように見えるかは気にしません。これらのアクションが必要なときに発行されていること、そして期待された値によって発行されていることを知ることが必要です。

これをテストするためには、私たちのコンポーネントを shallow するときに Vue にモックストアを渡す必要があります。
これをテストするためには、私たちのコンポーネントを shallowMount するときに Vue にモックストアを渡す必要があります。

ストアを Vue コンストラクタベースに渡す代わりに、[localVue](../api/options.md#localvue) に渡すことができます。localeVue はグローバルな Vue コンストラクタに影響を与えずに、変更を加えることができるスコープ付き Vue コンストラクタです。

Expand Down Expand Up @@ -97,9 +97,9 @@ describe('Actions.vue', () => {

次に、新しい `Vuex.store` をモックした値で呼び出すことによってモックのストアを作成します。それをアクションに渡すだけです。それが気にしなければならないことの全てだからです。

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

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

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

Expand All @@ -114,10 +114,10 @@ describe('Actions.vue', () => {

``` html
<template>
<div>
<p v-if="inputValue">{{inputValue}}</p>
<p v-if="clicks">{{clicks}}</p>
</div>
<div>
<p v-if="inputValue">{{inputValue}}</p>
<p v-if="clicks">{{clicks}}</p>
</div>
</template>

<script>
Expand Down