@@ -19,7 +19,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5 with npm
19
19
20
20
> 補足:
21
21
>
22
- > Airbnb が [ Enzyme] ( http://airbnb.io/enzyme/ ) と呼ばれるテストユーティリティをリリースしています。 Enzymeは React コンポーネントの出力のアサート、操作、そして横断的な処理を簡単にしてくれます。もしあなたが Jest や他のテストランナーを単体テストユーティリティと一緒に使用すると決めたなら、チェックしてみる価値があります。
22
+ > Airbnb が [ Enzyme] ( http://airbnb.io/enzyme/ ) と呼ばれるテストユーティリティをリリースしています。Enzyme は React コンポーネントの出力のアサート、操作、そして横断的な処理を簡単にしてくれます。もしあなたが Jest や他のテストランナーを単体テストユーティリティと一緒に使用すると決めたなら、チェックしてみる価値があります。
23
23
>
24
24
> また別の手段として、[ ` react-testing-library ` ] ( https://git.io/react-testing-library ) と呼ばれる別のテストユーティリティがあります。これは、エンドユーザーがコンポーネントを使用するのと同様の書き方でコンポーネントを使用するテストを書くことを可能にし、かつそれを促進するように設計されています。このテストユーティリティはあらゆるテストランナーと一緒に動作します。
25
25
@@ -40,17 +40,17 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5 with npm
40
40
- [ ` renderIntoDocument() ` ] ( #renderintodocument )
41
41
- [ ` Simulate ` ] ( #simulate )
42
42
43
- ## リファレンス {#reference}
43
+ ## Reference {#reference}
44
44
45
45
### ` act() ` {#act}
46
46
47
- アサーション用のコンポーネントを準備するために、それをレンダーして更新を実行するコードを ` act() ` でラップします。 これにより、テストはブラウザでの React の動作により近い状態で実行されます。
47
+ アサーション用のコンポーネントを準備するために、それをレンダーして更新を実行するコードを ` act() ` でラップします。これにより、テストはブラウザでの React の動作により近い状態で実行されます。
48
48
49
49
> 補足
50
50
>
51
51
> ` react-test-renderer ` を使っている場合、それはこのメソッドと同じように振舞う ` act ` エクスポートも提供します。
52
52
53
- 例えば、 次のような ` Counter ` コンポーネントがあるとしましょう:
53
+ 例えば、次のような ` Counter ` コンポーネントがあるとしましょう:
54
54
55
55
``` js
56
56
class App extends React .Component {
@@ -83,7 +83,7 @@ class App extends React.Component {
83
83
}
84
84
```
85
85
86
- これをテストするには次のように書きます:
86
+ これをテストするには次のように書きます:
87
87
88
88
``` js{3,20-22,29-31}
89
89
import React from 'react';
@@ -247,7 +247,7 @@ scryRenderedDOMComponentsWithTag(
247
247
)
248
248
```
249
249
250
- レンダリングされたツリー内に存在する、タグ名が ` tagName ` に一致するDOMコンポーネントが持つ全てのDOM要素を探し 、その結果を返します。
250
+ レンダリングされたツリー内に存在する、タグ名が ` tagName ` に一致する DOM コンポーネントが持つ全ての DOM 要素を探し 、その結果を返します。
251
251
252
252
* * *
253
253
@@ -296,7 +296,7 @@ findRenderedComponentWithType(
296
296
renderIntoDocument (element)
297
297
```
298
298
299
- React 要素をドキュメントから切り離されたDOMノードにレンダーします 。** この関数を実行するには DOM が必要です。** これは以下のコードと実質的に等価です:
299
+ React 要素をドキュメントから切り離された DOM ノードにレンダーします 。** この関数を実行するには DOM が必要です。** これは以下のコードと実質的に等価です:
300
300
301
301
``` js
302
302
const domContainer = document .createElement (' div' );
0 commit comments