You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
constTestRenderer=require('react-test-renderer'); // ES5 with npm
13
+
constTestRenderer=require('react-test-renderer'); // ES5 com npm
14
14
```
15
15
16
-
## Overview {#overview}
16
+
## Visão Geral {#overview}
17
17
18
-
This package provides a React renderer that can be used to render React components to pure JavaScript objects, without depending on the DOM or a native mobile environment.
18
+
Este pacote fornece um renderizador React que pode ser usado para renderizar componentes React para objetos JavaScript puros, sem depender do DOM ou de um ambiente móvel nativo.
19
19
20
-
Essentially, this package makes it easy to grab a snapshot of the platform view hierarchy (similar to a DOM tree) rendered by a React DOM or React Native component without using a browser or[jsdom](https://github.com/tmpvar/jsdom).
20
+
Essencialmente, esse pacote facilita a captura de um snapshot da hierarquia de visualização da plataforma (semelhante a uma árvore DOM) processada por um componente React DOM ou React Native sem usar um navegador ou[jsdom](https://github.com/tmpvar/jsdom).
You can use Jest's snapshot testing feature to automatically save a copy of the JSON tree to a file and check in your tests that it hasn't changed: [Learn more about it](https://facebook.github.io/jest/blog/2016/07/27/jest-14.html).
41
+
Você pode usar o recurso de teste de snapshot do Jest para salvar automaticamente uma cópia da árvore JSON em um arquivo e verificar em seus testes que ela não foi alterada: [Aprenda mais sobre isso](https://facebook.github.io/jest/blog/2016/07/27/jest-14.html).
42
42
43
-
You can also traverse the output to find specific nodes and make assertions about them.
43
+
Você também pode percorrer o resultado para encontrar nós específicos e fazer verificações sobre eles.
Create a `TestRenderer`instance with the passed React element. It doesn't use the real DOM, but it still fully renders the component tree into memory so you can make assertions about it. The returned instance has the following methods and properties.
105
+
Cria uma instância do `TestRenderer`com o elemento React fornecido. Este método não usa o DOM real, mas ainda renderiza completamente a árvore de componentes na memória para que você possa fazer verificações sobre ela. A instância retornada possui os seguintes métodos e propriedades.
106
106
107
107
### `testRenderer.toJSON()` {#testrenderertojson}
108
108
109
109
```javascript
110
110
testRenderer.toJSON()
111
111
```
112
112
113
-
Return an object representing the rendered tree. This tree only contains the platform-specific nodes like `<div>`or`<View>`and their props, but doesn't contain any user-written components. This is handy for [snapshot testing](https://facebook.github.io/jest/docs/en/snapshot-testing.html#snapshot-testing-with-jest).
113
+
Retorna um objeto representando a árvore renderizada. Essa árvore contém apenas os nós específicos da plataforma como `<div>`ou`<View>`e suas props, mas não contém nenhum componente criado pelo usuário. Isso é útil para [testes de snapshot](https://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
-
Return an object representing the rendered tree. Unlike `toJSON()`, the representation is more detailed than the one provided by `toJSON()`, and includes the user-written components. You probably don't need this method unless you're writing your own assertion library on top of the test renderer.
121
+
Retorna um objeto representando a árvore renderizada. Ao contrário de `toJSON()`, a representação é mais detalhada que a fornecida por `toJSON()`, e inclui os componentes criados pelo usuário. Você provavelmente não precisa desse método, a menos que esteja escrevendo sua própria biblioteca de asserções sobre o renderizador de teste.
122
122
123
123
### `testRenderer.update()` {#testrendererupdate}
124
124
125
125
```javascript
126
126
testRenderer.update(element)
127
127
```
128
128
129
-
Re-render the in-memory tree with a new root element. This simulates a React update at the root. If the new element has the same type and key as the previous element, the tree will be updated; otherwise, it will re-mount a new tree.
129
+
Re-renderiza a árvore na memória com um novo elemento raiz. Isso simula uma atualização do React na raiz. Se o novo elemento tiver o mesmo tipo e chave do elemento anterior, a árvore será atualizada; caso contrário, ele irá montar novamente uma nova árvore.
Return the instance corresponding to the root element, if available. This will not work if the root element is a function component because they don't have instances.
145
+
Retorna a instância correspondente ao elemento raiz, se disponível. Isso não funcionará se o elemento raiz for um componente de função, porque eles não possuem instâncias.
146
146
147
147
### `testRenderer.root` {#testrendererroot}
148
148
149
149
```javascript
150
150
testRenderer.root
151
151
```
152
152
153
-
Returns the root "test instance" object that is useful for making assertions about specific nodes in the tree. You can use it to find other "test instances" deeper below.
153
+
Retorna o objeto raiz "instância de teste" que é útil para fazer asserções sobre nós específicos na árvore. Você pode usá-lo para encontrar outras "instâncias de teste" mais abaixo.
154
154
155
155
### `testInstance.find()` {#testinstancefind}
156
156
157
157
```javascript
158
158
testInstance.find(test)
159
159
```
160
160
161
-
Find a single descendant test instance for which `test(testInstance)`returns`true`. If`test(testInstance)`does not return `true`for exactly one test instance, it will throw an error.
161
+
Encontra uma única instância de teste descendente para a qual `test(testInstance)`retorne`true`. Se`test(testInstance)`não retornar `true`para exatamente uma instância de teste, isso causará um erro.
Find a single descendant test instance with the provided`type`. If there is not exactly one test instance with the provided `type`, it will throw an error.
169
+
Encontra uma única instância de teste descendente com o`type` fornecido. Se não houver exatamente uma instância de teste com o `type` fornecido, isso causará um erro.
Find a single descendant test instance with the provided`props`. If there is not exactly one test instance with the provided `props`, it will throw an error.
177
+
Encontra uma única instância de teste descendente com os`props` fornecidos. Se não houver exatamente uma instância de teste com os `props` fornecidos, isso causará um erro.
The component instance corresponding to this test instance. It is only available for class components, as function components don't have instances. It matches the `this`value inside the given component.
209
+
A instância do componente correspondente a essa instância de teste. Está disponível apenas para componentes de classe, pois os componentes de função não possuem instâncias. Ele corresponde ao valor `this`dentro do componente fornecido.
210
210
211
211
### `testInstance.type` {#testinstancetype}
212
212
213
213
```javascript
214
214
testInstance.type
215
215
```
216
216
217
-
The component type corresponding to this test instance. For example, a `<Button />`component has a type of`Button`.
217
+
O tipo de componente correspondente a essa instância de teste. Por exemplo, um componente `<Button />`tem o tipo`Button`.
218
218
219
219
### `testInstance.props` {#testinstanceprops}
220
220
221
221
```javascript
222
222
testInstance.props
223
223
```
224
224
225
-
The props corresponding to this test instance. For example, a `<Button size="small"/>`component has `{size: 'small'}`as props.
225
+
Os props correspondentes a essa instância de teste. Por exemplo, um componente `<Button size="small"/>`possui `{size: 'small'}`como props.
226
226
227
227
### `testInstance.parent` {#testinstanceparent}
228
228
229
229
```javascript
230
230
testInstance.parent
231
231
```
232
232
233
-
The parent test instance of this test instance.
233
+
A instância de teste pai desta instância de teste.
0 commit comments