From 9d5dc6117c3fa0d87239c9eb3a98d81df5ce6eec Mon Sep 17 00:00:00 2001 From: Kyrylo Yakymenko Date: Tue, 12 Feb 2019 19:27:16 +0100 Subject: [PATCH 1/2] Translate Shallow Renderer --- content/docs/addons-shallow-renderer.md | 36 ++++++++++++------------- 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/content/docs/addons-shallow-renderer.md b/content/docs/addons-shallow-renderer.md index 3fcbbb25b..c74f21d78 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -1,68 +1,68 @@ --- id: shallow-renderer -title: Shallow Renderer +title: Поверхностный рендеринг permalink: docs/shallow-renderer.html layout: docs category: Reference --- -**Importing** +**Импорт** ```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'); // ES5 с npm ``` -## Overview {#overview} +## Обзор {#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. +Поверхностный рендеринг может быть полезным при модульном тестировании компонентов React. Поверхностный рендеринг позволяет вам отрендерить компонент «на один уровень глубины» и утверждать факты о том что возвращает рендер-метод. В этом случае вам не надо волноваться о поведении дочерних компонентов, потому что они не инстанциируются и не рендерятся. Этот процесс не требует DOM. -For example, if you have the following component: +Возьмём к примеру, следующий компонент: ```javascript function MyComponent() { return (
- Title + Заглавие
); } ``` -Then you can assert: +Тогда вы можете утверждать: ```javascript import ShallowRenderer from 'react-test-renderer/shallow'; -// in your test: +// в вашем тесте: const renderer = new ShallowRenderer(); renderer.render(); const result = renderer.getRenderOutput(); expect(result.type).toBe('div'); expect(result.props.children).toEqual([ - Title, + Заглавие, ]); ``` -Shallow testing currently has some limitations, namely not supporting refs. +Поверхностное тестирование в настоящее время имеет некоторые ограничения — оно не поддерживает рефс. -> Note: +> Замечание: > -> We also recommend checking out Enzyme's [Shallow Rendering API](http://airbnb.io/enzyme/docs/api/shallow.html). It provides a nicer higher-level API over the same functionality. +> Мы также советуем посмотреть API поверхностного рендеринга Enzyme [Shallow Rendering API](http://airbnb.io/enzyme/docs/api/shallow.html). Он предоставляет более удобный АПИ высокого уровня для достижения той же функциональности. -## Reference {#reference} +## Справка {#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. +Вы можете думать о shallowRenderer как о «месте» в которое рендерится тестируемый компонент, и из которого вы можете извлечь результат вывода этого компонента. -`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), но не требует DOM и рендерит всего один уровень глубины. Это означает что вы можете тестировать компоненты независимо от того как реализованы их дочерние компоненты. ### `shallowRenderer.getRenderOutput()` {#shallowrenderergetrenderoutput} -After `shallowRenderer.render()` has been called, you can use `shallowRenderer.getRenderOutput()` to get the shallowly rendered output. +После того как был вызван `shallowRenderer.render()`, вы можете извлечь поверхностно отрисованный результат с помощью `shallowRenderer.getRenderOutput()`. -You can then begin to assert facts about the output. +После этого можно начинать утверждать факты о выводе. From ac058df4311b2b1d3ce697cb84c1d9616705330e Mon Sep 17 00:00:00 2001 From: Dan Abramov Date: Tue, 12 Feb 2019 20:08:42 +0000 Subject: [PATCH 2/2] Update addons-shallow-renderer.md --- 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 c74f21d78..b05a6696f 100644 --- a/content/docs/addons-shallow-renderer.md +++ b/content/docs/addons-shallow-renderer.md @@ -47,11 +47,11 @@ expect(result.props.children).toEqual([ ]); ``` -Поверхностное тестирование в настоящее время имеет некоторые ограничения — оно не поддерживает рефс. +Поверхностное тестирование в настоящее время имеет некоторые ограничения — оно не поддерживает рефы. > Замечание: > -> Мы также советуем посмотреть API поверхностного рендеринга Enzyme [Shallow Rendering API](http://airbnb.io/enzyme/docs/api/shallow.html). Он предоставляет более удобный АПИ высокого уровня для достижения той же функциональности. +> Мы также советуем посмотреть API поверхностного рендеринга Enzyme [Shallow Rendering API](http://airbnb.io/enzyme/docs/api/shallow.html). Он предоставляет более удобный API высокого уровня для достижения той же функциональности. ## Справка {#reference} @@ -59,7 +59,7 @@ expect(result.props.children).toEqual([ Вы можете думать о shallowRenderer как о «месте» в которое рендерится тестируемый компонент, и из которого вы можете извлечь результат вывода этого компонента. -`shallowRenderer.render()` схож с [`ReactDOM.render()`](/docs/react-dom.html#render), но не требует DOM и рендерит всего один уровень глубины. Это означает что вы можете тестировать компоненты независимо от того как реализованы их дочерние компоненты. +`shallowRenderer.render()` схож с [`ReactDOM.render()`](/docs/react-dom.html#render), но не требует DOM и рендерит всего один уровень глубины. Это означает что вы можете тестировать компоненты независимо от того, как реализованы их дочерние компоненты. ### `shallowRenderer.getRenderOutput()` {#shallowrenderergetrenderoutput}