@@ -15,9 +15,9 @@ const TestRenderer = require('react-test-renderer'); // ES5 with npm
15
15
16
16
## 概览 {#overview}
17
17
18
- 这个 package 提供了一个 React 渲染器,可以用来将 React 组件渲染成纯 JavaScript 对象, 无需依赖 DOM 或原生移动环境。
18
+ 这个 package 提供了一个 React 渲染器,用于将 React 组件渲染成纯 JavaScript 对象, 无需依赖 DOM 或原生移动环境。
19
19
20
- 本质上, 这个 package 无需利用浏览器或 [ jsdom] ( https://github.com/tmpvar/jsdom ) 便可以轻松抓取由 React DOM 或 React Native 渲染出的平台试图层次结构(类似 DOM 树)。
20
+ 这个 package 提供的主要功能是在不依赖浏览器或 [ jsdom] ( https://github.com/tmpvar/jsdom ) 的情况下,返回某个时间点由 React DOM 或者 React Native 平台渲染出的视图结构(类似与 DOM 树)快照 。
21
21
22
22
示例:
23
23
@@ -38,7 +38,7 @@ console.log(testRenderer.toJSON());
38
38
// children: [ 'Facebook' ] }
39
39
```
40
40
41
- 你可以使用 Jest 的快照测试来自动保存一个该 ` JSON ` 树文件的副本,并在你的测试中检查它是否被更改 :[ 了解更多] ( http://facebook.github.io/jest/blog/2016/07/27/jest-14.html ) 。
41
+ 你可以使用 Jest 的快照测试功能来自动保存当前 ` JSON ` 树结构到一个文件中,并在测试中检查它是否被修改 :[ 了解更多] ( http://facebook.github.io/jest/blog/2016/07/27/jest-14.html ) 。
42
42
43
43
你也可以通过遍历输出来查找特定节点,并对它们进行断言。
44
44
@@ -110,15 +110,15 @@ TestRenderer.create(element, options);
110
110
testRenderer .toJSON ()
111
111
```
112
112
113
- 返回一个表示渲染后的树的对象 。该树仅包含特定平台的节点,例如 ` <div> ` 或 ` <View> ` 和他们的 props,但并不包含任何用户编写的组件。这对于[ 快照测试] ( http://facebook.github.io/jest/docs/en/snapshot-testing.html#snapshot-testing-with-jest ) 非常方便。
113
+ 返回一个已渲染的的树对象 。该树仅包含特定平台的节点,例如 ` <div> ` 或 ` <View> ` 和它们的 props,但并不包含任何用户编写的组件。这对于[ 快照测试] ( http://facebook.github.io/jest/docs/en/snapshot-testing.html#snapshot-testing-with-jest ) 非常方便。
114
114
115
115
### ` testRenderer.toTree() ` {#testrenderertotree}
116
116
117
117
``` javascript
118
118
testRenderer .toTree ()
119
119
```
120
120
121
- 返回一个表示渲染后的树的对象 。和 ` toJSON() ` 不同,它表示的内容比 ` toJSON() ` 提供的内容要更加详细,并且包含用户编写的组件。除非你要在测试渲染器(test renderer)之上编写自己的断言库,否则你可能并不需要这个方法。
121
+ 返回一个已渲染的的树对象 。和 ` toJSON() ` 不同,它表示的内容比 ` toJSON() ` 提供的内容要更加详细,并且包含用户编写的组件。除非你要在测试渲染器(test renderer)之上编写自己的断言库,否则你可能并不需要这个方法。
122
122
123
123
### ` testRenderer.update() ` {#testrendererupdate}
124
124
@@ -240,9 +240,9 @@ testInstance.children
240
240
241
241
该测试实例的子测试实例。
242
242
243
- ## 意见 {#ideas}
243
+ ## 想法 {#ideas}
244
244
245
- 你可以把 ` createNodeMock ` 函数作为选项(option)传递给 ` TestRenderer.create ` ,可以自行模拟 refs。` createNodeMock ` 接受当前元素作为参数,并且返回一个模拟 ref 对象的。这十分有利于测试依赖于 refs 的组件 。
245
+ 你可以把 ` createNodeMock ` 函数作为选项(option)传递给 ` TestRenderer.create ` ,进行自定义 refs 模拟 。` createNodeMock ` 接受当前元素作为参数,并且返回一个模拟 ref 对象的。这十分有利于依赖 refs 组件的测试 。
246
246
247
247
``` javascript
248
248
import TestRenderer from ' react-test-renderer' ;
0 commit comments