-
Notifications
You must be signed in to change notification settings - Fork 256
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.
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
Translate Vue CLI related doc updates #1363
Changes from 1 commit
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,13 +1,13 @@ | ||
--- | ||
title: 単体テスト | ||
updated: 2018-10-18 | ||
updated: 2018-12-22 | ||
type: guide | ||
order: 403 | ||
order: 402 | ||
--- | ||
|
||
## テストツールとセットアップ | ||
|
||
テストツールは、モジュールベースのビルドシステムで動作するものならどのようなものでも問題ありませんが、テストツールを探している場合、[Karma](http://karma-runner.github.io)を試してみましょう。 Karma には多くのコミュニティ製プラグインが存在し、[Webpack](https://github.com/webpack/karma-webpack)や[Browserify](https://github.com/Nikku/karma-browserify)へのサポートも充実しています。 Karma の設定例として、[Webpack](https://github.com/vuejs-templates/webpack/blob/master/template/test/unit/karma.conf.js) と [Browserify](https://github.com/vuejs-templates/browserify/blob/master/template/karma.conf.js) のサンプル設定が最初のスタートに役立ちますが、詳しいセットアップについては、各テストツールのドキュメントを確認して下さい。 | ||
> [Vue CLI](https://cli.vuejs.org/) には、[Jest](https://github.com/facebook/jest) または [Mocha](https://mochajs.org/) を使って難しい設定なしにユニットテストするための組み込みのオプションがあります。カスタムセットアップのためのより詳細なガイダンスとなる公式の [vue-test-utils](https://vue-test-utils.vuejs.org/ja/) もあります。 | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 本家にPR出しました。一応、本家にマージされてから日本語の方も対応しようと思います。 There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. お待たせしました。 4894750 で修正しました。 なお、先の翻訳時に見出し ( |
||
|
||
## 単純なテスト | ||
|
||
|
@@ -32,7 +32,7 @@ order: 403 | |
</script> | ||
``` | ||
|
||
コンポーネントをテストする際には、 Vue と合わせて options のオブジェクトをインポートし、検証を実施します。 | ||
コンポーネントをテストする際には、 Vue と合わせて options のオブジェクトをインポートし、検証を実施します (ここでは、例として Jasmine/Jest スタイルの `expect` アサーションを使用しています): | ||
|
||
``` js | ||
// Vue と テスト対象のコンポーネントをインポートする | ||
|
@@ -130,6 +130,4 @@ it('updates the rendered message when vm.message updates', done => { | |
}) | ||
``` | ||
|
||
コンポーネントを特別な状態で描画し検証する(例えば、子コンポーネントを無視した浅い描画など)ような、テストをより簡単にするためのヘルパーセットの開発も検討しています。 | ||
|
||
Vue の単体テストに関する詳細情報については、[Vue Test Utils](https://vue-test-utils.vuejs.org/ja/) とクックブックエントリの [Vue コンポーネントの単体テスト](../cookbook/unit-testing-vue-components.html) について確認してください。 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
allow の訳ですが意訳ですが、
カスタマイズをすることも許しています
よりカスタマイズをすることもできます
の方が読み手が分かりやすいので、そちらの訳でお願いしたいです。 🙏There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
レビューありがとうございます。 97ca679 で修正済みです。