From db260a0d5dca7d3d8284d17a0c754fb7f86f1a0f Mon Sep 17 00:00:00 2001 From: Gasim Gasimzada Date: Sat, 10 Aug 2019 08:45:04 +0400 Subject: [PATCH 1/3] Translate shallow rendering --- content/docs/addons-shallow-renderer.md | 34 ++++++++++++------------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index 7b7f29f3c..f5ee25f5b 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -1,36 +1,36 @@ --- id: shallow-renderer -title: Shallow Renderer +title: Dayaz Render Etmə permalink: docs/shallow-renderer.html layout: docs category: Reference --- -**Importing** +*İdxal Etmək** ```javascript import ShallowRenderer from 'react-test-renderer/shallow'; // ES6 -var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 with npm +var ShallowRenderer = require('react-test-renderer/shallow'); // npm ilə ES5 ``` -## Overview {#overview} +## İcmal {#overview} -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. +Dayaz Render Etmə React-də unit testlər yazdıqda faydalıdır. Dayaz render etmə komponenti "bir dərəcə dərinlikdə" render etməyə imkan yaradır. Bu halda, uşaq komponentlərin davranışından narahat olmayaraq (yaranıb render etmirlər), siz komponentin nə qaytardığı haqqında iddaları yoxlaya bilərsiniz. Burada DOM-a tələbat yoxdur. -For example, if you have the following component: +Məsələn, əgər sizdə aşağıdaki komponent varsa: ```javascript function MyComponent() { return (
- Title + Başlıq
); } ``` -Then you can assert: +Siz iddiaları aşağıdaki formada edə bilərsiniz: ```javascript import ShallowRenderer from 'react-test-renderer/shallow'; @@ -42,27 +42,27 @@ const result = renderer.getRenderOutput(); expect(result.type).toBe('div'); expect(result.props.children).toEqual([ - Title, + Başlıq, ]); ``` -Shallow testing currently has some limitations, namely not supporting refs. +Dayaz render etmənin bəzi məhdudiyyətləri var. Əsas olaraq indi ref-lər dəstəklənmir. -> Note: +> Qeyd: > -> We also recommend checking out Enzyme's [Shallow Rendering API](https://airbnb.io/enzyme/docs/api/shallow.html). It provides a nicer higher-level API over the same functionality. +> Biz həmçinin Enzyme-ın [Dayaz Render Etmə API-na](https://airbnb.io/enzyme/docs/api/shallow.html) baxmağınızı tövsiyyə edirik. Bu sizə eyni funksionallıq üzərindən yuxarı dərəcəli API təmin edir. -## Reference {#reference} +## Arayış {#reference} ### `shallowRenderer.render()` {#shallowrendererrender} -You can think of the shallowRenderer as a "place" to render the component you're testing, and from which you can extract the component's output. +Siz the shallowRenderer-ə komponenti render etmək üçün və komponentin nəticəsini idxal etmək üçün bir "yer" kimi baxa bilərsiniz. -`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) bənzəyir amma DOM tələb etmir və komponentləri yalnız bir dərəcə dərinliyə kimi render edir. Bu sizə komponentləri uşaqların tətbiqindən təcrid olunmuş şəkildə test etməyə imkan yaradır.. ### `shallowRenderer.getRenderOutput()` {#shallowrenderergetrenderoutput} -After `shallowRenderer.render()` has been called, you can use `shallowRenderer.getRenderOutput()` to get the shallowly rendered output. +`shallowRenderer.render()` çağrıldıqdan sonra, you can use `shallowRenderer.getRenderOutput()`-dən istifadə edərək dayaz render etmənin nəticəsini əldə edə bilərsiniz. -You can then begin to assert facts about the output. +Nəticəni əldə etdikdən sonra, nəticə haqqında iddiaları yoxlaya bilərsiniz. From 33fe415a69edf44ffd900a6b6a2c44339870b025 Mon Sep 17 00:00:00 2001 From: Gasim Gasimzada Date: Sun, 11 Aug 2019 09:20:56 +0400 Subject: [PATCH 2/3] Fix issues in shallow renderer after self-review --- content/docs/addons-shallow-renderer.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index f5ee25f5b..d2673811a 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -6,7 +6,7 @@ layout: docs category: Reference --- -*İdxal Etmək** +**İdxal Etmək** ```javascript import ShallowRenderer from 'react-test-renderer/shallow'; // ES6 @@ -15,7 +15,7 @@ var ShallowRenderer = require('react-test-renderer/shallow'); // npm ilə ES5 ## İcmal {#overview} -Dayaz Render Etmə React-də unit testlər yazdıqda faydalıdır. Dayaz render etmə komponenti "bir dərəcə dərinlikdə" render etməyə imkan yaradır. Bu halda, uşaq komponentlərin davranışından narahat olmayaraq (yaranıb render etmirlər), siz komponentin nə qaytardığı haqqında iddaları yoxlaya bilərsiniz. Burada DOM-a tələbat yoxdur. +React-də unit testlər yazmaq üçün Dayaz Render Etmə faydalıdır. Dayaz render etmə, komponenti "bir dərəcə dərinlikdə" render etməyə imkan yaradır. Bu halda, uşaq komponentlərin davranışından narahat olmayaraq (yaranıb render etmirlər), siz komponentin nə qaytardığı haqqında iddaları yoxlaya bilərsiniz. Burada DOM-a tələbat yoxdur. Məsələn, əgər sizdə aşağıdaki komponent varsa: @@ -47,7 +47,7 @@ expect(result.props.children).toEqual([ ]); ``` -Dayaz render etmənin bəzi məhdudiyyətləri var. Əsas olaraq indi ref-lər dəstəklənmir. +Dayaz render etmənin bəzi məhdudiyyətləri var. Hal hazırda ref-lər dəstəklənmir. > Qeyd: > @@ -57,12 +57,12 @@ Dayaz render etmənin bəzi məhdudiyyətləri var. Əsas olaraq indi ref-lər d ### `shallowRenderer.render()` {#shallowrendererrender} -Siz the shallowRenderer-ə komponenti render etmək üçün və komponentin nəticəsini idxal etmək üçün bir "yer" kimi baxa bilərsiniz. +Siz shallowRenderer-ə komponenti render etmək üçün və komponentin nəticəsini idxal etmək üçün bir "yer" kimi baxa bilərsiniz. -`shallowRenderer.render()` [`ReactDOM.render()`-ə](/docs/react-dom.html#render) bənzəyir amma DOM tələb etmir və komponentləri yalnız bir dərəcə dərinliyə kimi render edir. Bu sizə komponentləri uşaqların tətbiqindən təcrid olunmuş şəkildə test etməyə imkan yaradır.. +`shallowRenderer.render()` [`ReactDOM.render()`-ə](/docs/react-dom.html#render) bənzəyir amma DOM tələb etmir və komponentləri yalnız bir dərəcə dərinliyə kimi render edir. Bu metod, sizə komponentləri uşaqların tətbiqindən təcrid olunmuş şəkildə test etməyə imkan yaradır. ### `shallowRenderer.getRenderOutput()` {#shallowrenderergetrenderoutput} -`shallowRenderer.render()` çağrıldıqdan sonra, you can use `shallowRenderer.getRenderOutput()`-dən istifadə edərək dayaz render etmənin nəticəsini əldə edə bilərsiniz. +`shallowRenderer.render()` çağrıldıqdan sonra `shallowRenderer.getRenderOutput()`-dan istifadə edərək dayaz render etmənin nəticəsini əldə edə bilərsiniz. -Nəticəni əldə etdikdən sonra, nəticə haqqında iddiaları yoxlaya bilərsiniz. +Nəticəni əldə etdikdən sonra nəticə haqqında iddiaları yoxlaya bilərsiniz. From 55f7d3ee4bb9030239512dc36b72e3d4cbbe7cec Mon Sep 17 00:00:00 2001 From: Gasim Gasimzada Date: Wed, 21 Aug 2019 15:23:04 +0400 Subject: [PATCH 3/3] Fix shallow renderer according to @azizaismayilova's review --- content/docs/addons-shallow-renderer.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index d2673811a..ea921106f 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -17,7 +17,7 @@ var ShallowRenderer = require('react-test-renderer/shallow'); // npm ilə ES5 React-də unit testlər yazmaq üçün Dayaz Render Etmə faydalıdır. Dayaz render etmə, komponenti "bir dərəcə dərinlikdə" render etməyə imkan yaradır. Bu halda, uşaq komponentlərin davranışından narahat olmayaraq (yaranıb render etmirlər), siz komponentin nə qaytardığı haqqında iddaları yoxlaya bilərsiniz. Burada DOM-a tələbat yoxdur. -Məsələn, əgər sizdə aşağıdaki komponent varsa: +Məsələn, əgər sizdə aşağıdakı komponent varsa: ```javascript function MyComponent() { @@ -30,7 +30,7 @@ function MyComponent() { } ``` -Siz iddiaları aşağıdaki formada edə bilərsiniz: +Siz iddiaları aşağıdakı formada edə bilərsiniz: ```javascript import ShallowRenderer from 'react-test-renderer/shallow'; @@ -47,7 +47,7 @@ expect(result.props.children).toEqual([ ]); ``` -Dayaz render etmənin bəzi məhdudiyyətləri var. Hal hazırda ref-lər dəstəklənmir. +Dayaz render etmənin bəzi məhdudiyyətləri var. Hal-hazırda ref-lər dəstəklənmir. > Qeyd: >