Skip to content

Commit 5d34860

Browse files
author
Jakub Drozdek
committed
Translate 'Test Renderer' page
1 parent 81e1b2e commit 5d34860

File tree

1 file changed

+36
-36
lines changed

1 file changed

+36
-36
lines changed

content/docs/reference-test-renderer.md

Lines changed: 36 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -6,20 +6,20 @@ layout: docs
66
category: Reference
77
---
88

9-
**Importing**
9+
**Importowanie**
1010

1111
```javascript
1212
import TestRenderer from 'react-test-renderer'; // ES6
13-
const TestRenderer = require('react-test-renderer'); // ES5 with npm
13+
const TestRenderer = require('react-test-renderer'); // ES5 z zainstalowanym npm
1414
```
1515

16-
## Overview {#overview}
16+
## Ogólne informacje {#overview}
1717

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+
Paczka ta udostępnia narzędzie dla Reacta, który renderuje komponenty reactowe do czysto javascriptowych obiektów, bez użycia drzewa DOM czy natywnego środowiska mobilnego.
1919

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+
Istotą tej paczki jest łatwość wygenerowania snapshota hierarchii widoków (podobnej do drzewa DOM), wyrenderowanej przez komponent z React DOM lub React Native bez pomocy przeglądarki czy [jsdom](https://github.com/tmpvar/jsdom).
2121

22-
Example:
22+
Przykład:
2323

2424
```javascript
2525
import TestRenderer from 'react-test-renderer';
@@ -38,9 +38,9 @@ console.log(testRenderer.toJSON());
3838
// children: [ 'Facebook' ] }
3939
```
4040

41-
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](http://facebook.github.io/jest/blog/2016/07/27/jest-14.html).
41+
Przy pomocy funkcjonalności biblioteki Jest do generowania snapshotów można automatycznie zapisać do pliku kopię drzewa w formacie JSON i sprawdzać w teście, czy się ono nie zmieniło [(Więcej informacji na ten temat)](http://facebook.github.io/jest/blog/2016/07/27/jest-14.html).
4242

43-
You can also traverse the output to find specific nodes and make assertions about them.
43+
Zwrócone drzewo można również przeszukiwać w celu znalezienia konkretnych węzłów i sprawdzenia ich właściwości.
4444

4545
```javascript
4646
import TestRenderer from 'react-test-renderer';
@@ -49,29 +49,29 @@ function MyComponent() {
4949
return (
5050
<div>
5151
<SubComponent foo="bar" />
52-
<p className="my">Hello</p>
52+
<p className="my">Cześć</p>
5353
</div>
5454
)
5555
}
5656

5757
function SubComponent() {
5858
return (
59-
<p className="sub">Sub</p>
59+
<p className="sub">Potomek</p>
6060
);
6161
}
6262

6363
const testRenderer = TestRenderer.create(<MyComponent />);
6464
const testInstance = testRenderer.root;
6565

6666
expect(testInstance.findByType(SubComponent).props.foo).toBe('bar');
67-
expect(testInstance.findByProps({className: "sub"}).children).toEqual(['Sub']);
67+
expect(testInstance.findByProps({className: "sub"}).children).toEqual(['Potomek']);
6868
```
6969

7070
### TestRenderer {#testrenderer}
7171

7272
* [`TestRenderer.create()`](#testrenderercreate)
7373

74-
### TestRenderer instance {#testrenderer-instance}
74+
### Instancja TestRenderer {#testrenderer-instance}
7575

7676
* [`testRenderer.toJSON()`](#testrenderertojson)
7777
* [`testRenderer.toTree()`](#testrenderertotree)
@@ -94,157 +94,157 @@ expect(testInstance.findByProps({className: "sub"}).children).toEqual(['Sub']);
9494
* [`testInstance.parent`](#testinstanceparent)
9595
* [`testInstance.children`](#testinstancechildren)
9696

97-
## Reference {#reference}
97+
## Dokumentacja {#reference}
9898

9999
### `TestRenderer.create()` {#testrenderercreate}
100100

101101
```javascript
102102
TestRenderer.create(element, options);
103103
```
104104

105-
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+
Tworzy instancję `TestRenderer` przy użyciu przekazanego elementu reactowego. Nie korzysta z prawdziwego drzewa DOM, lecz renderuje całe drzewo komponentów do pamięci, aby można było wykonać na nim sprawdzenia. Zwracana instancja posiada następujące metody i właściwości:
106106

107107
### `testRenderer.toJSON()` {#testrenderertojson}
108108

109109
```javascript
110110
testRenderer.toJSON()
111111
```
112112

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](http://facebook.github.io/jest/docs/en/snapshot-testing.html#snapshot-testing-with-jest).
113+
Zwraca obiekt reprezentujący wyrenderowane drzewo. W drzewie znajdą się wyłącznie węzły specyficzne dla platformy, np. `<div>` lub `<View>`, wraz ze swoimi atrybutami. Nie zostaną wyrenderowane natomiast żadne niestandardowe komponenty użytkownika. Funkcja przydaje się przy [testowaniu za pomocą snapshotów](http://facebook.github.io/jest/docs/en/snapshot-testing.html#snapshot-testing-with-jest).
114114

115115
### `testRenderer.toTree()` {#testrenderertotree}
116116

117117
```javascript
118118
testRenderer.toTree()
119119
```
120120

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+
Zwraca obiekt reprezentujący wyrenderowane drzewo. W przeciwieństwie do `toJSON()`, ta reprezentacja jest bardziej szczegółowa i zawiera również niestandardowe komponenty użytkownika. Prawdopodobnie ta funkcja nigdy ci się nie przyda, chyba że piszesz w oparciu o tę paczkę własną bibliotekę do testów.
122122

123123
### `testRenderer.update()` {#testrendererupdate}
124124

125125
```javascript
126126
testRenderer.update(element)
127127
```
128128

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+
Przy użyciu nowego elementu głównego ponownie renderuje drzewo przechowywane w pamięci. Symuluje aktualizację przeprowadzaną przez Reacta na korzeniu drzewa. Jeśli nowy element ma ten sam typ i klucz, co poprzedni, drzewo zostanie zaktualizowane; w przeciwnym wypadku drzewo zostanie odmontowane i zamontowane ponownie.
130130

131131
### `testRenderer.unmount()` {#testrendererunmount}
132132

133133
```javascript
134134
testRenderer.unmount()
135135
```
136136

137-
Unmount the in-memory tree, triggering the appropriate lifecycle events.
137+
Odmontowuje drzewo przechowywane w pamięci, wywołując odpowiednie zdarzenia z cyklu życia komponentów.
138138

139139
### `testRenderer.getInstance()` {#testrenderergetinstance}
140140

141141
```javascript
142142
testRenderer.getInstance()
143143
```
144144

145-
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+
Zwraca instancję korzenia drzewa, jeśli takowy istnieje. Nie zadziała, jeśli komponent główny jest funkcją, ponieważ funkcje nie mają własnych instancji.
146146

147147
### `testRenderer.root` {#testrendererroot}
148148

149149
```javascript
150150
testRenderer.root
151151
```
152152

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+
Zwraca "instancję testową" korzenia drzewa. Przydatne do wykonywania sprawdzeń na poszczególnych węzłach drzewa, a także do wyszukiwania innych "instancji testowych" w poddrzewach.
154154

155155
### `testInstance.find()` {#testinstancefind}
156156

157157
```javascript
158158
testInstance.find(test)
159159
```
160160

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+
Wyszukuje w poddrzewie dokładnie jedną instancję testową, dla której wywołanie `test(testInstance)` zwróci `true`. Jeśli funkcja `test(testInstance)` nie zwróci `true` dla dokładnie jednej instancji, rzucony zostanie wyjątek.
162162

163163
### `testInstance.findByType()` {#testinstancefindbytype}
164164

165165
```javascript
166166
testInstance.findByType(type)
167167
```
168168

169-
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+
Wyszukuje w poddrzewie dokładnie jedną instancję testową o podanym typie `type`. Jeśli funkcja znajdzie inną liczbę instancji, rzucony zostanie wyjątek.
170170

171171
### `testInstance.findByProps()` {#testinstancefindbyprops}
172172

173173
```javascript
174174
testInstance.findByProps(props)
175175
```
176176

177-
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+
Wyszukuje w poddrzewie dokładnie jedną instancję testową o podanych atrybutach `props`. Jeśli funkcja znajdzie inną liczbę instancji, rzucony zostanie wyjątek.
178178

179179
### `testInstance.findAll()` {#testinstancefindall}
180180

181181
```javascript
182182
testInstance.findAll(test)
183183
```
184184

185-
Find all descendant test instances for which `test(testInstance)` returns `true`.
185+
Wyszukuje w poddrzewie wszystkie instancje testowe, dla których funkcja `test(testInstance)` zwraca `true`.
186186

187187
### `testInstance.findAllByType()` {#testinstancefindallbytype}
188188

189189
```javascript
190190
testInstance.findAllByType(type)
191191
```
192192

193-
Find all descendant test instances with the provided `type`.
193+
Wyszukuje w poddrzewie wszystkie instancje testowe o podanym typie `type`.
194194

195195
### `testInstance.findAllByProps()` {#testinstancefindallbyprops}
196196

197197
```javascript
198198
testInstance.findAllByProps(props)
199199
```
200200

201-
Find all descendant test instances with the provided `props`.
201+
Wyszukuje w poddrzewie wszystkie instancje testowe o podanych atrybutach `props`.
202202

203203
### `testInstance.instance` {#testinstanceinstance}
204204

205205
```javascript
206206
testInstance.instance
207207
```
208208

209-
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+
Zwraca instancję komponentu powiązanego z daną instancją testową. Działa tylko dla komponentów klasowych, ponieważ funkcyjne nie mają instancji. Wynik jest referencją odpowiadającą `this` w danym komponencie.
210210

211211
### `testInstance.type` {#testinstancetype}
212212

213213
```javascript
214214
testInstance.type
215215
```
216216

217-
The component type corresponding to this test instance. For example, a `<Button />` component has a type of `Button`.
217+
Zwraca typ komponentu powiązanego z daną instancją testową. Przykładowo, typem komponentu `<Button />` jest `Button`.
218218

219219
### `testInstance.props` {#testinstanceprops}
220220

221221
```javascript
222222
testInstance.props
223223
```
224224

225-
The props corresponding to this test instance. For example, a `<Button size="small" />` component has `{size: 'small'}` as props.
225+
Zwraca atrybuty powiązane z daną instancją testową. Przykładowo, atrybutami komponentu `<Button size="small" />` są: `{size: 'small'}`.
226226

227227
### `testInstance.parent` {#testinstanceparent}
228228

229229
```javascript
230230
testInstance.parent
231231
```
232232

233-
The parent test instance of this test instance.
233+
Zwraca instancję rodzica dla danej instancji testowej.
234234

235235
### `testInstance.children` {#testinstancechildren}
236236

237237
```javascript
238238
testInstance.children
239239
```
240240

241-
The children test instances of this test instance.
241+
Zwraca instancje potomków dla danej "instancji testowej".
242242

243-
## Ideas {#ideas}
243+
## Pomysły {#ideas}
244244

245-
You can pass `createNodeMock` function to `TestRenderer.create` as the option, which allows for custom mock refs.
246-
`createNodeMock` accepts the current element and should return a mock ref object.
247-
This is useful when you test a component that relies on refs.
245+
Do metody `TestRenderer.create` jako argument można przekazać funkcję `createNodeMock`, która pozwala na tworzenie własnych atrap referencji (ang. *mock refs*).
246+
`createNodeMock` jako argument przyjmuje element, a zwraca obiekt będący atrapą referencji.
247+
Przydaje się to w testach komponentów, które korzystają z referencji (ang. *refs*) do innych komponentów.
248248

249249
```javascript
250250
import TestRenderer from 'react-test-renderer';
@@ -268,7 +268,7 @@ TestRenderer.create(
268268
{
269269
createNodeMock: (element) => {
270270
if (element.type === 'input') {
271-
// mock a focus function
271+
// atrapa funkcji "focus"
272272
return {
273273
focus: () => {
274274
focused = true;

0 commit comments

Comments
 (0)