From e22c8769d927f466a355ad2dd32b7f5a4b5407f4 Mon Sep 17 00:00:00 2001 From: "minung.han" Date: Wed, 20 Feb 2019 14:39:06 +0000 Subject: [PATCH 1/6] translate shallow-renderer (Draft) --- content/docs/addons-shallow-renderer.md | 28 ++++++++++++------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index 3fcbbb25b..f5f1957a9 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -6,18 +6,18 @@ layout: docs category: Reference --- -**Importing** +**불러오기** ```javascript import ShallowRenderer from 'react-test-renderer/shallow'; // ES6 -var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm +var ShallowRenderer = require('react-test-renderer/shallow'); // npm에서 ES5를 사용하는 경우 ``` -## Overview {#overview} +## 개요 {#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를 위한 유닛 테스트를 작성할 때 얕은 렌더링이 유용할 수 있습니다. 얕은 렌더링은 컴포넌트를 "한 단계 깊이"로 렌더링할 수 있으며 인스턴스화 또는 렌더링 되지 않는 자식 컴포넌트의 동작에 대해 걱정 없이 render 메소드가 무엇을 반환하는지에 대해 검증 할 수 있습니다. 이 작업은 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 {#reference} +## 참조 {#reference} ### `shallowRenderer.render()` {#shallowrendererrender} -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는 테스트 중인 컴포넌트를 렌더링하는 "장소(place)"로써 생각할 수 있습니다. 그리고 이것으로부터 컴포넌트의 출력을 추출할 수 있습니다. -`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을 요구하지 않으며 오직 한 단계 깊이만을 렌더링합니다. 이것은 컴포넌트의 자식들이 어떻게 구현되었는지와 독립적으로 테스트를 할 수 있다는 의미합니다. ### `shallowRenderer.getRenderOutput()` {#shallowrenderergetrenderoutput} -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 ef26db32660eb7c520b9bf8c7d1ed3213a45042f Mon Sep 17 00:00:00 2001 From: "minung.han" Date: Wed, 20 Feb 2019 14:52:33 +0000 Subject: [PATCH 2/6] check glossary and modify --- 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 f5f1957a9..85d126f0f 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -1,6 +1,6 @@ --- id: shallow-renderer -title: Shallow Renderer +title: 얕은 렌더링 permalink: docs/shallow-renderer.html layout: docs category: Reference From e50320c76cdf82054ffb7615853416ac77a9fd6c Mon Sep 17 00:00:00 2001 From: "minung.han" Date: Fri, 22 Feb 2019 15:28:04 +0000 Subject: [PATCH 3/6] apply feedbacks from review --- 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 85d126f0f..c0924201d 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'); // npm에서 ES5 ## 개요 {#overview} -React를 위한 유닛 테스트를 작성할 때 얕은 렌더링이 유용할 수 있습니다. 얕은 렌더링은 컴포넌트를 "한 단계 깊이"로 렌더링할 수 있으며 인스턴스화 또는 렌더링 되지 않는 자식 컴포넌트의 동작에 대해 걱정 없이 render 메소드가 무엇을 반환하는지에 대해 검증 할 수 있습니다. 이 작업은 DOM이 필요하지 않습니다. +React를 위한 유닛 테스트를 작성할 때 얕은 렌더링이 유용할 수 있습니다. 얕은 렌더링은 컴포넌트를 "한 단계 깊이"로 렌더링할 수 있으며 인스턴스화 또는 렌더링 되지 않는 자식 컴포넌트의 동작에 대해 걱정 없이 렌더링 메소드가 무엇을 반환하는지에 대해 검증할 수 있습니다. 이 작업은 DOM이 필요하지 않습니다. 예를 들어, 다음 컴포넌트가 있는 경우 From e8ae56ea215d420df4074bf6c86a9ce0f8430878 Mon Sep 17 00:00:00 2001 From: "minung.han" Date: Fri, 22 Feb 2019 15:30:09 +0000 Subject: [PATCH 4/6] remove a comma --- 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 c0924201d..b7141add8 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -17,7 +17,7 @@ var ShallowRenderer = require('react-test-renderer/shallow'); // npm에서 ES5 React를 위한 유닛 테스트를 작성할 때 얕은 렌더링이 유용할 수 있습니다. 얕은 렌더링은 컴포넌트를 "한 단계 깊이"로 렌더링할 수 있으며 인스턴스화 또는 렌더링 되지 않는 자식 컴포넌트의 동작에 대해 걱정 없이 렌더링 메소드가 무엇을 반환하는지에 대해 검증할 수 있습니다. 이 작업은 DOM이 필요하지 않습니다. -예를 들어, 다음 컴포넌트가 있는 경우 +예를 들어 다음 컴포넌트가 있는 경우 ```javascript function MyComponent() { From 6b28e4b232c8bc7352a504ad80577e40197621e5 Mon Sep 17 00:00:00 2001 From: "minung.han" Date: Fri, 22 Feb 2019 15:33:42 +0000 Subject: [PATCH 5/6] spelling check --- 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 b7141add8..9bed8285a 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -30,7 +30,7 @@ function MyComponent() { } ``` -다음과 같이 검증 할 수 있습니다. +다음과 같이 검증할 수 있습니다. ```javascript import ShallowRenderer from 'react-test-renderer/shallow'; From 80b52b8a53bae4106d40ec8e3243760e7750fff9 Mon Sep 17 00:00:00 2001 From: "minung.han" Date: Mon, 11 Mar 2019 15:40:32 +0000 Subject: [PATCH 6/6] resolve reviews --- 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 2925e6da7..c7be25aa4 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: Reference @@ -49,17 +49,17 @@ expect(result.props.children).toEqual([ 얕은 테스팅은 현재 몇 가지 제한 사항이 있습니다. 다시 말해 refs를 지원하지 않습니다. -> 노트: +> 주의 > -> 우리는 또한 Enzyme의 [Shallow Rendering API](https://airbnb.io/enzyme/docs/api/shallow.html)을 확인해 볼 것을 권장합니다. 같은 기능에 대해 더 높은 수준의 API를 제공합니다. +> 우리는 또한 Enzyme의 [Shallow Rendering API](https://airbnb.io/enzyme/docs/api/shallow.html)를 확인해 볼 것을 권장합니다. 같은 기능에 대해 더 높은 수준의 API를 제공합니다. ## 참조 {#reference} ### `shallowRenderer.render()` {#shallowrendererrender} -shallowRenderer는 테스트 중인 컴포넌트를 렌더링하는 "장소(place)"로써 생각할 수 있습니다. 그리고 이것으로부터 컴포넌트의 출력을 추출할 수 있습니다. +shallowRenderer는 테스트 중인 컴포넌트를 렌더링하는 "장소(place)"로 생각할 수 있으며 이것으로부터 컴포넌트의 출력을 추출할 수 있습니다. -`shallowRenderer.render()`는 [`ReactDOM.render()`](/docs/react-dom.html#render)과 비슷하지만 DOM을 요구하지 않으며 오직 한 단계 깊이만을 렌더링합니다. 이것은 컴포넌트의 자식들이 어떻게 구현되었는지와 독립적으로 테스트를 할 수 있다는 의미합니다. +`shallowRenderer.render()`는 [`ReactDOM.render()`](/docs/react-dom.html#render)와 비슷하지만 DOM을 요구하지 않으며 오직 한 단계 깊이만을 렌더링합니다. 이것은 컴포넌트의 자식들이 어떻게 구현되었는지 신경 쓰지 않고 독립적으로 테스트할 수 있음을 의미합니다. ### `shallowRenderer.getRenderOutput()` {#shallowrenderergetrenderoutput}