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
A `ReactTestUtils` egyszerűvé teszi a React komponensek tesztelését az általad választott tesztelői keretrendszerben. A Facebooknál a [Jest](https://facebook.github.io/jest/)-et használjuk a fájdalommentes JavScript tesztelés érdekében. A Jest weboldalán lévő [React Tutorial](https://jestjs.io/docs/tutorial-react) segítségével megtanulhatod, hogy hogyan állj neki.
18
+
A `ReactTestUtils` egyszerűvé teszi a React komponensek tesztelését az általad választott tesztelői keretrendszerben. A Facebooknál a [Jest](https://facebook.github.io/jest/)-et használjuk a fájdalommentes JavaScript tesztelés érdekében. A Jest weboldalán lévő [React Tutorial](https://jestjs.io/docs/tutorial-react) segítségével megtanulhatod, hogy kezdhetsz neki a tesztelésnek.
19
19
20
20
> Megjegyzés:
21
21
>
22
-
> Mi a [React Testing Library](https://testing-library.com/react) használatát ajánljuk, ami úgy lett tervezve, hogy olyan komponenstesztek írására bátorítson, ami a végfelhasználó cselekedeit tükrözi.
22
+
> Mi a [React Testing Library](https://testing-library.com/react) használatát ajánljuk, ami úgy lett tervezve, hogy olyan komponenstesztek írására bátorítson, amik a végfelhasználó cselekedeit tükrözi.
23
23
>
24
24
> Alternatívaként, az Airbnb is kiadott egy tesztelői segédeszközt [Enzyme](https://airbnb.io/enzyme/) néven, ami egyszerűbbé teszi a React komponenseid kimenetéhez állításokat írni, azt manipulálni és bejárni.
25
25
@@ -48,7 +48,7 @@ Egy komponens állításokhoz való felkészítéshez vedd körül az azt render
48
48
49
49
>Megjegyzés
50
50
>
51
-
> Ha a `react-test-renderer`-et használod, az is szolgáltat egy `act` exportot, ami hasonlóan működik.
51
+
> Ha a `react-test-renderer`-t használod, az is szolgáltat egy `act` exportot, ami hasonlóan működik.
52
52
53
53
Például, mondjuk hogy van ez a `Counter` komponensünk:
54
54
@@ -103,7 +103,7 @@ afterEach(() => {
103
103
container = null;
104
104
});
105
105
106
-
it('can render and update a counter', () => {
106
+
it('tud egy számlálót renderelni, és frissíteni', () => {
107
107
// Teszteld az első renderelést és a componentDidMount-ot
108
108
act(() => {
109
109
ReactDOM.render(<Counter />, container);
@@ -124,7 +124,7 @@ it('can render and update a counter', () => {
124
124
125
125
- Ne feledd, hogy DOM események kiküldése csak akkor működik, ha a DOM konténer hozzá lett adva a `document`-hez. A sablonkód minimalizálásához használj egy könyvtárat, mint a [React Testing Library](https://testing-library.com/react).
126
126
127
-
- A [`receptek`](/docs/testing-recipes.html) dokumentum több részletet tartalmaz az `act()` működéséről példákkal, és annak használatával.
127
+
- A [`receptek`](/docs/testing-recipes.html) dokumentum több részletet tartalmaz az `act()` működéséről példákkal, és annak használatáról.
128
128
129
129
* * *
130
130
@@ -197,7 +197,7 @@ isCompositeComponentWithType(
197
197
)
198
198
```
199
199
200
-
Ha az `instance` egy React komponens aminek a típusa egy `componentClass`, akkor `true` értéket ad vissza.
200
+
Ha az `instance` egy React komponens, aminek a típusa egy `componentClass`, akkor `true` értéket ad vissza.
201
201
202
202
* * *
203
203
@@ -210,7 +210,7 @@ findAllInRenderedTree(
210
210
)
211
211
```
212
212
213
-
Járj be minden komponenst a `tree`-ben (fán) és gyűjtsd össze az összes komponens, ahol a `test(component)``true`. Ez így magában nem túl hasznos, inkább primitívként, más tesztelői segédeszközökben használt.
213
+
Bejár minden komponenst a `tree`-ben (fán) és összegyűjti az összes komponenst, ahol a `test(component)``true`. Ez így magában nem túl hasznos, inkább primitívként, más tesztelői segédeszközökben használt.
214
214
215
215
* * *
216
216
@@ -298,7 +298,7 @@ Mint a [`scryRenderedComponentsWithType()`](#scryrenderedcomponentswithtype), de
298
298
renderIntoDocument(element)
299
299
```
300
300
301
-
Egy React elemet renderel egy leválasztott DOM csomópontba a dokumentumban. **Ez a függvény megköveteli a DOM jelenlétét.** Ez végülis ekvivalens ezzel:
301
+
Egy React elemet renderel egy leválasztott DOM csomópontba, a dokumentumban. **Ez a függvény megköveteli a DOM jelenlétét.** Ez végülis ekvivalens ezzel:
> Szükséged lesz a `window`, `window.document` és a `window.document.createElement` globális jelenlétére a `React` beimportálása **előtt**. Máskülönben a React azt fogja hinni, hogy nem fér hozzá a DOM-hoz és olyan metódusok, mint a `setState` nem fog működni.
310
+
> Szükséged lesz a `window`, `window.document` és a `window.document.createElement` globális jelenlétére a `React` beimportálása **előtt**. Máskülönben a React azt fogja hinni, hogy nem fér hozzá a DOM-hoz és olyan metódusok, mint a `setState` nem fognak működni.
311
311
312
312
* * *
313
313
@@ -322,7 +322,7 @@ Simulate.{eventName}(
322
322
)
323
323
```
324
324
325
-
Egy esemény kiküldését szimulálja egy DOM csompóponton az opcionális `eventData` eseménnyel kapcsolatos adattal.
325
+
Egy esemény kiküldését szimulálja egy DOM csompóponton, az opcionális `eventData` eseménnyel kapcsolatos adattal.
326
326
327
327
A `Simulate` rendelkezik egy metódussal [minden eseményhez, amit a React megért](/docs/events.html#supported-events).
0 commit comments