@samitouri / QOS-React-2 / commits / d3ad46a461

Translate 10.4 to Korean

- Up to 2e232f8

Shim Won committed Feb 23, 2015 at 12:24 UTC d3ad46a461c70b51c294782949fdc29c0957d7b4
1 file changed +139
docs/docs/10.4-test-utils.ko-KR.md new
+139
@@ -0,0 +1,139 @@
1 +---
2 +id: test-utils-ko-KR
3 +title: 테스트 유틸리티
4 +permalink: test-utils-ko-KR.html
5 +prev: class-name-manipulation-ko-KR.html
6 +next: clone-with-props-ko-KR.html
7 +---
8 +
9 +`React.addons.TestUtils`는 선택한 테스트 프레임워크(React는 [Jest](http://facebook.github.io/jest/)를 사용)에서 React 컴포넌트를 테스트하기 쉽게 합니다.
10 +
11 +### Simulate
12 +
13 +```javascript
14 +Simulate.{eventName}(DOMElement element, object eventData)
15 +```
16 +
17 +DOM 노드에 이벤트 디스패치하는 것을 시뮬레이트합니다. 선택적으로 `eventData`를 통해 이벤트 데이터도 처리할 수 있습니다. **아마 `ReactTestUtils`에서 가장 유용한 유틸리티일 것 입니다.**
18 +
19 +사용 예:
20 +
21 +```javascript
22 +var node = this.refs.input.getDOMNode();
23 +React.addons.TestUtils.Simulate.click(node);
24 +React.addons.TestUtils.Simulate.change(node, {target: {value: 'Hello, world'}});
25 +React.addons.TestUtils.Simulate.keyDown(node, {key: "Enter"});
26 +```
27 +
28 +`Simulate`에는 React가 이해하는 모든 이벤트에 대해 메소드가 있습니다.
29 +
30 +### renderIntoDocument
31 +
32 +```javascript
33 +ReactComponent renderIntoDocument(ReactComponent instance)
34 +```
35 +
36 +문서의 detach된 DOM 노드에 컴포넌트를 렌더합니다. **이 기능은 DOM을 필요로 합니다.**
37 +
38 +### mockComponent
39 +
40 +```javascript
41 +object mockComponent(function componentClass, string? mockTagName)
42 +```
43 +
44 +목 컴포넌트 모듈을 이 메소드에 넘겨 더미 React 컴포넌트로 사용할 수 있도록 합니다. 이 더미는 유용한 메소드와 함께 사용해 기능을 보강할 수 있습니다. 일반적인 렌더링과는 다르게, 컴포넌트는 제공된 자식을 포함하는 평범한 `<div>`가 됩니다. (`mockTagName`을 통해 div가 아닌 다른 태그를 지정해 줄 수도 있습니다.)
45 +
46 +### isElement
47 +
48 +```javascript
49 +boolean isElement(ReactElement element)
50 +```
51 +
52 +`element`가 ReactElement면 true를 리턴합니다.
53 +
54 +### isElementOfType
55 +
56 +```javascript
57 +boolean isElementOfType(ReactElement element, function componentClass)
58 +```
59 +
60 +`element`가 React `componentClass` 타입인 ReactElement면 true를 리턴합니다.
61 +
62 +### isDOMComponent
63 +
64 +```javascript
65 +boolean isDOMComponent(ReactComponent instance)
66 +```
67 +
68 +`instance`가 (`<div>`나 `<span>`같은) DOM 컴포넌트면 true를 리턴합니다.
69 +
70 +### isCompositeComponent
71 +
72 +```javascript
73 +boolean isCompositeComponent(ReactComponent instance)`
74 +```
75 +
76 +`instance`가 (`React.createClass()`로 생성된) 복합 컴포넌트면 true를 리턴합니다.
77 +
78 +### isCompositeComponentWithType
79 +
80 +```javascript
81 +boolean isCompositeComponentWithType(ReactComponent instance, function componentClass)
82 +```
83 +
84 +`instance`가 (`React.createClass()`로 생성된) 복합 컴포넌트고 React `componentClass` 타입이면 true를 리턴합니다.
85 +
86 +### findAllInRenderedTree
87 +
88 +```javascript
89 +array findAllInRenderedTree(ReactComponent tree, function test)
90 +```
91 +
92 +`tree`안의 모든 컴포넌트에서 `test(component)`가 true인 모든 컴포넌트를 모읍니다. 이것만으로는 그렇게 유용하지 않습니다만, 다른 테스트 유틸와 같이 사용합니다.
93 +
94 +### scryRenderedDOMComponentsWithClass
95 +
96 +```javascript
97 +array scryRenderedDOMComponentsWithClass(ReactComponent tree, string className)
98 +```
99 +렌더된 트리의 모든 컴포넌트 인스턴스 중에서 클래스 이름이 `className`인 DOM 컴포넌트들을 찾습니다.
100 +
101 +### findRenderedDOMComponentWithClass
102 +
103 +```javascript
104 +ReactComponent findRenderedDOMComponentWithClass(ReactComponent tree, string className)
105 +```
106 +
107 +`scryRenderedDOMComponentsWithClass()`와 비슷하지만 하나의 결과만 기대될 때 사용합니다. 하나의 결과를 리턴하거나 한개 이상의 결과가 나온 경우에는 예외를 던집니다.
108 +
109 +### scryRenderedDOMComponentsWithTag
110 +
111 +```javascript
112 +array scryRenderedDOMComponentsWithTag(ReactComponent tree, string tagName)
113 +```
114 +
115 +렌더된 트리의 모든 컴포넌트 인스턴스중에서 태그 이름이 `tagName`인 DOM 컴포넌트들을 찾습니다.
116 +
117 +### findRenderedDOMComponentWithTag
118 +
119 +```javascript
120 +ReactComponent findRenderedDOMComponentWithTag(ReactComponent tree, string tagName)
121 +```
122 +
123 +`scryRenderedDOMComponentsWithTag()`와 비슷하지만 하나의 결과만 기대될 때 사용합니다. 하나의 결과를 리턴하거나 한개 이상의 결과가 나온 경우에는 예외를 던집니다.
124 +
125 +### scryRenderedComponentsWithType
126 +
127 +```javascript
128 +array scryRenderedComponentsWithType(ReactComponent tree, function componentClass)
129 +```
130 +
131 +타입이 `componentClass`인 모든 컴포넌트 인스턴스를 찾습니다.
132 +
133 +### findRenderedComponentWithType
134 +
135 +```javascript
136 +ReactComponent findRenderedComponentWithType(ReactComponent tree, function componentClass)
137 +```
138 +
139 +`scryRenderedComponentsWithType()`와 비슷하지만 하나의 결과만 기대될 때 사용합니다. 하나의 결과를 리턴하거나 한개 이상의 결과가 나온 경우에는 예외를 던집니다.