From 400b5a3e7e52cfb862d2af66423c79a4655139fd Mon Sep 17 00:00:00 2001 From: mki-skt Date: Sun, 3 Feb 2019 19:32:22 +0900 Subject: [PATCH 01/11] translate shallow-renderer --- content/docs/addons-shallow-renderer.md | 30 ++++++++++++------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index 6d3e5dfa0..58600c125 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -1,23 +1,23 @@ --- id: shallow-renderer -title: Shallow Renderer +title: 浅いレンダリング permalink: docs/shallow-renderer.html layout: docs -category: Reference +category: リファレンス --- -**Importing** +**インポート** ```javascript import ShallowRenderer from 'react-test-renderer/shallow'; // ES6 var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm ``` -## Overview +## 概要 -When writing unit tests for React, shallow rendering can be helpful. Shallow rendering lets you render a component "one level deep" and assert facts about what its render method returns, without worrying about the behavior of child components, which are not instantiated or rendered. This does not require a DOM. +Reactの単体テストを実装するときに、浅いレンダリング（Shallow Renderer）は役に立つことがあります。浅いレンダリングを使用すると、インスタンス化またはレンダリングされていない子コンポーネントの振る舞いを心配することなく、「1階層深く」レンダリングしてrenderメソッドが返すものをアサート（assert）できます。これにDOMは必要ありません。 -For example, if you have the following component: +たとえば、以下のコンポーネントがある場合： ```javascript function MyComponent() { @@ -30,7 +30,7 @@ function MyComponent() { } ``` -Then you can assert: +以下のようにアサートできます： ```javascript import ShallowRenderer from 'react-test-renderer/shallow'; @@ -47,22 +47,22 @@ expect(result.props.children).toEqual([ ]); ``` -Shallow testing currently has some limitations, namely not supporting refs. +浅いテストは現在いくつかの制限があります。すなわちrefsをサポートしていません。 -> Note: +> 注意： > -> We also recommend checking out Enzyme's [Shallow Rendering API](http://airbnb.io/enzyme/docs/api/shallow.html). It provides a nicer higher-level API over the same functionality. +> またEnzymeの[Shallow Rendering API](http://airbnb.io/enzyme/docs/api/shallow.html)をチェックすることをお勧めします。それは同じ機能上でより良くより高いレベルのAPIを提供します。 -## Reference +## リファレンス ### `shallowRenderer.render()` -You can think of the shallowRenderer as a "place" to render the component you're testing, and from which you can extract the component's output. +shallowRendererは、テストしているコンポーネントをレンダリングするための「場所」と捉えることができ、そこからコンポーネントの出力を抽出できます。 -`shallowRenderer.render()` is similar to [`ReactDOM.render()`](/docs/react-dom.html#render) but it doesn't require DOM and only renders a single level deep. This means you can test components isolated from how their children are implemented. +`shallowRenderer.render()`は[`ReactDOM.render()`](/docs/react-dom.html#render)に似ていますが、DOMを必要とせず、1階層だけレンダリングします。つまり、テスト対象のコンポーネントが持つ子コンポーネントの実装から分離してテストを実施できます。 ### `shallowRenderer.getRenderOutput()` -After `shallowRenderer.render()` has been called, you can use `shallowRenderer.getRenderOutput()` to get the shallowly rendered output. +`shallowRenderer.render()`が呼び出された後、`shallowRenderer.getRenderOutput()`を使用して浅くレンダリングされた出力を取得できます。 -You can then begin to assert facts about the output. +そして出力から得た結果のアサートを開始できます。 From 3c02987e4f8514bebef275db8e2134111f88d556 Mon Sep 17 00:00:00 2001 From: mki-skt Date: Sun, 3 Feb 2019 19:45:20 +0900 Subject: [PATCH 02/11] =?UTF-8?q?=E3=83=AC=E3=83=B3=E3=83=80=E3=83=AA?= =?UTF-8?q?=E3=83=B3=E3=82=B0=20=3D>=20=E3=83=AC=E3=83=B3=E3=83=80?= =?UTF-8?q?=E3=83=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/docs/addons-shallow-renderer.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index 58600c125..e6cb5fe5b 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -1,6 +1,6 @@ --- id: shallow-renderer -title: 浅いレンダリング +title: 浅いレンダー permalink: docs/shallow-renderer.html layout: docs category: リファレンス @@ -15,7 +15,7 @@ var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm ## 概要 -Reactの単体テストを実装するときに、浅いレンダリング（Shallow Renderer）は役に立つことがあります。浅いレンダリングを使用すると、インスタンス化またはレンダリングされていない子コンポーネントの振る舞いを心配することなく、「1階層深く」レンダリングしてrenderメソッドが返すものをアサート（assert）できます。これにDOMは必要ありません。 +Reactの単体テストを実装するときに、浅いレンダー（Shallow Renderer）は役に立つことがあります。浅いレンダーを使用すると、インスタンス化またはレンダーされていない子コンポーネントの振る舞いを心配することなく、「1階層深く」レンダーしてレンダーメソッドが返すものをアサート（assert）できます。これにDOMは必要ありません。 たとえば、以下のコンポーネントがある場合： @@ -57,12 +57,12 @@ expect(result.props.children).toEqual([ ### `shallowRenderer.render()` -shallowRendererは、テストしているコンポーネントをレンダリングするための「場所」と捉えることができ、そこからコンポーネントの出力を抽出できます。 +shallowRendererは、テストしているコンポーネントをレンダーするための「場所」と捉えることができ、そこからコンポーネントの出力を抽出できます。 -`shallowRenderer.render()`は[`ReactDOM.render()`](/docs/react-dom.html#render)に似ていますが、DOMを必要とせず、1階層だけレンダリングします。つまり、テスト対象のコンポーネントが持つ子コンポーネントの実装から分離してテストを実施できます。 +`shallowRenderer.render()`は[`ReactDOM.render()`](/docs/react-dom.html#render)に似ていますが、DOMを必要とせず、1階層だけレンダーします。つまり、テスト対象のコンポーネントが持つ子コンポーネントの実装から分離してテストを実施できます。 ### `shallowRenderer.getRenderOutput()` -`shallowRenderer.render()`が呼び出された後、`shallowRenderer.getRenderOutput()`を使用して浅くレンダリングされた出力を取得できます。 +`shallowRenderer.render()`が呼び出された後、`shallowRenderer.getRenderOutput()`を使用して浅くレンダーされた出力を取得できます。 そして出力から得た結果のアサートを開始できます。 From ceee55e8d575a807225252c4735114f199a58aeb Mon Sep 17 00:00:00 2001 From: takanorip Date: Mon, 4 Feb 2019 00:35:45 +0900 Subject: [PATCH 03/11] Update content/docs/addons-shallow-renderer.md Co-Authored-By: sakito21 --- content/docs/addons-shallow-renderer.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index e6cb5fe5b..44268a3a7 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -59,7 +59,7 @@ expect(result.props.children).toEqual([ shallowRendererは、テストしているコンポーネントをレンダーするための「場所」と捉えることができ、そこからコンポーネントの出力を抽出できます。 -`shallowRenderer.render()`は[`ReactDOM.render()`](/docs/react-dom.html#render)に似ていますが、DOMを必要とせず、1階層だけレンダーします。つまり、テスト対象のコンポーネントが持つ子コンポーネントの実装から分離してテストを実施できます。 +`shallowRenderer.render()`は[`ReactDOM.render()`](/docs/react-dom.html#render)に似ていますが、DOMを必要とせず、1階層だけレンダーします。つまり、テスト対象のコンポーネントが持つ子コンポーネントの実装から分離してテストを実行できます。 ### `shallowRenderer.getRenderOutput()` From e16d7dfe094353a1e941cfabbfebfe115303e22c Mon Sep 17 00:00:00 2001 From: takanorip Date: Mon, 4 Feb 2019 00:36:27 +0900 Subject: [PATCH 04/11] Update content/docs/addons-shallow-renderer.md Co-Authored-By: sakito21 --- content/docs/addons-shallow-renderer.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index 44268a3a7..59321d525 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -15,7 +15,7 @@ var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm ## 概要 -Reactの単体テストを実装するときに、浅いレンダー（Shallow Renderer）は役に立つことがあります。浅いレンダーを使用すると、インスタンス化またはレンダーされていない子コンポーネントの振る舞いを心配することなく、「1階層深く」レンダーしてレンダーメソッドが返すものをアサート（assert）できます。これにDOMは必要ありません。 +React の単体テストを実装するとき、浅いレンダー（Shallow Renderer）が役立つでしょう。浅いレンダーを使用すると、インスタンス化またはレンダーされていない子コンポーネントの振る舞いを心配することなく、「1階層深く」レンダーしてレンダーメソッドが返すものをアサート（assert）できます。これにDOMは必要ありません。 たとえば、以下のコンポーネントがある場合： From 11aca87686323a540a6249ea05fe216bb9b4a00a Mon Sep 17 00:00:00 2001 From: takanorip Date: Mon, 4 Feb 2019 00:37:09 +0900 Subject: [PATCH 05/11] Update content/docs/addons-shallow-renderer.md Co-Authored-By: sakito21 --- content/docs/addons-shallow-renderer.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index 59321d525..77589a003 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -47,7 +47,7 @@ expect(result.props.children).toEqual([ ]); ``` -浅いテストは現在いくつかの制限があります。すなわちrefsをサポートしていません。 +浅いテストには現在いくつかの制限があります。すなわち refs をサポートしていません。 > 注意： > From acd2b094e3b2bcfb5f789e36ed977dc16be70fd3 Mon Sep 17 00:00:00 2001 From: mki-skt Date: Mon, 4 Feb 2019 01:17:35 +0900 Subject: [PATCH 06/11] =?UTF-8?q?=E8=8B=B1=E5=AD=97=E3=80=81=E6=95=B0?= =?UTF-8?q?=E5=AD=97=E3=81=AE=E5=89=8D=E5=BE=8C=E3=81=AB=E7=A9=BA=E7=99=BD?= =?UTF-8?q?=E3=82=92=E5=85=A5=E3=82=8C=E3=82=8B=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/docs/addons-shallow-renderer.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index 77589a003..173768d08 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -15,7 +15,7 @@ var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm ## 概要 -React の単体テストを実装するとき、浅いレンダー（Shallow Renderer）が役立つでしょう。浅いレンダーを使用すると、インスタンス化またはレンダーされていない子コンポーネントの振る舞いを心配することなく、「1階層深く」レンダーしてレンダーメソッドが返すものをアサート（assert）できます。これにDOMは必要ありません。 +React の単体テストを実装するとき、浅いレンダー（Shallow Renderer）が役立つでしょう。浅いレンダーを使用すると、インスタンス化またはレンダーされていない子コンポーネントの振る舞いを心配することなく、「1 階層深く」レンダーしてレンダーメソッドが返すものをアサート（assert）できます。これに DOM は必要ありません。 たとえば、以下のコンポーネントがある場合： @@ -49,20 +49,20 @@ expect(result.props.children).toEqual([ 浅いテストには現在いくつかの制限があります。すなわち refs をサポートしていません。 -> 注意： +> 補足： > -> またEnzymeの[Shallow Rendering API](http://airbnb.io/enzyme/docs/api/shallow.html)をチェックすることをお勧めします。それは同じ機能上でより良くより高いレベルのAPIを提供します。 +> また Enzyme の [Shallow Rendering API](http://airbnb.io/enzyme/docs/api/shallow.html) をチェックすることをお勧めします。それは同じ機能上でより良くより高いレベルの API を提供します。 ## リファレンス ### `shallowRenderer.render()` -shallowRendererは、テストしているコンポーネントをレンダーするための「場所」と捉えることができ、そこからコンポーネントの出力を抽出できます。 +shallowRenderer は、テストしているコンポーネントをレンダーするための「場所」と捉えることができ、そこからコンポーネントの出力を抽出できます。 -`shallowRenderer.render()`は[`ReactDOM.render()`](/docs/react-dom.html#render)に似ていますが、DOMを必要とせず、1階層だけレンダーします。つまり、テスト対象のコンポーネントが持つ子コンポーネントの実装から分離してテストを実行できます。 +`shallowRenderer.render()` は [`ReactDOM.render()`](/docs/react-dom.html#render) に似ていますが、 DOM を必要とせず、1 階層だけレンダーします。つまり、テスト対象のコンポーネントが持つ子コンポーネントの実装から分離してテストを実行できます。 ### `shallowRenderer.getRenderOutput()` -`shallowRenderer.render()`が呼び出された後、`shallowRenderer.getRenderOutput()`を使用して浅くレンダーされた出力を取得できます。 +`shallowRenderer.render()` が呼び出された後、 `shallowRenderer.getRenderOutput()` を使用して浅くレンダーされた出力を取得できます。 そして出力から得た結果のアサートを開始できます。 From 8a27fd028dd50c052fe47279e74c547d990853a5 Mon Sep 17 00:00:00 2001 From: mki-skt Date: Tue, 5 Feb 2019 00:49:36 +0900 Subject: [PATCH 07/11] =?UTF-8?q?=E4=B8=8D=E8=A6=81=E3=81=AB=E8=A8=B3?= =?UTF-8?q?=E3=81=97=E9=81=8E=E3=81=8E=E3=81=A6=E3=81=84=E3=81=9F=E3=81=A8?= =?UTF-8?q?=E6=80=9D=E3=81=86=E9=83=A8=E5=88=86=E3=82=92=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/docs/addons-shallow-renderer.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index 173768d08..2fc26c8d4 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -1,6 +1,6 @@ --- id: shallow-renderer -title: 浅いレンダー +title: Shallow Renderer permalink: docs/shallow-renderer.html layout: docs category: リファレンス @@ -15,7 +15,7 @@ var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm ## 概要 -React の単体テストを実装するとき、浅いレンダー（Shallow Renderer）が役立つでしょう。浅いレンダーを使用すると、インスタンス化またはレンダーされていない子コンポーネントの振る舞いを心配することなく、「1 階層深く」レンダーしてレンダーメソッドが返すものをアサート（assert）できます。これに DOM は必要ありません。 +React の単体テストを実装するとき、Shallow Renderer が役立つでしょう。Shallow rendering を使用すると、インスタンス化またはレンダーされていない子コンポーネントの振る舞いを心配することなく、「1 階層深く」レンダーしてレンダーメソッドが返すものを assert できます。これに DOM は必要ありません。 たとえば、以下のコンポーネントがある場合： @@ -30,7 +30,7 @@ function MyComponent() { } ``` -以下のようにアサートできます： +以下のように assert できます： ```javascript import ShallowRenderer from 'react-test-renderer/shallow'; @@ -47,7 +47,7 @@ expect(result.props.children).toEqual([ ]); ``` -浅いテストには現在いくつかの制限があります。すなわち refs をサポートしていません。 +Shallow testing には現在いくつかの制限があります。すなわち refs をサポートしていません。 > 補足： > @@ -63,6 +63,6 @@ shallowRenderer は、テストしているコンポーネントをレンダー ### `shallowRenderer.getRenderOutput()` -`shallowRenderer.render()` が呼び出された後、 `shallowRenderer.getRenderOutput()` を使用して浅くレンダーされた出力を取得できます。 +`shallowRenderer.render()` が呼び出された後、 `shallowRenderer.getRenderOutput()` を使用して shallowly rendered された出力を取得できます。 -そして出力から得た結果のアサートを開始できます。 +そして出力から得た結果の assert を開始できます。 From 16861f4dc0791aee958e205dcd6ee1b59691f398 Mon Sep 17 00:00:00 2001 From: Soichiro Miki Date: Thu, 7 Feb 2019 23:52:23 +0900 Subject: [PATCH 08/11] Update content/docs/addons-shallow-renderer.md Co-Authored-By: sakito21 --- content/docs/addons-shallow-renderer.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index 2fc26c8d4..a9c7965f5 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -63,6 +63,6 @@ shallowRenderer は、テストしているコンポーネントをレンダー ### `shallowRenderer.getRenderOutput()` -`shallowRenderer.render()` が呼び出された後、 `shallowRenderer.getRenderOutput()` を使用して shallowly rendered された出力を取得できます。 +`shallowRenderer.render()` が呼び出された後、`shallowRenderer.getRenderOutput()` を使用して浅くレンダーされた出力を取得できます。 そして出力から得た結果の assert を開始できます。 From 2a22aa251047d0f9ad300b2223d3865afcf79560 Mon Sep 17 00:00:00 2001 From: Soichiro Miki Date: Thu, 7 Feb 2019 23:52:31 +0900 Subject: [PATCH 09/11] Update content/docs/addons-shallow-renderer.md Co-Authored-By: sakito21 --- content/docs/addons-shallow-renderer.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index a9c7965f5..662103ac3 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -15,7 +15,7 @@ var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm ## 概要 -React の単体テストを実装するとき、Shallow Renderer が役立つでしょう。Shallow rendering を使用すると、インスタンス化またはレンダーされていない子コンポーネントの振る舞いを心配することなく、「1 階層深く」レンダーしてレンダーメソッドが返すものを assert できます。これに DOM は必要ありません。 +React の単体テストを実装するとき、Shallow Renderer が役立つでしょう。浅いレンダー (shallow rendering) を使用すると、インスタンス化またはレンダーされていない子コンポーネントの振る舞いを心配することなく、「1 階層深く」レンダーしてレンダーメソッドが返すものを assert できます。これに DOM は必要ありません。 たとえば、以下のコンポーネントがある場合： From b290914b55616a5ee2e018d1357649846aa42ae7 Mon Sep 17 00:00:00 2001 From: Soichiro Miki Date: Thu, 7 Feb 2019 23:52:39 +0900 Subject: [PATCH 10/11] Update content/docs/addons-shallow-renderer.md Co-Authored-By: sakito21 --- content/docs/addons-shallow-renderer.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index 662103ac3..c065b1a32 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -47,7 +47,7 @@ expect(result.props.children).toEqual([ ]); ``` -Shallow testing には現在いくつかの制限があります。すなわち refs をサポートしていません。 +浅いレンダーによるテストには現在いくつかの制限があります。すなわち refs をサポートしていません。 > 補足： > From f7f384631ecdf2a074addd0a9cce980adffd105c Mon Sep 17 00:00:00 2001 From: Toru Kobayashi Date: Fri, 8 Feb 2019 01:21:39 +0900 Subject: [PATCH 11/11] Update content/docs/addons-shallow-renderer.md Co-Authored-By: sakito21 --- content/docs/addons-shallow-renderer.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index c065b1a32..8d45a8fec 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -47,7 +47,7 @@ expect(result.props.children).toEqual([ ]); ``` -浅いレンダーによるテストには現在いくつかの制限があります。すなわち refs をサポートしていません。 +浅いレンダーによるテストには現在いくつかの制限があります。すなわち ref をサポートしていません。 > 補足： >