This repository was archived by the owner on Jan 20, 2025. It is now read-only.
Translate docs/testing-css-in-js #87
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
bebetaro
requested review from
Naturalclar,
hirotaka,
smorimoto and
uetchy
as code owners
smorimoto
added
the
status: awaiting review
…ocs/testing-css-in-js
uetchy
reviewed
Jan 26, 2020
docs/docs/testing-css-in-js.md
Outdated
| @@ -1,24 +1,24 @@ | |||
| --- | |||
| title: Testing CSS-in-JS | |||
| title: CSS-in-JSのテスト | |||
Contributor
There was a problem hiding this comment.
Suggested change
| title: CSS-in-JSのテスト | |
| title: CSS-in-JS のテスト |
Contributor
Author
There was a problem hiding this comment.
スペース抜けてましたね。修正しました！
docs/docs/testing-css-in-js.md
Outdated
| --- | ||
|
|
||
| Popular CSS-in-JS libraries like [styled-components](https://github.com/styled-components/styled-components) or [emotion](https://github.com/emotion-js/emotion) can also be tested with the help of [jest-styled-components](https://github.com/styled-components/jest-styled-components) or [jest-emotion](https://github.com/emotion-js/emotion/tree/master/packages/jest-emotion) respectively. These packages improve Jest's built-in snapshot testing experience and are a great way to help avoid unintended changes to your website's UI. Please refer to your package's documentation to see if it also offers testing capabilities. | ||
| [styled-components](https://github.com/styled-components/styled-components) や [emotion](https://github.com/emotion-js/emotion) のような人気のある CSS-in-JS ライブラリーは、それぞれ [jest-styled-components](https://github.com/styled-components/jest-styled-components) や [jest-emotion](https://github.com/emotion-js/emotion/tree/master/packages/jest-emotion) の助けを受けてテストすることもできます。これらのパッケージは、Jest のもともと持っているスナップショットテスト機能を改善してくれます。そして、これは、あなたのウェブサイト上で起こる意図しない UI の変化を避けやすくしてくれる素晴らしい方法となります。どうぞあなたが使用しているパッケージのドキュメントを参照して、そのパッケージがテスト機能もまた提供しているか見てみてください。 |
Contributor
There was a problem hiding this comment.
Suggested change
| [styled-components](https://github.com/styled-components/styled-components) や [emotion](https://github.com/emotion-js/emotion) のような人気のある CSS-in-JS ライブラリーは、それぞれ [jest-styled-components](https://github.com/styled-components/jest-styled-components) や [jest-emotion](https://github.com/emotion-js/emotion/tree/master/packages/jest-emotion) の助けを受けてテストすることもできます。これらのパッケージは、Jest のもともと持っているスナップショットテスト機能を改善してくれます。そして、これは、あなたのウェブサイト上で起こる意図しない UI の変化を避けやすくしてくれる素晴らしい方法となります。どうぞあなたが使用しているパッケージのドキュメントを参照して、そのパッケージがテスト機能もまた提供しているか見てみてください。 | |
| [styled-components](https://github.com/styled-components/styled-components) や [emotion](https://github.com/emotion-js/emotion) のような人気のある CSS-in-JS ライブラリーは、それぞれ [jest-styled-components](https://github.com/styled-components/jest-styled-components) や [jest-emotion](https://github.com/emotion-js/emotion/tree/master/packages/jest-emotion) の助けを受けてテストすることもできます。これらのパッケージは、Jest のもともと持っているスナップショットテスト機能を改善してくれます。そして、これはあなたのウェブサイト上で起こる意図しない UI の変化を避けやすくしてくれる素晴らしい方法となります。どうぞあなたが使用しているパッケージのドキュメントを参照して、そのパッケージがテスト機能を提供しているか確かめてください。 |
docs/docs/testing-css-in-js.md
Outdated
| [styled-components](https://github.com/styled-components/styled-components) や [emotion](https://github.com/emotion-js/emotion) のような人気のある CSS-in-JS ライブラリーは、それぞれ [jest-styled-components](https://github.com/styled-components/jest-styled-components) や [jest-emotion](https://github.com/emotion-js/emotion/tree/master/packages/jest-emotion) の助けを受けてテストすることもできます。これらのパッケージは、Jest のもともと持っているスナップショットテスト機能を改善してくれます。そして、これは、あなたのウェブサイト上で起こる意図しない UI の変化を避けやすくしてくれる素晴らしい方法となります。どうぞあなたが使用しているパッケージのドキュメントを参照して、そのパッケージがテスト機能もまた提供しているか見てみてください。 | ||
|
|
||
| _Snapshot serializers_ like `jest-styled-components` or `jest-emotion` modify the standard output to a more meaningful and readable snapshot, e.g. by removing unnecessary information or displaying data in another format. Which ultimately leads to more comparable and effective snapshot tests. | ||
| `jest-styled-components` や `jest-emotion` のような*スナップショットシリアライザー*は、標準の出力をより意味があり読みやすいスナップショットに修正してくれます。例えば、不必要な情報を取り除いたり、異なるフォーマットでデータを表示してくれます。結果として、スナップショットシリアライザーは、より違いがわかりやすい効率的なスナップショットテストを導いてくれます。 |
Contributor
There was a problem hiding this comment.
Suggested change
| `jest-styled-components` や `jest-emotion` のような*スナップショットシリアライザー*は、標準の出力をより意味があり読みやすいスナップショットに修正してくれます。例えば、不必要な情報を取り除いたり、異なるフォーマットでデータを表示してくれます。結果として、スナップショットシリアライザーは、より違いがわかりやすい効率的なスナップショットテストを導いてくれます。 | |
| `jest-styled-components` や `jest-emotion` のような**スナップショットシリアライザー**は、標準の出力をより意味があり読みやすいスナップショットに修正してくれます。例えば、不必要な情報を取り除いたり、異なるフォーマットでデータを表示してくれます。結果として、スナップショットシリアライザーは、より違いがわかりやすい効率的なスナップショットテストを導いてくれます。 |
日本語だと斜体は目立たないので太字に変更します。
docs/docs/testing-css-in-js.md
Outdated
| [Gatsby's emotion plugin](/packages/gatsby-plugin-emotion/) は、内部的に `babel-plugin-emotion` を使用していますので、Jest が使えるようにこれも一緒にインストールしましよう。 | ||
|
|
||
| If you followed along with the [Unit testing guide](/docs/unit-testing) you'll have the file `jest-preprocess.js` at the root of your project. Open that file and add the plugin: | ||
| もしあなたが [Unit testing guide](/docs/unit-testing) に取り組んだのならば、あなたのプロジェクトの root には `jest-preprocess.js` があるでしょう。そのファイルを開いて、プラグインを追加してください。 |
Contributor
There was a problem hiding this comment.
Suggested change
| もしあなたが [Unit testing guide](/docs/unit-testing) に取り組んだのならば、あなたのプロジェクトの root には `jest-preprocess.js` があるでしょう。そのファイルを開いて、プラグインを追加してください。 | |
| もしあなたが[ユニットテストガイド](/docs/unit-testing)に取り組んだのならば、あなたのプロジェクトの root には `jest-preprocess.js` があるでしょう。そのファイルを開いて、プラグインを追加してください。 |
docs/docs/testing-css-in-js.md
Outdated
| ``` | ||
|
|
||
| In order to tell Jest to use the serializer you'll need to create the file `setup-test-env.js` which will be run automatically before every test. Create the file `setup-test-env.js` at the root of your project. Insert this code into it: | ||
| Jest にシリアライザーを使用するよう教えるために、あなたは `setup-test-env.js` というファイルを作る必要があります。これはテスト前に毎回自動的に実行されます。プロジェクトの root に `setup-test-env.js` を作り、以下のコードを追加してください。 |
Contributor
There was a problem hiding this comment.
Suggested change
| Jest にシリアライザーを使用するよう教えるために、あなたは `setup-test-env.js` というファイルを作る必要があります。これはテスト前に毎回自動的に実行されます。プロジェクトの root に `setup-test-env.js` を作り、以下のコードを追加してください。 | |
| Jest にシリアライザーを使用するよう教えるために、あなたは `setup-test-env.js` というファイルを作る必要があります。これはテスト前に毎回自動的に実行されます。プロジェクトのルートに `setup-test-env.js` を作り、以下のコードを追加してください。 |
Contributor
Author
There was a problem hiding this comment.
カタカナに修正しました！
また、他の箇所のrootもカタカナとしました！
docs/docs/testing-css-in-js.md
Outdated
| ``` | ||
|
|
||
| Lastly you need to tell Jest where to find this file. Open your `package.json` and add this entry to your `"jest"` section: | ||
| 最後に、Jest にこのファイルがどこにあるかを教える必要があります。 `package.json` を開いて、以下のように `"jest"` の場所に追加してください。 |
Contributor
There was a problem hiding this comment.
Suggested change
| 最後に、Jest にこのファイルがどこにあるかを教える必要があります。 `package.json` を開いて、以下のように `"jest"` の場所に追加してください。 | |
| 最後に、Jest にこのファイルがどこにあるかを教える必要があります。 `package.json` を開いて、`"jest"` の場所に以下のように追加してください。 |
uetchy
added
status: awaiting author response
uetchy
added
status: awaiting more approval
uetchy
removed
the
status: awaiting more approval
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
4 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
概要
I translated
docs/testing-css-in-jspage 😄Original: https://www.gatsbyjs.org/docs/testing-css-in-js/
I appreciate to your review to my pull request 🙇
If I need to fix some points, please tell me about it. I will do it asap! Thanks!
チェックリスト
textlintを使って校正を行いました（推奨）Allow edits from maintainersにチェックを入れました。しばらく待ってもレビューが終わらなかったり、必要なレビュー数が足りない状態が続いた場合は、こちらからメンテナーを探して、@を付けてメンションを飛ばしてください。