docs(cn): translate content/docs/addons-shallow-renderer.md into Chinese #91

Ryanhui · 2019-02-12T06:13:15Z

No description provided.

…uirements.md

yuqingc

“您” -> "你"

content/docs/reference-javascript-environment-requirements.md

netlify · 2019-02-13T08:02:18Z

Deploy preview for cn-reactjs ready!

Built with commit 8b7489b

https://deploy-preview-91--cn-reactjs.netlify.com

yhsunshining

Great!
基本没什么问题，有一点点小的格式需要修改下~

yhsunshining · 2019-02-24T11:57:01Z

content/docs/reference-javascript-environment-requirements.md

-React 16 depends on the collection types [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) and [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set). If you support older browsers and devices which may not yet provide these natively (e.g. IE < 11) or which have non-compliant implementations (e.g. IE 11), consider including a global polyfill in your bundled application, such as [core-js](https://github.com/zloirock/core-js) or [babel-polyfill](https://babeljs.io/docs/usage/polyfill/).
-
-A polyfilled environment for React 16 using core-js to support older browsers might look like:
+React 16 依赖集合类型 [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) 和 [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set)。如果你要支持没有原生提供这些能力的老的浏览器或者设备（例如 IE < 11）或者不符合规范实现的（例如 IE 11），考虑在你的应用库中包含一个全局的 polyfill ，例如[core-js](https://github.com/zloirock/core-js) 或 [babel-polyfill](https://babeljs.io/docs/usage/polyfill/)。


少了个空格

Suggested change

React 16 依赖集合类型 [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) 和 [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set)。如果你要支持没有原生提供这些能力的老的浏览器或者设备（例如 IE < 11）或者不符合规范实现的（例如 IE 11），考虑在你的应用库中包含一个全局的 polyfill ，例如[core-js](https://github.com/zloirock/core-js) 或 [babel-polyfill](https://babeljs.io/docs/usage/polyfill/)。

React 16 依赖集合类型 [Map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) 和 [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set)。如果你要支持没有原生提供这些能力的老的浏览器或者设备（例如 IE < 11）或者不符合规范实现的（例如 IE 11），考虑在你的应用库中包含一个全局的 polyfill ，例如 [core-js](https://github.com/zloirock/core-js) 或 [babel-polyfill](https://babeljs.io/docs/usage/polyfill/)。

yhsunshining · 2019-02-24T11:59:34Z

content/docs/addons-shallow-renderer.md


-> Note:
+> 注意:


全角标点

Suggested change

> 注意:

> 注意：

yhsunshining · 2019-02-24T12:02:16Z

content/docs/addons-shallow-renderer.md


-`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 并且只渲染一层。 这意味着你可以只测试组件，不必担心它的子组件是如何实现的。


Suggested change

`shallowRenderer.render()` 和 [`ReactDOM.render()`](/docs/react-dom.html#render) 很像，但是它不需要 DOM 并且只渲染一层。这意味着你可以只测试组件，不必担心它的子组件是如何实现的。

`shallowRenderer.render()` 和 [`ReactDOM.render()`](/docs/react-dom.html#render) 很像，但是它不需要 DOM 并且只渲染一层。这意味着你可以只测试组件，不必关心它的子组件是如何实现的。

或者，这里需要直译吗？

netlify · 2019-02-24T12:23:24Z

Deploy preview for zh-hans-reactjs ready!

Built with commit 8b7489b

https://deploy-preview-91--zh-hans-reactjs.netlify.com

yhsunshining · 2019-02-24T13:54:57Z

content/docs/reference-javascript-environment-requirements.md


+一个使用 core-js 支持老版浏览器的 React 16 的 polyfill 环境大致如下：


该行下应该有一个空行

QC-L · 2019-03-05T06:56:29Z

content/docs/addons-shallow-renderer.md


 ```javascript
 import ShallowRenderer from 'react-test-renderer/shallow'; // ES6
 var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm
 ```

-## Overview {#overview}
+## 概述 {#overview}


Suggested change

## 概述 {#overview}

## 概览 {#overview}

QC-L · 2019-03-05T06:57:36Z

content/docs/addons-shallow-renderer.md


-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。


Suggested change

当为 React 写单元测试时，浅层渲染十分有用。浅层渲染可以使你只渲染一个组件的“第一层”，并且对组件的 render 方法的返回值进行断言，不用担心子组件的行为，子组件并没有实例化或被渲染。并且浅层渲染不需要 DOM。

当为 React 编写单元测试时，浅层渲染十分有用。浅层渲染可以只渲染组件的“第一层”，并且对组件的 render 方法的返回值进行断言，不必担心子组件的行为，子组件并没有实例化或被渲染。并且浅层渲染不依赖 DOM。

QC-L · 2019-03-05T07:13:17Z

content/docs/addons-shallow-renderer.md

@@ -30,12 +30,12 @@ function MyComponent() {
 }
 ```

-Then you can assert:
+你可以断言(assert)：


Suggested change

你可以断言(assert)：

你可以使用断言(assert)：

QC-L · 2019-03-05T07:14:08Z

content/docs/addons-shallow-renderer.md


 ```javascript
 import ShallowRenderer from 'react-test-renderer/shallow';

-// in your test:
+// 在你的测试中:


Suggested change

// 在你的测试中:

// 测试代码：

QC-L · 2019-03-06T06:56:19Z

content/docs/addons-shallow-renderer.md

@@ -47,22 +47,22 @@ expect(result.props.children).toEqual([
 ]);
 ```

-Shallow testing currently has some limitations, namely not supporting refs.
+浅层测试（Shallow testing）当前还有一些局限，即不支持 refs。


Suggested change

浅层测试（Shallow testing）当前还有一些局限，即不支持 refs。

浅层测试（Shallow testing）目前有些局限性，即不支持 refs。

QC-L · 2019-03-06T07:18:47Z

content/docs/addons-shallow-renderer.md


-`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 并且只渲染一层。 这意味着你可以只测试组件，不必关心它的子组件是如何实现的。


Suggested change

`shallowRenderer.render()` 和 [`ReactDOM.render()`](/docs/react-dom.html#render) 很像，但是它不需要 DOM 并且只渲染一层。这意味着你可以只测试组件，不必关心它的子组件是如何实现的。

`shallowRenderer.render()` 和 [`ReactDOM.render()`](/docs/react-dom.html#render) 很像，但是它不依赖 DOM 且只渲染一层。这意味着你可以对组件和其子组件的实现进行隔离测试。

QC-L · 2019-03-06T07:24:56Z

content/docs/addons-shallow-renderer.md


 ### `shallowRenderer.getRenderOutput()` {#shallowrenderergetrenderoutput}

-After `shallowRenderer.render()` has been called, you can use `shallowRenderer.getRenderOutput()` to get the shallowly rendered output.
+在 `shallowRenderer.render()` 被调用后，你可以使用 `shallowRenderer.getRenderOutput()` 来获取浅层渲染的输出。


Suggested change

在 `shallowRenderer.render()` 被调用后，你可以使用 `shallowRenderer.getRenderOutput()` 来获取浅层渲染的输出。

在 `shallowRenderer.render()` 被调用后，你可以使用 `shallowRenderer.getRenderOutput()` 来获取浅层渲染的输出内容。

QC-L · 2019-03-06T07:25:20Z

content/docs/addons-shallow-renderer.md


-You can then begin to assert facts about the output.
+然后，你就可以开始对输出进行断言（assert）了。


Suggested change

然后，你就可以开始对输出进行断言（assert）了。

接着，你就可以开始对输出内容进行断言（assert）了。

QC-L · 2019-03-06T07:32:52Z

content/docs/reference-javascript-environment-requirements.md

@@ -23,8 +23,8 @@ ReactDOM.render(
 );
 ```

-React also depends on `requestAnimationFrame` (even in test environments).  
-You can use the [raf](https://www.npmjs.com/package/raf) package to shim `requestAnimationFrame`:
+React 也依赖于 requestAnimationFrame（甚至包括测试环境）。


Suggested change

React 也依赖于 requestAnimationFrame（甚至包括测试环境）。

React 同时还依赖于 requestAnimationFrame（甚至包括测试环境）。

QC-L · 2019-03-06T07:33:46Z

content/docs/reference-javascript-environment-requirements.md

-React also depends on `requestAnimationFrame` (even in test environments).  
-You can use the [raf](https://www.npmjs.com/package/raf) package to shim `requestAnimationFrame`:
+React 也依赖于 requestAnimationFrame（甚至包括测试环境）。
+你可以使用 [raf](https://www.npmjs.com/package/raf) 包增添 `requestAnimationFrame`：


Suggested change

你可以使用 [raf](https://www.npmjs.com/package/raf) 包增添 `requestAnimationFrame`：

你可以使用 [raf](https://www.npmjs.com/package/raf) 的 package 添加 `requestAnimationFrame` 的 shim：

hijiangtao

LGTM

hijiangtao · 2019-03-07T02:03:08Z

content/docs/addons-shallow-renderer.md

@@ -30,12 +30,12 @@ function MyComponent() {
 }
 ```

-Then you can assert:
+你可以使用断言(assert)：


断言需要括号注明么？这在测试框架中是一个非常常见的术语

加到术语表里，这里忽略？

…ese (reactjs#91)

Ryanhui added 2 commits February 12, 2019 09:49

docs(cn): translate content/docs/reference-javascript-environment-req…

dd787e1

…uirements.md

docs(cn): translate content/docs/addons-shallow-renderer.md

9e16d17

Ryanhui changed the title ~~docs(cn): translate content/docs/reference-javascript-environment-requirements.md into Chinese~~ docs(cn): translate content/docs/addons-shallow-renderer.md into Chinese Feb 12, 2019

QC-L added the Pending Review 已翻译，待校对阶段 label Feb 12, 2019

yuqingc requested changes Feb 13, 2019

View reviewed changes

content/docs/reference-javascript-environment-requirements.md Outdated Show resolved Hide resolved

change 您 to 你

c173096

QC-L mentioned this pull request Feb 14, 2019

OLD CLAIMS #4

Closed

hijiangtao mentioned this pull request Feb 15, 2019

[READ ONLY] Translation Check Sheet #98

Closed

yhsunshining suggested changes Feb 24, 2019

View reviewed changes

modify

5661c0b

yhsunshining reviewed Feb 24, 2019

View reviewed changes

modify

e6c7b28

QC-L requested changes Mar 6, 2019

View reviewed changes

Ryanhui and others added 2 commits March 6, 2019 15:59

modify

2f53dbf

Merge branch 'master' into tanslate-addons-shallow-renderer.md

640d38f

QC-L previously approved these changes Mar 6, 2019

View reviewed changes

QC-L added Pending Re-Review 已修改，待审校阶段 and removed Pending Review 已翻译，待校对阶段 labels Mar 6, 2019

hijiangtao previously approved these changes Mar 7, 2019

View reviewed changes

Update addons-shallow-renderer.md

e7f64ac

QC-L dismissed stale reviews from hijiangtao and themself via e7f64ac March 7, 2019 02:06

Update reference-javascript-environment-requirements.md

8b7489b

QC-L approved these changes Mar 7, 2019

View reviewed changes

hijiangtao approved these changes Mar 7, 2019

View reviewed changes

hijiangtao merged commit 74715d6 into reactjs:master Mar 7, 2019

OhIAmFine pushed a commit to OhIAmFine/zh-hans.reactjs.org that referenced this pull request May 6, 2019

docs(cn): translate content/docs/addons-shallow-renderer.md into Chin…

7ca1a62

…ese (reactjs#91)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

docs(cn): translate content/docs/addons-shallow-renderer.md into Chinese #91

docs(cn): translate content/docs/addons-shallow-renderer.md into Chinese #91

Ryanhui commented Feb 12, 2019

yuqingc left a comment

netlify bot commented Feb 13, 2019 •

edited

Loading

yhsunshining left a comment

yhsunshining Feb 24, 2019

yhsunshining Feb 24, 2019

yhsunshining Feb 24, 2019

netlify bot commented Feb 24, 2019 •

edited

Loading

yhsunshining Feb 24, 2019

QC-L Mar 5, 2019

QC-L Mar 5, 2019

QC-L Mar 5, 2019

QC-L Mar 5, 2019

QC-L Mar 6, 2019

QC-L Mar 6, 2019

QC-L Mar 6, 2019

QC-L Mar 6, 2019

QC-L Mar 6, 2019

QC-L Mar 6, 2019

hijiangtao left a comment

hijiangtao Mar 7, 2019

QC-L Mar 7, 2019


		`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 并且只渲染一层。这意味着你可以只测试组件，不必担心它的子组件是如何实现的。


		一个使用 core-js 支持老版浏览器的 React 16 的 polyfill 环境大致如下：


		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。

	当为 React 写单元测试时，浅层渲染十分有用。浅层渲染可以使你只渲染一个组件的“第一层”，并且对组件的 render 方法的返回值进行断言，不用担心子组件的行为，子组件并没有实例化或被渲染。并且浅层渲染不需要 DOM。
	当为 React 编写单元测试时，浅层渲染十分有用。浅层渲染可以只渲染组件的“第一层”，并且对组件的 render 方法的返回值进行断言，不必担心子组件的行为，子组件并没有实例化或被渲染。并且浅层渲染不依赖 DOM。

	浅层测试（Shallow testing）当前还有一些局限，即不支持 refs。
	浅层测试（Shallow testing）目前有些局限性，即不支持 refs。

	在 `shallowRenderer.render()` 被调用后，你可以使用 `shallowRenderer.getRenderOutput()` 来获取浅层渲染的输出。
	在 `shallowRenderer.render()` 被调用后，你可以使用 `shallowRenderer.getRenderOutput()` 来获取浅层渲染的输出内容。


		You can then begin to assert facts about the output.
		然后，你就可以开始对输出进行断言（assert）了。

	然后，你就可以开始对输出进行断言（assert）了。
	接着，你就可以开始对输出内容进行断言（assert）了。

	React 也依赖于 requestAnimationFrame（甚至包括测试环境）。
	React 同时还依赖于 requestAnimationFrame（甚至包括测试环境）。

	你可以使用 [raf](https://www.npmjs.com/package/raf) 包增添 `requestAnimationFrame`：
	你可以使用 [raf](https://www.npmjs.com/package/raf) 的 package 添加 `requestAnimationFrame` 的 shim：

docs(cn): translate content/docs/addons-shallow-renderer.md into Chinese #91

docs(cn): translate content/docs/addons-shallow-renderer.md into Chinese #91

Conversation

Ryanhui commented Feb 12, 2019

yuqingc left a comment

Choose a reason for hiding this comment

netlify bot commented Feb 13, 2019 • edited Loading

yhsunshining left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

netlify bot commented Feb 24, 2019 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

hijiangtao left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

netlify bot commented Feb 13, 2019 •

edited

Loading

netlify bot commented Feb 24, 2019 •

edited

Loading