Shim Won
10 years ago
committed by
Jay Jaeho Lee
1 changed files with 139 additions and 0 deletions
@ -0,0 +1,139 @@ |
|||
--- |
|||
id: test-utils-ko-KR |
|||
title: 테스트 유틸리티 |
|||
permalink: test-utils-ko-KR.html |
|||
prev: class-name-manipulation-ko-KR.html |
|||
next: clone-with-props-ko-KR.html |
|||
--- |
|||
|
|||
`React.addons.TestUtils`는 선택한 테스트 프레임워크(React는 [Jest](http://facebook.github.io/jest/)를 사용)에서 React 컴포넌트를 테스트하기 쉽게 합니다. |
|||
|
|||
### Simulate |
|||
|
|||
```javascript |
|||
Simulate.{eventName}(DOMElement element, object eventData) |
|||
``` |
|||
|
|||
DOM 노드에 이벤트 디스패치하는 것을 시뮬레이트합니다. 선택적으로 `eventData`를 통해 이벤트 데이터도 처리할 수 있습니다. **아마 `ReactTestUtils`에서 가장 유용한 유틸리티일 것 입니다.** |
|||
|
|||
사용 예: |
|||
|
|||
```javascript |
|||
var node = this.refs.input.getDOMNode(); |
|||
React.addons.TestUtils.Simulate.click(node); |
|||
React.addons.TestUtils.Simulate.change(node, {target: {value: 'Hello, world'}}); |
|||
React.addons.TestUtils.Simulate.keyDown(node, {key: "Enter"}); |
|||
``` |
|||
|
|||
`Simulate`에는 React가 이해하는 모든 이벤트에 대해 메소드가 있습니다. |
|||
|
|||
### renderIntoDocument |
|||
|
|||
```javascript |
|||
ReactComponent renderIntoDocument(ReactComponent instance) |
|||
``` |
|||
|
|||
문서의 detach된 DOM 노드에 컴포넌트를 렌더합니다. **이 기능은 DOM을 필요로 합니다.** |
|||
|
|||
### mockComponent |
|||
|
|||
```javascript |
|||
object mockComponent(function componentClass, string? mockTagName) |
|||
``` |
|||
|
|||
목 컴포넌트 모듈을 이 메소드에 넘겨 더미 React 컴포넌트로 사용할 수 있도록 합니다. 이 더미는 유용한 메소드와 함께 사용해 기능을 보강할 수 있습니다. 일반적인 렌더링과는 다르게, 컴포넌트는 제공된 자식을 포함하는 평범한 `<div>`가 됩니다. (`mockTagName`을 통해 div가 아닌 다른 태그를 지정해 줄 수도 있습니다.) |
|||
|
|||
### isElement |
|||
|
|||
```javascript |
|||
boolean isElement(ReactElement element) |
|||
``` |
|||
|
|||
`element`가 ReactElement면 true를 리턴합니다. |
|||
|
|||
### isElementOfType |
|||
|
|||
```javascript |
|||
boolean isElementOfType(ReactElement element, function componentClass) |
|||
``` |
|||
|
|||
`element`가 React `componentClass` 타입인 ReactElement면 true를 리턴합니다. |
|||
|
|||
### isDOMComponent |
|||
|
|||
```javascript |
|||
boolean isDOMComponent(ReactComponent instance) |
|||
``` |
|||
|
|||
`instance`가 (`<div>`나 `<span>`같은) DOM 컴포넌트면 true를 리턴합니다. |
|||
|
|||
### isCompositeComponent |
|||
|
|||
```javascript |
|||
boolean isCompositeComponent(ReactComponent instance)` |
|||
``` |
|||
|
|||
`instance`가 (`React.createClass()`로 생성된) 복합 컴포넌트면 true를 리턴합니다. |
|||
|
|||
### isCompositeComponentWithType |
|||
|
|||
```javascript |
|||
boolean isCompositeComponentWithType(ReactComponent instance, function componentClass) |
|||
``` |
|||
|
|||
`instance`가 (`React.createClass()`로 생성된) 복합 컴포넌트고 React `componentClass` 타입이면 true를 리턴합니다. |
|||
|
|||
### findAllInRenderedTree |
|||
|
|||
```javascript |
|||
array findAllInRenderedTree(ReactComponent tree, function test) |
|||
``` |
|||
|
|||
`tree`안의 모든 컴포넌트에서 `test(component)`가 true인 모든 컴포넌트를 모읍니다. 이것만으로는 그렇게 유용하지 않습니다만, 다른 테스트 유틸와 같이 사용합니다. |
|||
|
|||
### scryRenderedDOMComponentsWithClass |
|||
|
|||
```javascript |
|||
array scryRenderedDOMComponentsWithClass(ReactComponent tree, string className) |
|||
``` |
|||
렌더된 트리의 모든 컴포넌트 인스턴스 중에서 클래스 이름이 `className`인 DOM 컴포넌트들을 찾습니다. |
|||
|
|||
### findRenderedDOMComponentWithClass |
|||
|
|||
```javascript |
|||
ReactComponent findRenderedDOMComponentWithClass(ReactComponent tree, string className) |
|||
``` |
|||
|
|||
`scryRenderedDOMComponentsWithClass()`와 비슷하지만 하나의 결과만 기대될 때 사용합니다. 하나의 결과를 리턴하거나 한개 이상의 결과가 나온 경우에는 예외를 던집니다. |
|||
|
|||
### scryRenderedDOMComponentsWithTag |
|||
|
|||
```javascript |
|||
array scryRenderedDOMComponentsWithTag(ReactComponent tree, string tagName) |
|||
``` |
|||
|
|||
렌더된 트리의 모든 컴포넌트 인스턴스중에서 태그 이름이 `tagName`인 DOM 컴포넌트들을 찾습니다. |
|||
|
|||
### findRenderedDOMComponentWithTag |
|||
|
|||
```javascript |
|||
ReactComponent findRenderedDOMComponentWithTag(ReactComponent tree, string tagName) |
|||
``` |
|||
|
|||
`scryRenderedDOMComponentsWithTag()`와 비슷하지만 하나의 결과만 기대될 때 사용합니다. 하나의 결과를 리턴하거나 한개 이상의 결과가 나온 경우에는 예외를 던집니다. |
|||
|
|||
### scryRenderedComponentsWithType |
|||
|
|||
```javascript |
|||
array scryRenderedComponentsWithType(ReactComponent tree, function componentClass) |
|||
``` |
|||
|
|||
타입이 `componentClass`인 모든 컴포넌트 인스턴스를 찾습니다. |
|||
|
|||
### findRenderedComponentWithType |
|||
|
|||
```javascript |
|||
ReactComponent findRenderedComponentWithType(ReactComponent tree, function componentClass) |
|||
``` |
|||
|
|||
`scryRenderedComponentsWithType()`와 비슷하지만 하나의 결과만 기대될 때 사용합니다. 하나의 결과를 리턴하거나 한개 이상의 결과가 나온 경우에는 예외를 던집니다. |
Loading…
Reference in new issue