File tree 1 file changed +6
-6
lines changed 1 file changed +6
-6
lines changed Original file line number Diff line number Diff line change 1
1
---
2
2
id : shallow-renderer
3
- title : 浅いレンダー
3
+ title : Shallow Renderer
4
4
permalink : docs/shallow-renderer.html
5
5
layout : docs
6
6
category : リファレンス
@@ -15,7 +15,7 @@ var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm
15
15
16
16
## 概要
17
17
18
- React の単体テストを実装するとき、浅いレンダー( Shallow Renderer) が役立つでしょう。浅いレンダーを使用すると 、インスタンス化またはレンダーされていない子コンポーネントの振る舞いを心配することなく、「1 階層深く」レンダーしてレンダーメソッドが返すものをアサート( assert) できます。これに DOM は必要ありません。
18
+ React の単体テストを実装するとき、Shallow Renderer が役立つでしょう。Shallow rendering を使用すると 、インスタンス化またはレンダーされていない子コンポーネントの振る舞いを心配することなく、「1 階層深く」レンダーしてレンダーメソッドが返すものを assert できます。これに DOM は必要ありません。
19
19
20
20
たとえば、以下のコンポーネントがある場合:
21
21
@@ -30,7 +30,7 @@ function MyComponent() {
30
30
}
31
31
```
32
32
33
- 以下のようにアサートできます :
33
+ 以下のように assert できます :
34
34
35
35
``` javascript
36
36
import ShallowRenderer from ' react-test-renderer/shallow' ;
@@ -47,7 +47,7 @@ expect(result.props.children).toEqual([
47
47
]);
48
48
```
49
49
50
- 浅いテストには現在いくつかの制限があります 。すなわち refs をサポートしていません。
50
+ Shallow testing には現在いくつかの制限があります 。すなわち refs をサポートしていません。
51
51
52
52
> 補足:
53
53
>
@@ -63,6 +63,6 @@ shallowRenderer は、テストしているコンポーネントをレンダー
63
63
64
64
### ` shallowRenderer.getRenderOutput() `
65
65
66
- ` shallowRenderer.render() ` が呼び出された後、 ` shallowRenderer.getRenderOutput() ` を使用して浅くレンダーされた出力を取得できます 。
66
+ ` shallowRenderer.render() ` が呼び出された後、 ` shallowRenderer.getRenderOutput() ` を使用して shallowly rendered された出力を取得できます 。
67
67
68
- そして出力から得た結果のアサートを開始できます 。
68
+ そして出力から得た結果の assert を開始できます 。
You can’t perform that action at this time.
0 commit comments