From c40d883dd0cdf7ee74d16753903b2445abd1e796 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Fri, 23 Aug 2019 08:45:14 +0530 Subject: [PATCH 01/33] Section: Overview --- content/docs/addons-test-utils.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index d269eaa73..fc269e029 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -10,18 +10,18 @@ category: Reference ```javascript import ReactTestUtils from 'react-dom/test-utils'; // ES6 -var ReactTestUtils = require('react-dom/test-utils'); // ES5 with npm +var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द्वारा ``` ## Overview {#overview} -`ReactTestUtils` makes it easy to test React components in the testing framework of your choice. At Facebook we use [Jest](https://facebook.github.io/jest/) for painless JavaScript testing. Learn how to get started with Jest through the Jest website's [React Tutorial](https://jestjs.io/docs/tutorial-react). +`ReactTestUtils` आपकी पसंद के परीक्षण ढांचे में रिएक्ट घटकों का परीक्षण करना आसान बनाता है। फेसबुक में हम व्यथाहीन जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। जेस्ट वेबसाइट के माध्यम से जेस्ट के साथ शुरुआत करने का तरीका जानें [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react). -> Note: +> नोट: > -> We recommend using [React Testing Library](https://testing-library.com/react) which is designed to enable and encourage writing tests that use your components as the end users do. +> हम [React टेस्टिंग लाइब्रेरी] (https://testing-library.com/react) का उपयोग करने की सलाह देते हैं, जो अंतिम उपयोगकर्ताओं के रूप में आपके घटकों का उपयोग करने वाले लेखन परीक्षणों को सक्षम और प्रोत्साहित करने के लिए डिज़ाइन किया गया है। > -> Alternatively, Airbnb has released a testing utility called [Enzyme](https://airbnb.io/enzyme/), which makes it easy to assert, manipulate, and traverse your React Components' output. +> वैकल्पिक रूप से, Airbnb ने [Enzyme] (https://airbnb.io/enzyme/) नामक एक परीक्षण उपयोगिता जारी की है, जो आपके React कंपोनेंट्स के आउटपुट को मुखर, हेरफेर करना और ट्रैवर्स करना आसान बनाता है। - [`act()`](#act) - [`mockComponent()`](#mockcomponent) From 6cca288b1ead43474ecbccf755f6deb8598d4989 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Fri, 23 Aug 2019 08:52:03 +0530 Subject: [PATCH 02/33] Fix two Markdown links --- content/docs/addons-test-utils.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index fc269e029..1d005dc28 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -19,9 +19,9 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् > नोट: > -> हम [React टेस्टिंग लाइब्रेरी] (https://testing-library.com/react) का उपयोग करने की सलाह देते हैं, जो अंतिम उपयोगकर्ताओं के रूप में आपके घटकों का उपयोग करने वाले लेखन परीक्षणों को सक्षम और प्रोत्साहित करने के लिए डिज़ाइन किया गया है। +> हम [React टेस्टिंग लाइब्रेरी](https://testing-library.com/react) का उपयोग करने की सलाह देते हैं, जो अंतिम उपयोगकर्ताओं के रूप में आपके घटकों का उपयोग करने वाले लेखन परीक्षणों को सक्षम और प्रोत्साहित करने के लिए डिज़ाइन किया गया है। > -> वैकल्पिक रूप से, Airbnb ने [Enzyme] (https://airbnb.io/enzyme/) नामक एक परीक्षण उपयोगिता जारी की है, जो आपके React कंपोनेंट्स के आउटपुट को मुखर, हेरफेर करना और ट्रैवर्स करना आसान बनाता है। +> वैकल्पिक रूप से, Airbnb ने [Enzyme](https://airbnb.io/enzyme/) नामक एक परीक्षण उपयोगिता जारी की है, जो आपके React कंपोनेंट्स के आउटपुट को मुखर, हेरफेर करना और ट्रैवर्स करना आसान बनाता है। - [`act()`](#act) - [`mockComponent()`](#mockcomponent) From 08c8711aaea7bee4722ea846d01f72b598d5a1f8 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Mon, 16 Sep 2019 14:47:27 +0530 Subject: [PATCH 03/33] act() --- content/docs/addons-test-utils.md | 44 +++++++++++++++---------------- 1 file changed, 22 insertions(+), 22 deletions(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 1d005dc28..dd625faab 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -1,27 +1,27 @@ --- id: test-utils -title: Test Utilities +title: परीक्षण उपयोगिताएँ permalink: docs/test-utils.html layout: docs category: Reference --- -**Importing** +**आयात करना** ```javascript import ReactTestUtils from 'react-dom/test-utils'; // ES6 var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द्वारा ``` -## Overview {#overview} +## अवलोकन {#overview} -`ReactTestUtils` आपकी पसंद के परीक्षण ढांचे में रिएक्ट घटकों का परीक्षण करना आसान बनाता है। फेसबुक में हम व्यथाहीन जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। जेस्ट वेबसाइट के माध्यम से जेस्ट के साथ शुरुआत करने का तरीका जानें [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react). +`ReactTestUtils` आपकी पसंद के परीक्षण ढांचे में रिएक्ट घटकों का परीक्षण करना आसान बनाता है। फेसबुक में हम व्यथाहीन जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। Jest वेबसाइट के माध्यम से Jest के साथ शुरुआत करने का तरीका जानें [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react). > नोट: > > हम [React टेस्टिंग लाइब्रेरी](https://testing-library.com/react) का उपयोग करने की सलाह देते हैं, जो अंतिम उपयोगकर्ताओं के रूप में आपके घटकों का उपयोग करने वाले लेखन परीक्षणों को सक्षम और प्रोत्साहित करने के लिए डिज़ाइन किया गया है। > -> वैकल्पिक रूप से, Airbnb ने [Enzyme](https://airbnb.io/enzyme/) नामक एक परीक्षण उपयोगिता जारी की है, जो आपके React कंपोनेंट्स के आउटपुट को मुखर, हेरफेर करना और ट्रैवर्स करना आसान बनाता है। +> वैकल्पिक रूप से, Airbnb ने [Enzyme](https://airbnb.io/enzyme/) नामक एक परीक्षण उपयोगिता जारी की है, जो आपके React कौम्पोनॅन्ट के आउटपुट को मुखर, हेरफेर करना और ट्रैवर्स करना आसान बनाता है। - [`act()`](#act) - [`mockComponent()`](#mockcomponent) @@ -40,17 +40,17 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् - [`renderIntoDocument()`](#renderintodocument) - [`Simulate`](#simulate) -## Reference {#reference} +## संदर्भ {#reference} ### `act()` {#act} -To prepare a component for assertions, wrap the code rendering it and performing updates inside an `act()` call. This makes your test run closer to how React works in the browser. +कथनों के लिए एक कौम्पोनॅन्ट तैयार करने के लिए, उसे प्रदान करने वाले कोड को लपेटें और `act()` कॉल के अंदर अपडेट करते हुए। यह आपके टेस्ट को ब्राउज़र में React कैसे काम करता है, के करीब लाता है। ->Note +>नोट > ->If you use `react-test-renderer`, it also provides an `act` export that behaves the same way. +>यदि आप `react-test-renderer` का उपयोग करते हैं, तो यह एक `act` एक्सपोर्ट भी प्रदान करता है जो उसी तरह व्यवहार करता है। -For example, let's say we have this `Counter` component: +उदाहरण के लिए, मान लें कि हमारे पास यह `Counter` कौम्पोनॅन्ट है: ```js class Counter extends React.Component { @@ -60,10 +60,10 @@ class Counter extends React.Component { this.handleClick = this.handleClick.bind(this); } componentDidMount() { - document.title = `You clicked ${this.state.count} times`; + document.title = `आपने ${this.state.count} बार क्लिक किया`; } componentDidUpdate() { - document.title = `You clicked ${this.state.count} times`; + document.title = `आपने ${this.state.count} बार क्लिक किया`; } handleClick() { this.setState(state => ({ @@ -73,9 +73,9 @@ class Counter extends React.Component { render() { return (
-

You clicked {this.state.count} times

+

आपने ${this.state.count} बार क्लिक किया

); @@ -83,7 +83,7 @@ class Counter extends React.Component { } ``` -Here is how we can test it: +हम इसे इस तरह से परख सकते हैं: ```js{3,20-22,29-31} import React from 'react'; @@ -103,28 +103,28 @@ afterEach(() => { container = null; }); -it('can render and update a counter', () => { +it('काउंटर रेंडर और अपडेट कर सकते हैं', () => { // Test first render and componentDidMount act(() => { ReactDOM.render(, container); }); const button = container.querySelector('button'); const label = container.querySelector('p'); - expect(label.textContent).toBe('You clicked 0 times'); - expect(document.title).toBe('You clicked 0 times'); + expect(label.textContent).toBe('आपने 0 बार क्लिक किया'); + expect(document.title).toBe('आपने 0 बार क्लिक किया'); // Test second render and componentDidUpdate act(() => { button.dispatchEvent(new MouseEvent('click', {bubbles: true})); }); - expect(label.textContent).toBe('You clicked 1 times'); - expect(document.title).toBe('You clicked 1 times'); + expect(label.textContent).toBe('आपने 1 बार क्लिक किया'); + expect(document.title).toBe('आपने 1 बार क्लिक किया'); }); ``` -- Don't forget that dispatching DOM events only works when the DOM container is added to the `document`. You can use a library like [React Testing Library](https://testing-library.com/react) to reduce the boilerplate code. +- यह मत भूलिए कि DOM स्पर्धाएँ को प्रेषण तभी काम करता है जब DOM कंटेनर को `document` में जोड़ा जाता है। आप बॉयलरप्लेट कोड को कम करने के लिए [React Testing Library](https://testing-library.com/react) जैसी लाइब्रेरी का उपयोग कर सकते हैं। -- The [`recipes`](/docs/testing-recipes.html) document contains more details on how `act()` behaves, with examples and usage. +- [`रेसिपी`](/docs/testing-recipes.html) डॉक्यूमेंट में उदाहरण और उपयोग के साथ `act()` व्यवहार करता है, पर अधिक विवरण हैं। * * * From 1ab6a82b27857429e9fa44537ca2ae1d8a41f885 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Mon, 16 Sep 2019 14:59:44 +0530 Subject: [PATCH 04/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 37 +++++++++++++++---------------- 1 file changed, 18 insertions(+), 19 deletions(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index dd625faab..5f11dbce0 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -137,11 +137,11 @@ mockComponent( ) ``` -Pass a mocked component module to this method to augment it with useful methods that allow it to be used as a dummy React component. Instead of rendering as usual, the component will become a simple `
` (or other tag if `mockTagName` is provided) containing any provided children. +इस विधि के लिए एक नकली कौम्पोनॅन्ट मॉड्यूल को पारित करें इसे उपयोगी विधियों के साथ संवर्धित करें जो इसे डमी React कौम्पोनॅन्ट के रूप में उपयोग करने की अनुमति देता है। हमेशा की तरह रेंडर करने के बजाय, कौम्पोनॅन्ट प्रदान किया जाएगा एक सरल `
` (या अन्य टैग यदि `mockTagName` प्रदान किया गया है) किसी भी प्रदान की बच्चों से युक्त। -> Note: +> नोट: > -> `mockComponent()` is a legacy API. We recommend using [`jest.mock()`](https://facebook.github.io/jest/docs/en/tutorial-react-native.html#mock-native-modules-using-jestmock) instead. +> `mockComponent()` एक विरासत API है। हम इसके बजाय [`jest.mock()`](https://facebook.github.io/jest/docs/en/tutorial-react-react-native.html#mock-native-modules-use-jestockock) का उपयोग करने की सलाह देते हैं। * * * @@ -151,7 +151,7 @@ Pass a mocked component module to this method to augment it with useful methods isElement(element) ``` -Returns `true` if `element` is any React element. +रिटर्न `true` अगर `element` कोई React एलिमेंट है। * * * @@ -164,7 +164,7 @@ isElementOfType( ) ``` -Returns `true` if `element` is a React element whose type is of a React `componentClass`. +रिटर्न `true` अगर `element` एक React एलिमेंट है जिसका टाइप एक रिएक्ट `componentClass` है। * * * @@ -174,7 +174,7 @@ Returns `true` if `element` is a React element whose type is of a React `compone isDOMComponent(instance) ``` -Returns `true` if `instance` is a DOM component (such as a `
` or ``). +रिटर्न `true` यदि `instance` एक DOM कौम्पोनॅन्ट है (जैसे कि `
` या ``)। * * * @@ -184,7 +184,7 @@ Returns `true` if `instance` is a DOM component (such as a `
` or ``). isCompositeComponent(instance) ``` -Returns `true` if `instance` is a user-defined component, such as a class or a function. +रिटर्न `true` यदि `instance` एक उपयोगकर्ता-परिभाषित कौम्पोनॅन्ट है, जैसे कि class या फ़ंक्शन। * * * @@ -197,7 +197,7 @@ isCompositeComponentWithType( ) ``` -Returns `true` if `instance` is a component whose type is of a React `componentClass`. +रिटर्न `true` अगर `instance` एक कौम्पोनॅन्ट है जिसका प्रकार एक प्रतिक्रिया `componentClass` है। * * * @@ -210,7 +210,7 @@ findAllInRenderedTree( ) ``` -Traverse all components in `tree` and accumulate all components where `test(component)` is `true`. This is not that useful on its own, but it's used as a primitive for other test utils. +सभी कौम्पोनॅन्ट को `tree` में रखें और उन सभी कौम्पोनॅन्ट को संचित करें जहां `test(component)` `true` है। यह अपने आप में उपयोगी नहीं है, लेकिन इसका उपयोग अन्य परीक्षण बर्तनों के लिए एक आदिम के रूप में किया जाता है। * * * @@ -223,7 +223,7 @@ scryRenderedDOMComponentsWithClass( ) ``` -Finds all DOM elements of components in the rendered tree that are DOM components with the class name matching `className`. +प्रदान किए गए पेड़ में कौम्पोनॅन्ट के सभी DOM तत्वों को ढूँढता है जो DOM कौम्पोनॅन्ट हैं जिनका नाम `className` से मेल खाते हैं। * * * @@ -236,7 +236,7 @@ findRenderedDOMComponentWithClass( ) ``` -Like [`scryRenderedDOMComponentsWithClass()`](#scryrendereddomcomponentswithclass) but expects there to be one result, and returns that one result, or throws exception if there is any other number of matches besides one. +जैसे [`scryRenderedDOMCompordsWithClass()`](#scryrendereddomcompocuswithclass) लेकिन एक परिणाम होने की उम्मीद करता है, और एक परिणाम देता है, या एक के अलावा किसी अन्य संख्या के मैच होने पर अपवाद फेंकता है। * * * @@ -249,7 +249,7 @@ scryRenderedDOMComponentsWithTag( ) ``` -Finds all DOM elements of components in the rendered tree that are DOM components with the tag name matching `tagName`. +प्रदान किए गए ट्री में कौम्पोनॅन्ट के सभी DOM तत्वों को ढूँढता है जो DOM टैग `tagName` नाम के टैग के साथ कौम्पोनॅन्ट हैं। * * * @@ -262,7 +262,7 @@ findRenderedDOMComponentWithTag( ) ``` -Like [`scryRenderedDOMComponentsWithTag()`](#scryrendereddomcomponentswithtag) but expects there to be one result, and returns that one result, or throws exception if there is any other number of matches besides one. +जैसे [`scryRenderedDOMCompordsWithTag()`](#scryrendereddomcompocuswithtag), लेकिन वहाँ एक परिणाम होने की उम्मीद करता है, और वह एक परिणाम देता है, या एक के अलावा किसी अन्य संख्या के मैच होने पर अपवाद फेंकता है। * * * @@ -275,7 +275,7 @@ scryRenderedComponentsWithType( ) ``` -Finds all instances of components with type equal to `componentClass`. +प्रकार के घटकों के सभी उदाहरणों को `componentClass` के बराबर जोड़ता है। * * * @@ -288,7 +288,7 @@ findRenderedComponentWithType( ) ``` -Same as [`scryRenderedComponentsWithType()`](#scryrenderedcomponentswithtype) but expects there to be one result and returns that one result, or throws exception if there is any other number of matches besides one. +के रूप में ही [`scryRenderedCompordsWithType()`](#scryrenderedcompordswithtype), लेकिन वहाँ एक परिणाम होने की उम्मीद करता है और एक परिणाम देता है, या एक के अलावा किसी भी संख्या में मैच होने पर अपवाद छोड़ देता है। *** @@ -298,17 +298,16 @@ Same as [`scryRenderedComponentsWithType()`](#scryrenderedcomponentswithtype) bu renderIntoDocument(element) ``` -Render a React element into a detached DOM node in the document. **This function requires a DOM.** It is effectively equivalent to: +दस्तावेज़ में एक अलग DOM नोड में एक प्रतिक्रिया तत्व प्रदान करें। **इस फ़ंक्शन के लिए DOM की आवश्यकता है।** यह प्रभावी रूप से इसके बराबर है: ```js const domContainer = document.createElement('div'); ReactDOM.render(element, domContainer); ``` -> Note: +> नोट: > -> You will need to have `window`, `window.document` and `window.document.createElement` globally available **before** you import `React`. Otherwise React will think it can't access the DOM and methods like `setState` won't work. - +> आपके द्वारा `React` आयात करने से **पहले** आपको `window`, `window.document` और `window.document.createElement` को विश्व स्तर पर उपलब्ध कराने की आवश्यकता होगी। अन्यथा प्रतिक्रिया से लगता है कि यह DOM तक नहीं पहुंच सकता है और `setState` जैसे तरीके काम नहीं करेंगे। * * * ## Other Utilities {#other-utilities} From 8e84e9df3c6494377e6e56c24d4de80004b21978 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Mon, 16 Sep 2019 15:03:40 +0530 Subject: [PATCH 05/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 5f11dbce0..508b943f9 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -310,7 +310,7 @@ ReactDOM.render(element, domContainer); > आपके द्वारा `React` आयात करने से **पहले** आपको `window`, `window.document` और `window.document.createElement` को विश्व स्तर पर उपलब्ध कराने की आवश्यकता होगी। अन्यथा प्रतिक्रिया से लगता है कि यह DOM तक नहीं पहुंच सकता है और `setState` जैसे तरीके काम नहीं करेंगे। * * * -## Other Utilities {#other-utilities} +## अन्य उपयोगिताएँ {#other-utilities} ### `Simulate` {#simulate} @@ -321,11 +321,11 @@ Simulate.{eventName}( ) ``` -Simulate an event dispatch on a DOM node with optional `eventData` event data. +वैकल्पिक `eventData` घटना डेटा के साथ एक DOM नोड पर एक घटना प्रेषण अनुकरण। -`Simulate` has a method for [every event that React understands](/docs/events.html#supported-events). +`Simulate` के पास [प्रत्येक घटना के लिए एक विधि है जो प्रतिक्रिया को समझती है](/docs/events.html#supported-events)। -**Clicking an element** +**किसी तत्व पर क्लिक करना** ```javascript // @@ -333,7 +333,7 @@ const node = this.button; ReactTestUtils.Simulate.click(node); ``` -**Changing the value of an input field and then pressing ENTER.** +**इनपुट फ़ील्ड का मान बदलना और फिर ENTER दबाना।** ```javascript // this.textInput = node} /> @@ -345,6 +345,6 @@ ReactTestUtils.Simulate.keyDown(node, {key: "Enter", keyCode: 13, which: 13}); > Note > -> You will have to provide any event property that you're using in your component (e.g. keyCode, which, etc...) as React is not creating any of these for you. +> आपके द्वारा अपने घटक में उपयोग की जा रही कोई भी घटना संपत्ति (जैसे कि keyCode, which, आदि...) आपको प्रदान करनी होगी क्योंकि React आपके लिए इनमें से कोई भी नहीं बना रहा है। * * * From 5070cee26401fc5cb90ecfc3650928f459db5d1f Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Mon, 16 Sep 2019 15:15:57 +0530 Subject: [PATCH 06/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 508b943f9..f76f727a0 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -15,11 +15,11 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् ## अवलोकन {#overview} -`ReactTestUtils` आपकी पसंद के परीक्षण ढांचे में रिएक्ट घटकों का परीक्षण करना आसान बनाता है। फेसबुक में हम व्यथाहीन जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। Jest वेबसाइट के माध्यम से Jest के साथ शुरुआत करने का तरीका जानें [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react). +`ReactTestUtils` आपकी पसंद के परीक्षण ढांचे में React कौम्पोनॅन्ट का परीक्षण करना आसान बनाता है। Facebook में हम व्यथाहीन जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। Jest वेबसाइट के माध्यम से Jest के साथ शुरुआत करने का तरीका जानें [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react). > नोट: > -> हम [React टेस्टिंग लाइब्रेरी](https://testing-library.com/react) का उपयोग करने की सलाह देते हैं, जो अंतिम उपयोगकर्ताओं के रूप में आपके घटकों का उपयोग करने वाले लेखन परीक्षणों को सक्षम और प्रोत्साहित करने के लिए डिज़ाइन किया गया है। +> हम [React Testing Library](https://testing-library.com/react) का उपयोग करने की सलाह देते हैं, जो अंतिम उपयोगकर्ताओं के रूप में आपके कौम्पोनॅन्ट का उपयोग करने वाले लेखन परीक्षणों को सक्षम और प्रोत्साहित करने के लिए डिज़ाइन किया गया है। > > वैकल्पिक रूप से, Airbnb ने [Enzyme](https://airbnb.io/enzyme/) नामक एक परीक्षण उपयोगिता जारी की है, जो आपके React कौम्पोनॅन्ट के आउटपुट को मुखर, हेरफेर करना और ट्रैवर्स करना आसान बनाता है। From 047020f68a9593d6f3508340ec044abb9489b086 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Tue, 17 Sep 2019 11:07:38 +0530 Subject: [PATCH 07/33] =?UTF-8?q?=E0=A4=87=E0=A4=AE=E0=A5=8D=E0=A4=AA?= =?UTF-8?q?=E0=A5=89=E0=A4=B0=E0=A5=8D=E0=A4=9F=E0=A4=BF=E0=A4=82=E0=A4=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index f76f727a0..95b93c6a3 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -6,7 +6,7 @@ layout: docs category: Reference --- -**आयात करना** +**इम्पॉर्टिंग** ```javascript import ReactTestUtils from 'react-dom/test-utils'; // ES6 From 4b1382759d1485802b3bd502b17040884e7ac525 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Tue, 17 Sep 2019 11:08:12 +0530 Subject: [PATCH 08/33] =?UTF-8?q?=E0=A4=93=E0=A4=B5=E0=A4=B0=E0=A4=B5?= =?UTF-8?q?=E0=A5=8D=E0=A4=AF=E0=A5=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 95b93c6a3..1d6be9577 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -13,7 +13,7 @@ import ReactTestUtils from 'react-dom/test-utils'; // ES6 var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द्वारा ``` -## अवलोकन {#overview} +## ओवरव्यू {#overview} `ReactTestUtils` आपकी पसंद के परीक्षण ढांचे में React कौम्पोनॅन्ट का परीक्षण करना आसान बनाता है। Facebook में हम व्यथाहीन जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। Jest वेबसाइट के माध्यम से Jest के साथ शुरुआत करने का तरीका जानें [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react). From 0c5ae9c40c1a916710c123317dc7ba567ef7c682 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Tue, 17 Sep 2019 11:09:01 +0530 Subject: [PATCH 09/33] =?UTF-8?q?=E0=A4=AB=E0=A5=8D=E0=A4=B0=E0=A5=87?= =?UTF-8?q?=E0=A4=AE=E0=A4=B5=E0=A4=B0=E0=A5=8D=E0=A4=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 1d6be9577..647553a6d 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -15,7 +15,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् ## ओवरव्यू {#overview} -`ReactTestUtils` आपकी पसंद के परीक्षण ढांचे में React कौम्पोनॅन्ट का परीक्षण करना आसान बनाता है। Facebook में हम व्यथाहीन जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। Jest वेबसाइट के माध्यम से Jest के साथ शुरुआत करने का तरीका जानें [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react). +`ReactTestUtils` आपकी पसंद के परीक्षण फ्रेमवर्क में React कौम्पोनॅन्ट का परीक्षण करना आसान बनाता है। Facebook में हम व्यथाहीन जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। Jest वेबसाइट के माध्यम से Jest के साथ शुरुआत करने का तरीका जानें [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react). > नोट: > From 508a6a9e4b91195c75eac4abcec0fc91e5bb003a Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Tue, 17 Sep 2019 11:09:38 +0530 Subject: [PATCH 10/33] =?UTF-8?q?=E0=A4=AA=E0=A5=80=E0=A4=A1=E0=A4=BC?= =?UTF-8?q?=E0=A4=BE=E0=A4=B0=E0=A4=B9=E0=A4=BF=E0=A4=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 647553a6d..1e7a0871c 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -15,7 +15,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् ## ओवरव्यू {#overview} -`ReactTestUtils` आपकी पसंद के परीक्षण फ्रेमवर्क में React कौम्पोनॅन्ट का परीक्षण करना आसान बनाता है। Facebook में हम व्यथाहीन जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। Jest वेबसाइट के माध्यम से Jest के साथ शुरुआत करने का तरीका जानें [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react). +`ReactTestUtils` आपकी पसंद के परीक्षण फ्रेमवर्क में React कौम्पोनॅन्ट का परीक्षण करना आसान बनाता है। Facebook में हम पीड़ारहित जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। Jest वेबसाइट के माध्यम से Jest के साथ शुरुआत करने का तरीका जानें [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react). > नोट: > From 6e525f83c46d5f4e63c41661ef81e45af83dadac Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Tue, 17 Sep 2019 11:10:33 +0530 Subject: [PATCH 11/33] =?UTF-8?q?=E0=A4=85=E0=A4=B8=E0=A5=8D=E0=A4=B8?= =?UTF-8?q?=E0=A4=B0=E0=A5=8D=E0=A4=9F,=20=E0=A4=AE=E0=A5=88=E0=A4=A8?= =?UTF-8?q?=E0=A4=AF=E0=A5=81=E0=A4=AA=E0=A5=81=E0=A4=B2=E0=A5=87=E0=A4=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 1e7a0871c..2d959f839 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -21,7 +21,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् > > हम [React Testing Library](https://testing-library.com/react) का उपयोग करने की सलाह देते हैं, जो अंतिम उपयोगकर्ताओं के रूप में आपके कौम्पोनॅन्ट का उपयोग करने वाले लेखन परीक्षणों को सक्षम और प्रोत्साहित करने के लिए डिज़ाइन किया गया है। > -> वैकल्पिक रूप से, Airbnb ने [Enzyme](https://airbnb.io/enzyme/) नामक एक परीक्षण उपयोगिता जारी की है, जो आपके React कौम्पोनॅन्ट के आउटपुट को मुखर, हेरफेर करना और ट्रैवर्स करना आसान बनाता है। +> वैकल्पिक रूप से, Airbnb ने [Enzyme](https://airbnb.io/enzyme/) नामक एक परीक्षण उपयोगिता जारी की है, जो आपके React कौम्पोनॅन्ट के आउटपुट को अस्सर्ट, मैनयुपुलेटा और ट्रैवर्स करना आसान बनाता है। - [`act()`](#act) - [`mockComponent()`](#mockcomponent) From 4aca40c503f75266d1c67b46474770f9e912ba38 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Tue, 17 Sep 2019 11:17:11 +0530 Subject: [PATCH 12/33] better act() explanation --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 2d959f839..f2e96a4ff 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -44,7 +44,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् ### `act()` {#act} -कथनों के लिए एक कौम्पोनॅन्ट तैयार करने के लिए, उसे प्रदान करने वाले कोड को लपेटें और `act()` कॉल के अंदर अपडेट करते हुए। यह आपके टेस्ट को ब्राउज़र में React कैसे काम करता है, के करीब लाता है। +कौम्पोनॅन्ट की पुष्टि के लिए, उसे प्रदान व अपडेट करने वाले कोड को `act()` कॉल के अंदर लपेटें। यह आपके टेस्ट को ब्राउज़र में React जैसे काम करता है, उसके करीब लाता है। >नोट > From cff95830a1f6a1f061202f763de922956123919b Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Tue, 17 Sep 2019 11:19:36 +0530 Subject: [PATCH 13/33] Fix Jest link position --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index f2e96a4ff..cd09ed8b0 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -15,7 +15,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् ## ओवरव्यू {#overview} -`ReactTestUtils` आपकी पसंद के परीक्षण फ्रेमवर्क में React कौम्पोनॅन्ट का परीक्षण करना आसान बनाता है। Facebook में हम पीड़ारहित जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। Jest वेबसाइट के माध्यम से Jest के साथ शुरुआत करने का तरीका जानें [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react). +`ReactTestUtils` आपकी पसंद के परीक्षण फ्रेमवर्क में React कौम्पोनॅन्ट का परीक्षण करना आसान बनाता है। Facebook में हम पीड़ारहित जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। Jest वेबसाइट के [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react) के माध्यम से Jest के साथ शुरुआत करने का तरीका जानें। > नोट: > From 51c7dba0f9c2921acd913c894c6a15bf075149ce Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Wed, 18 Sep 2019 12:49:06 +0530 Subject: [PATCH 14/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 52 +++++++++++++++---------------- 1 file changed, 26 insertions(+), 26 deletions(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index cd09ed8b0..9b51f8313 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -44,13 +44,13 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् ### `act()` {#act} -कौम्पोनॅन्ट की पुष्टि के लिए, उसे प्रदान व अपडेट करने वाले कोड को `act()` कॉल के अंदर लपेटें। यह आपके टेस्ट को ब्राउज़र में React जैसे काम करता है, उसके करीब लाता है। +कौम्पोनॅन्ट की पुष्टि के लिए, उसे रेंडर व अपडेट करने वाले कोड को `act()` कॉल के अंदर लपेटें। यह आपके टेस्ट को ब्राउज़र में React जैसे काम करता है, उसके करीब लाता है। >नोट > ->यदि आप `react-test-renderer` का उपयोग करते हैं, तो यह एक `act` एक्सपोर्ट भी प्रदान करता है जो उसी तरह व्यवहार करता है। +>यदि आप `react-test-renderer` का उपयोग करते हैं, तो यह एक `act` एक्सपोर्ट भी रेंडर करता है जो उसी तरह व्यवहार करता है। -उदाहरण के लिए, मान लें कि हमारे पास यह `Counter` कौम्पोनॅन्ट है: +उदाहरण के लिए, वैल्यू लें कि हमारे पास यह `Counter` कौम्पोनॅन्ट है: ```js class Counter extends React.Component { @@ -122,9 +122,9 @@ it('काउंटर रेंडर और अपडेट कर सकत }); ``` -- यह मत भूलिए कि DOM स्पर्धाएँ को प्रेषण तभी काम करता है जब DOM कंटेनर को `document` में जोड़ा जाता है। आप बॉयलरप्लेट कोड को कम करने के लिए [React Testing Library](https://testing-library.com/react) जैसी लाइब्रेरी का उपयोग कर सकते हैं। +- यह मत भूलिए कि DOM स्पर्धाएँ को भेजने का तभी काम करता है जब DOM कंटेनर को `document` में जोड़ा जाता है। आप बॉयलरप्लेट कोड को कम करने के लिए [React Testing Library](https://testing-library.com/react) जैसी लाइब्रेरी का उपयोग कर सकते हैं। -- [`रेसिपी`](/docs/testing-recipes.html) डॉक्यूमेंट में उदाहरण और उपयोग के साथ `act()` व्यवहार करता है, पर अधिक विवरण हैं। +- [`रेसिपी`](/docs/testing-recipes.html) डॉक्यूमेंट में उदाहरण और उपयोग के साथ `act()` कैसे व्यवहार करता है, इस पर अधिक विवरण हैं। * * * @@ -137,11 +137,11 @@ mockComponent( ) ``` -इस विधि के लिए एक नकली कौम्पोनॅन्ट मॉड्यूल को पारित करें इसे उपयोगी विधियों के साथ संवर्धित करें जो इसे डमी React कौम्पोनॅन्ट के रूप में उपयोग करने की अनुमति देता है। हमेशा की तरह रेंडर करने के बजाय, कौम्पोनॅन्ट प्रदान किया जाएगा एक सरल `
` (या अन्य टैग यदि `mockTagName` प्रदान किया गया है) किसी भी प्रदान की बच्चों से युक्त। +इस मेथड के लिए एक नकली कौम्पोनॅन्ट मॉड्यूल को पारित करें इसे उपयोगी मेथडयों के साथ संवर्धित करें जो इसे डमी React कौम्पोनॅन्ट के रूप में उपयोग करने की अनुमति देता है। हमेशा की तरह रेंडर करने के बजाय, कौम्पोनॅन्ट एक सरल `
` (या अन्य टैग यदि `mockTagName` दिया गया है) बन जाएगा जिसके अंदर दिए गए चिल्ड्रन होंगे। > नोट: > -> `mockComponent()` एक विरासत API है। हम इसके बजाय [`jest.mock()`](https://facebook.github.io/jest/docs/en/tutorial-react-react-native.html#mock-native-modules-use-jestockock) का उपयोग करने की सलाह देते हैं। +> `mockComponent()` एक लेहगसी API है। हम इसके बजाय [`jest.mock()`](https://facebook.github.io/jest/docs/en/tutorial-react-react-native.html#mock-native-modules-using-jestmock) का उपयोग करने की सलाह देते हैं। * * * @@ -151,7 +151,7 @@ mockComponent( isElement(element) ``` -रिटर्न `true` अगर `element` कोई React एलिमेंट है। +रिटर्नस `true` यदि `element` कोई React एलिमेंट है। * * * @@ -164,7 +164,7 @@ isElementOfType( ) ``` -रिटर्न `true` अगर `element` एक React एलिमेंट है जिसका टाइप एक रिएक्ट `componentClass` है। +रिटर्नस `true` यदि `element` एक React एलिमेंट है जिसका टाइप एक React `componentClass` है। * * * @@ -174,7 +174,7 @@ isElementOfType( isDOMComponent(instance) ``` -रिटर्न `true` यदि `instance` एक DOM कौम्पोनॅन्ट है (जैसे कि `
` या ``)। +रिटर्नस `true` यदि `instance` एक DOM कौम्पोनॅन्ट है (जैसे कि `
` या ``)। * * * @@ -184,7 +184,7 @@ isDOMComponent(instance) isCompositeComponent(instance) ``` -रिटर्न `true` यदि `instance` एक उपयोगकर्ता-परिभाषित कौम्पोनॅन्ट है, जैसे कि class या फ़ंक्शन। +रिटर्नस `true` यदि `instance` एक उपयोगकर्ता-परिभाषित कौम्पोनॅन्ट है, जैसे कि class या फ़ंक्शन। * * * @@ -197,7 +197,7 @@ isCompositeComponentWithType( ) ``` -रिटर्न `true` अगर `instance` एक कौम्पोनॅन्ट है जिसका प्रकार एक प्रतिक्रिया `componentClass` है। +रिटर्नस `true` यदि `instance` एक कौम्पोनॅन्ट है जिसका प्रकार एक React `componentClass` है। * * * @@ -210,7 +210,7 @@ findAllInRenderedTree( ) ``` -सभी कौम्पोनॅन्ट को `tree` में रखें और उन सभी कौम्पोनॅन्ट को संचित करें जहां `test(component)` `true` है। यह अपने आप में उपयोगी नहीं है, लेकिन इसका उपयोग अन्य परीक्षण बर्तनों के लिए एक आदिम के रूप में किया जाता है। +सभी कौम्पोनॅन्ट को `tree` में रखें और उन सभी कौम्पोनॅन्ट को संचित करें जहां `test(component)` `true` है। यह अपने आप में उपयोगी नहीं है, लेकिन इसका उपयोग अन्य परीक्षण बर्तनों के लिए एक प्रिमिटिव के रूप में किया जाता है। * * * @@ -223,7 +223,7 @@ scryRenderedDOMComponentsWithClass( ) ``` -प्रदान किए गए पेड़ में कौम्पोनॅन्ट के सभी DOM तत्वों को ढूँढता है जो DOM कौम्पोनॅन्ट हैं जिनका नाम `className` से मेल खाते हैं। +रेंडर किए गए ट्री में कौम्पोनॅन्ट के सभी DOM एलिमेंट्स को ढूँढता है जो DOM कौम्पोनॅन्ट हैं और जिनका नाम `className` से मितला है। * * * @@ -236,7 +236,7 @@ findRenderedDOMComponentWithClass( ) ``` -जैसे [`scryRenderedDOMCompordsWithClass()`](#scryrendereddomcompocuswithclass) लेकिन एक परिणाम होने की उम्मीद करता है, और एक परिणाम देता है, या एक के अलावा किसी अन्य संख्या के मैच होने पर अपवाद फेंकता है। +जैसे [`scryRenderedDOMComponentsWithClass()`](#scryrendereddomcomponentswithclass) लेकिन एक परिणाम होने की उम्मीद करता है, और एक परिणाम देता है, या एक के अलावा किसी अन्य संख्या के मैच होने पर एक्सेप्शन थ्रो करता है। * * * @@ -249,7 +249,7 @@ scryRenderedDOMComponentsWithTag( ) ``` -प्रदान किए गए ट्री में कौम्पोनॅन्ट के सभी DOM तत्वों को ढूँढता है जो DOM टैग `tagName` नाम के टैग के साथ कौम्पोनॅन्ट हैं। +रेंडर किए गए ट्री में कौम्पोनॅन्ट के सभी DOM एलिमेंट्स को ढूँढता है जो DOM कौम्पोनॅन्ट `tagName` नाम के टैग के साथ हैं। * * * @@ -262,7 +262,7 @@ findRenderedDOMComponentWithTag( ) ``` -जैसे [`scryRenderedDOMCompordsWithTag()`](#scryrendereddomcompocuswithtag), लेकिन वहाँ एक परिणाम होने की उम्मीद करता है, और वह एक परिणाम देता है, या एक के अलावा किसी अन्य संख्या के मैच होने पर अपवाद फेंकता है। +जैसे [`scryRenderedDOMComponentsWithTag()`](#scryrendereddomcomponentswithtag), लेकिन वहाँ एक परिणाम होने की उम्मीद करता है, और वह एक परिणाम देता है, या एक के अलावा किसी अन्य संख्या के मैच होने पर एक्सेप्शन थ्रो करता है। * * * @@ -275,7 +275,7 @@ scryRenderedComponentsWithType( ) ``` -प्रकार के घटकों के सभी उदाहरणों को `componentClass` के बराबर जोड़ता है। +सभी कौम्पोनॅन्ट के इन्सटेंसेस को ढूंढता जो `componentClass` से मिलते हैं। * * * @@ -288,7 +288,7 @@ findRenderedComponentWithType( ) ``` -के रूप में ही [`scryRenderedCompordsWithType()`](#scryrenderedcompordswithtype), लेकिन वहाँ एक परिणाम होने की उम्मीद करता है और एक परिणाम देता है, या एक के अलावा किसी भी संख्या में मैच होने पर अपवाद छोड़ देता है। +[`scryRenderedComponentsWithType()`](#scryrenderedcomponentswithtype) के जैसे ही, लेकिन वहाँ एक परिणाम होने की उम्मीद करता है और एक परिणाम देता है, या एक के अलावा किसी भी संख्या में मैच होने पर एक्सेप्शन थ्रो करता है। *** @@ -298,7 +298,7 @@ findRenderedComponentWithType( renderIntoDocument(element) ``` -दस्तावेज़ में एक अलग DOM नोड में एक प्रतिक्रिया तत्व प्रदान करें। **इस फ़ंक्शन के लिए DOM की आवश्यकता है।** यह प्रभावी रूप से इसके बराबर है: +दस्तावेज़ में एक अलग DOM नोड में एक React एलिमेंट रेंडर करें। **इस फ़ंक्शन के लिए DOM की आवश्यकता है।** यह प्रभावी रूप से इसके बराबर है: ```js const domContainer = document.createElement('div'); @@ -307,7 +307,7 @@ ReactDOM.render(element, domContainer); > नोट: > -> आपके द्वारा `React` आयात करने से **पहले** आपको `window`, `window.document` और `window.document.createElement` को विश्व स्तर पर उपलब्ध कराने की आवश्यकता होगी। अन्यथा प्रतिक्रिया से लगता है कि यह DOM तक नहीं पहुंच सकता है और `setState` जैसे तरीके काम नहीं करेंगे। +> आपके द्वारा `React` इम्पोर्ट करने से **पहले** आपको `window`, `window.document` और `window.document.createElement` को ग्लोबल स्तर पर उपलब्ध कराने की आवश्यकता होगी। अन्यथा React को लगेगा कि यह DOM तक नहीं पहुंच सकता है और `setState` जैसे तरीके काम नहीं करेंगे। * * * ## अन्य उपयोगिताएँ {#other-utilities} @@ -321,11 +321,11 @@ Simulate.{eventName}( ) ``` -वैकल्पिक `eventData` घटना डेटा के साथ एक DOM नोड पर एक घटना प्रेषण अनुकरण। +वैकल्पिक `eventData` इवेंट डेटा के साथ एक DOM नोड पर एक इवेंट भेजने का अनुकरण। -`Simulate` के पास [प्रत्येक घटना के लिए एक विधि है जो प्रतिक्रिया को समझती है](/docs/events.html#supported-events)। +`Simulate` के पास [प्रत्येक इवेंट के लिए एक मेथड है जो React समझता है](/docs/events.html#supported-events)। -**किसी तत्व पर क्लिक करना** +**किसी एलिमेंट पर क्लिक करना** ```javascript // @@ -333,7 +333,7 @@ const node = this.button; ReactTestUtils.Simulate.click(node); ``` -**इनपुट फ़ील्ड का मान बदलना और फिर ENTER दबाना।** +**इनपुट फ़ील्ड का वैल्यू बदलना और फिर ENTER दबाना।** ```javascript // this.textInput = node} /> @@ -345,6 +345,6 @@ ReactTestUtils.Simulate.keyDown(node, {key: "Enter", keyCode: 13, which: 13}); > Note > -> आपके द्वारा अपने घटक में उपयोग की जा रही कोई भी घटना संपत्ति (जैसे कि keyCode, which, आदि...) आपको प्रदान करनी होगी क्योंकि React आपके लिए इनमें से कोई भी नहीं बना रहा है। +> आपके द्वारा अपने कौम्पोनॅन्ट में उपयोग की जा रही कोई भी इवेंट प्रॉपर्टी (जैसे कि keyCode, which, आदि...) आपको रेंडर करनी होगी क्योंकि React आपके लिए इनमें से कोई भी नहीं बना रहा है। * * * From 6042cf0b6a3c230ea438a117d5a50ad0a6c9a594 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Wed, 18 Sep 2019 13:00:33 +0530 Subject: [PATCH 15/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 9b51f8313..ee46c4d4a 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -21,7 +21,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् > > हम [React Testing Library](https://testing-library.com/react) का उपयोग करने की सलाह देते हैं, जो अंतिम उपयोगकर्ताओं के रूप में आपके कौम्पोनॅन्ट का उपयोग करने वाले लेखन परीक्षणों को सक्षम और प्रोत्साहित करने के लिए डिज़ाइन किया गया है। > -> वैकल्पिक रूप से, Airbnb ने [Enzyme](https://airbnb.io/enzyme/) नामक एक परीक्षण उपयोगिता जारी की है, जो आपके React कौम्पोनॅन्ट के आउटपुट को अस्सर्ट, मैनयुपुलेटा और ट्रैवर्स करना आसान बनाता है। +> वैकल्पिक रूप से, Airbnb ने [Enzyme](https://airbnb.io/enzyme/) नामक एक परीक्षण उपयोगिता जारी की है, जो आपके React कौम्पोनॅन्ट के आउटपुट को अस्सर्ट, मैनयुपुलेट और ट्रैवर्स करना आसान बनाता है। - [`act()`](#act) - [`mockComponent()`](#mockcomponent) @@ -50,7 +50,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् > >यदि आप `react-test-renderer` का उपयोग करते हैं, तो यह एक `act` एक्सपोर्ट भी रेंडर करता है जो उसी तरह व्यवहार करता है। -उदाहरण के लिए, वैल्यू लें कि हमारे पास यह `Counter` कौम्पोनॅन्ट है: +उदाहरण के लिए, अगर हमारे पास यह `Counter` कौम्पोनॅन्ट है: ```js class Counter extends React.Component { @@ -122,9 +122,9 @@ it('काउंटर रेंडर और अपडेट कर सकत }); ``` -- यह मत भूलिए कि DOM स्पर्धाएँ को भेजने का तभी काम करता है जब DOM कंटेनर को `document` में जोड़ा जाता है। आप बॉयलरप्लेट कोड को कम करने के लिए [React Testing Library](https://testing-library.com/react) जैसी लाइब्रेरी का उपयोग कर सकते हैं। +- यह मत भूलिए कि DOM इवेंट्स भेजना सिर्फ़ तभी काम करता है जब DOM कंटेनर को `document` में ऐड किया जाता है। आप बॉयलरप्लेट कोड को कम करने के लिए [React Testing Library](https://testing-library.com/react) जैसी लाइब्रेरी का उपयोग कर सकते हैं। -- [`रेसिपी`](/docs/testing-recipes.html) डॉक्यूमेंट में उदाहरण और उपयोग के साथ `act()` कैसे व्यवहार करता है, इस पर अधिक विवरण हैं। +- [`रेसिपी`](/docs/testing-recipes.html) डॉक्यूमेंट में उदाहरण और उपयोग के साथ `act()` कैसे व्यवहार करता है, इस पर अधिक विवरण है। * * * From e1c8cdacff492223b9a2b6924b4e2e6444c1ba29 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Wed, 18 Sep 2019 16:12:14 +0530 Subject: [PATCH 16/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index ee46c4d4a..8de970b58 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -141,7 +141,7 @@ mockComponent( > नोट: > -> `mockComponent()` एक लेहगसी API है। हम इसके बजाय [`jest.mock()`](https://facebook.github.io/jest/docs/en/tutorial-react-react-native.html#mock-native-modules-using-jestmock) का उपयोग करने की सलाह देते हैं। +> `mockComponent()` एक लेहगसी API है। हम इसके बजाय [`jest.mock()`](https://facebook.github.io/jest/docs/en/tutorial-react-native.html#mock-native-modules-using-jestmock) का उपयोग करने की सलाह देते हैं। * * * From 47a4e053d6a0965e25daff6920785aab2bd5a0cc Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Thu, 10 Oct 2019 12:28:52 +0530 Subject: [PATCH 17/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 8de970b58..9116e748c 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -15,7 +15,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् ## ओवरव्यू {#overview} -`ReactTestUtils` आपकी पसंद के परीक्षण फ्रेमवर्क में React कौम्पोनॅन्ट का परीक्षण करना आसान बनाता है। Facebook में हम पीड़ारहित जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। Jest वेबसाइट के [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react) के माध्यम से Jest के साथ शुरुआत करने का तरीका जानें। +`ReactTestUtils` आपकी पसंद के परीक्षण फ्रेमवर्क में React कौम्पोनॅन्ट का परीक्षण करना आसान बनाता है। Facebook में हम पीड़ारहित जावास्क्रिप्ट परीक्षण के लिए [Jest](https://facebook.github.io/jest/) का उपयोग करते हैं। Jest वेबसाइट के [React ट्यूटोरियल](https://jestjs.io/docs/tutorial-react) के माध्यम से Jest के साथ शुरुआत करने का तरीका जान सकते हैं। > नोट: > From 027a9dc43bf6355bc1a6d92e45bdb65d69a97ee6 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Wed, 16 Oct 2019 00:30:09 +0530 Subject: [PATCH 18/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 9116e748c..8f9767c2a 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -44,7 +44,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् ### `act()` {#act} -कौम्पोनॅन्ट की पुष्टि के लिए, उसे रेंडर व अपडेट करने वाले कोड को `act()` कॉल के अंदर लपेटें। यह आपके टेस्ट को ब्राउज़र में React जैसे काम करता है, उसके करीब लाता है। +कौम्पोनॅन्ट को पुष्टि के लिए तयार करने के लिए, उसे रेंडर व अपडेट करने वाले कोड को `act()` कॉल के अंदर लपेटें। यह आपके टेस्ट को ब्राउज़र में React जैसे काम करता है, उसके करीब लाता है। >नोट > From 8fd89e52b7510a0e9cf439b0e0338ce958cb8ef7 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Wed, 16 Oct 2019 00:30:52 +0530 Subject: [PATCH 19/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 8f9767c2a..383758789 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -44,7 +44,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् ### `act()` {#act} -कौम्पोनॅन्ट को पुष्टि के लिए तयार करने के लिए, उसे रेंडर व अपडेट करने वाले कोड को `act()` कॉल के अंदर लपेटें। यह आपके टेस्ट को ब्राउज़र में React जैसे काम करता है, उसके करीब लाता है। +कौम्पोनॅन्ट को पुष्टि के लिए तयार करने के लिए, उसे रेंडर व अपडेट करने वाले कोड को `act()` कॉल के अंदर सम्मिलित। यह आपके टेस्ट को ब्राउज़र में React जैसे काम करता है, उसके करीब लाएगा। >नोट > From d8d850f048c6243771db1f281d894336a1ef9633 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Wed, 16 Oct 2019 00:32:54 +0530 Subject: [PATCH 20/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 383758789..7376f66b1 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -48,7 +48,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् >नोट > ->यदि आप `react-test-renderer` का उपयोग करते हैं, तो यह एक `act` एक्सपोर्ट भी रेंडर करता है जो उसी तरह व्यवहार करता है। + >यदि आप `react-test-renderer` का उपयोग करते हैं, तो यह एक `act` एक्सपोर्ट देता है जो उसी तरह से व्यवहार करता है। उदाहरण के लिए, अगर हमारे पास यह `Counter` कौम्पोनॅन्ट है: From 87a3268134ce529f281bcd480d554e701421f044 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Wed, 16 Oct 2019 00:34:06 +0530 Subject: [PATCH 21/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 7376f66b1..3c82384b1 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -122,7 +122,7 @@ it('काउंटर रेंडर और अपडेट कर सकत }); ``` -- यह मत भूलिए कि DOM इवेंट्स भेजना सिर्फ़ तभी काम करता है जब DOM कंटेनर को `document` में ऐड किया जाता है। आप बॉयलरप्लेट कोड को कम करने के लिए [React Testing Library](https://testing-library.com/react) जैसी लाइब्रेरी का उपयोग कर सकते हैं। +- यह मत भूलिए कि DOM इवेंट्स भेजना सिर्फ़ तभी काम करता है जब DOM कंटेनर को `document` में ऐड किया गया हो। आप बॉयलरप्लेट कोड को कम करने के लिए [React Testing Library](https://testing-library.com/react) जैसी लाइब्रेरी का उपयोग कर सकते हैं। - [`रेसिपी`](/docs/testing-recipes.html) डॉक्यूमेंट में उदाहरण और उपयोग के साथ `act()` कैसे व्यवहार करता है, इस पर अधिक विवरण है। From cc333ba8fd50bb2acce2a602cfe41449fbd85a0a Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Wed, 15 Jan 2020 14:03:42 +0530 Subject: [PATCH 22/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 3c82384b1..c3a6cd56f 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -19,7 +19,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् > नोट: > -> हम [React Testing Library](https://testing-library.com/react) का उपयोग करने की सलाह देते हैं, जो अंतिम उपयोगकर्ताओं के रूप में आपके कौम्पोनॅन्ट का उपयोग करने वाले लेखन परीक्षणों को सक्षम और प्रोत्साहित करने के लिए डिज़ाइन किया गया है। +> हम [React Testing Library](https://testing-library.com/react) का उपयोग करने की सलाह देते हैं। ये लाइब्रेरी इस प्रकार डिज़ाइन की गई है की आप टेस्ट्स उस ही प्रकार लिखें जिस प्रकार उपयोगकर्ता उसे इस्तेमाल कारेंगें। > > वैकल्पिक रूप से, Airbnb ने [Enzyme](https://airbnb.io/enzyme/) नामक एक परीक्षण उपयोगिता जारी की है, जो आपके React कौम्पोनॅन्ट के आउटपुट को अस्सर्ट, मैनयुपुलेट और ट्रैवर्स करना आसान बनाता है। From bcc2c4ac35cbb2cf9e2916f6f9d6b16a49d87375 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Wed, 15 Jan 2020 14:06:57 +0530 Subject: [PATCH 23/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index c3a6cd56f..8aa388c3c 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -151,7 +151,7 @@ mockComponent( isElement(element) ``` -रिटर्नस `true` यदि `element` कोई React एलिमेंट है। +`true` रिटर्न करता है यदि `element` कोई React एलिमेंट है। * * * @@ -164,7 +164,7 @@ isElementOfType( ) ``` -रिटर्नस `true` यदि `element` एक React एलिमेंट है जिसका टाइप एक React `componentClass` है। +`true` रिटर्न करता है यदि `element` एक React एलिमेंट है जिसका टाइप एक React `componentClass` है। * * * @@ -174,7 +174,7 @@ isElementOfType( isDOMComponent(instance) ``` -रिटर्नस `true` यदि `instance` एक DOM कौम्पोनॅन्ट है (जैसे कि `
` या ``)। +`true` रिटर्न करता है यदि `instance` एक DOM कौम्पोनॅन्ट है (जैसे कि `
` या ``)। * * * @@ -184,7 +184,7 @@ isDOMComponent(instance) isCompositeComponent(instance) ``` -रिटर्नस `true` यदि `instance` एक उपयोगकर्ता-परिभाषित कौम्पोनॅन्ट है, जैसे कि class या फ़ंक्शन। +`true` रिटर्न करता है यदि `instance` एक उपयोगकर्ता-परिभाषित कौम्पोनॅन्ट है, जैसे कि class या फ़ंक्शन। * * * From b3c684c7fe3b48d05d3af31bd740334d7f7396e6 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Wed, 15 Jan 2020 14:08:02 +0530 Subject: [PATCH 24/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 8aa388c3c..b92f6b094 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -141,7 +141,7 @@ mockComponent( > नोट: > -> `mockComponent()` एक लेहगसी API है। हम इसके बजाय [`jest.mock()`](https://facebook.github.io/jest/docs/en/tutorial-react-native.html#mock-native-modules-using-jestmock) का उपयोग करने की सलाह देते हैं। +> `mockComponent()` एक लेगसी API है। हम इसके बजाय [`jest.mock()`](https://facebook.github.io/jest/docs/en/tutorial-react-native.html#mock-native-modules-using-jestmock) का उपयोग करने की सलाह देते हैं। * * * From 6fa93c04181258f7ff012acf039479410cba9f30 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Wed, 15 Jan 2020 14:11:32 +0530 Subject: [PATCH 25/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index b92f6b094..a77495179 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -137,7 +137,7 @@ mockComponent( ) ``` -इस मेथड के लिए एक नकली कौम्पोनॅन्ट मॉड्यूल को पारित करें इसे उपयोगी मेथडयों के साथ संवर्धित करें जो इसे डमी React कौम्पोनॅन्ट के रूप में उपयोग करने की अनुमति देता है। हमेशा की तरह रेंडर करने के बजाय, कौम्पोनॅन्ट एक सरल `
` (या अन्य टैग यदि `mockTagName` दिया गया है) बन जाएगा जिसके अंदर दिए गए चिल्ड्रन होंगे। +इस मेथड के लिए एक प्रतिरूप कौम्पोनॅन्ट मॉड्यूल को पारित करें इसे उपयोगी मेथडयों के साथ संवर्धित करें जो इसे डमी React कौम्पोनॅन्ट के रूप में उपयोग करने की अनुमति देता है। सामान्य रूप से रेंडर करने के बजाय, कौम्पोनॅन्ट एक सरल `
` (या अन्य टैग यदि `mockTagName` दिया गया है) बन जाएगा जिसके अंदर दिए गए चिल्ड्रन होंगे। > नोट: > From 4b9b87e814eaaa8e074e733e971c21dcfb20f6e7 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Wed, 15 Jan 2020 14:13:10 +0530 Subject: [PATCH 26/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index a77495179..309e2214e 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -124,7 +124,7 @@ it('काउंटर रेंडर और अपडेट कर सकत - यह मत भूलिए कि DOM इवेंट्स भेजना सिर्फ़ तभी काम करता है जब DOM कंटेनर को `document` में ऐड किया गया हो। आप बॉयलरप्लेट कोड को कम करने के लिए [React Testing Library](https://testing-library.com/react) जैसी लाइब्रेरी का उपयोग कर सकते हैं। -- [`रेसिपी`](/docs/testing-recipes.html) डॉक्यूमेंट में उदाहरण और उपयोग के साथ `act()` कैसे व्यवहार करता है, इस पर अधिक विवरण है। +- [`रेसिपी`](/docs/testing-recipes.html) डॉक्यूमेंट में उदाहरण और उपयोग के साथ `act()` कैसे बर्ताव करता है, इस पर अधिक विवरण है। * * * From 2774d7ecf433ef705a49caffcaf13efcc4764f86 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Tue, 18 Feb 2020 18:19:51 +0530 Subject: [PATCH 27/33] =?UTF-8?q?=E0=A4=95=E0=A4=BE=E0=A4=B0=E0=A5=87?= =?UTF-8?q?=E0=A4=82=E0=A4=97=E0=A5=87=E0=A4=82=20->=20spelling=20mistake?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit fixes https://github.com/reactjs/hi.reactjs.org/pull/45#discussion_r379978964 --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 309e2214e..946f4d61e 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -19,7 +19,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् > नोट: > -> हम [React Testing Library](https://testing-library.com/react) का उपयोग करने की सलाह देते हैं। ये लाइब्रेरी इस प्रकार डिज़ाइन की गई है की आप टेस्ट्स उस ही प्रकार लिखें जिस प्रकार उपयोगकर्ता उसे इस्तेमाल कारेंगें। +> हम [React Testing Library](https://testing-library.com/react) का उपयोग करने की सलाह देते हैं। ये लाइब्रेरी इस प्रकार डिज़ाइन की गई है की आप टेस्ट्स उस ही प्रकार लिखें जिस प्रकार उपयोगकर्ता उसे इस्तेमाल करेंगें। > > वैकल्पिक रूप से, Airbnb ने [Enzyme](https://airbnb.io/enzyme/) नामक एक परीक्षण उपयोगिता जारी की है, जो आपके React कौम्पोनॅन्ट के आउटपुट को अस्सर्ट, मैनयुपुलेट और ट्रैवर्स करना आसान बनाता है। From ba4251ac69764370799ad7f74494d39f260fa59f Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Tue, 18 Feb 2020 18:22:23 +0530 Subject: [PATCH 28/33] =?UTF-8?q?=E0=A4=85=E0=A4=82=E0=A4=A6=E0=A4=B0=20?= =?UTF-8?q?=E0=A4=B8=E0=A4=AE=E0=A5=8D=E0=A4=AE=E0=A4=BF=E0=A4=B2=E0=A4=BF?= =?UTF-8?q?=E0=A4=A4=20karen=E0=A5=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit fixes https://github.com/reactjs/hi.reactjs.org/pull/45#discussion_r379979196 --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 946f4d61e..afcb48290 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -44,7 +44,7 @@ var ReactTestUtils = require('react-dom/test-utils'); // ES5, npm के द् ### `act()` {#act} -कौम्पोनॅन्ट को पुष्टि के लिए तयार करने के लिए, उसे रेंडर व अपडेट करने वाले कोड को `act()` कॉल के अंदर सम्मिलित। यह आपके टेस्ट को ब्राउज़र में React जैसे काम करता है, उसके करीब लाएगा। +कौम्पोनॅन्ट को पुष्टि के लिए तयार करने के लिए, उसे रेंडर व अपडेट करने वाले कोड को `act()` कॉल के अंदर सम्मिलित करें। यह आपके टेस्ट को ब्राउज़र में React जैसे काम करता है, उसके करीब लाएगा। >नोट > From 48cde2666929e052ecf34eb8affb9b33802a4ff2 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Fri, 15 May 2020 09:41:57 +0530 Subject: [PATCH 29/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index afcb48290..a42dc6861 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -137,7 +137,7 @@ mockComponent( ) ``` -इस मेथड के लिए एक प्रतिरूप कौम्पोनॅन्ट मॉड्यूल को पारित करें इसे उपयोगी मेथडयों के साथ संवर्धित करें जो इसे डमी React कौम्पोनॅन्ट के रूप में उपयोग करने की अनुमति देता है। सामान्य रूप से रेंडर करने के बजाय, कौम्पोनॅन्ट एक सरल `
` (या अन्य टैग यदि `mockTagName` दिया गया है) बन जाएगा जिसके अंदर दिए गए चिल्ड्रन होंगे। +एक प्रतिरूप कौम्पोनॅन्ट बनायें जो एक डमी React कौम्पोनॅन्ट के रूप में उपयोग होगा। सामान्य रूप से रेंडर करने के बजाय, कौम्पोनॅन्ट एक `
` (या अन्य टैग यदि `mockTagName` दिया गया है) बन जाएगा जिसके अंदर दिए गए चिल्ड्रन होंगे। > नोट: > From 9b38034b40dc3261455ad706d1d85aa82bf1d99e Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Fri, 15 May 2020 09:45:15 +0530 Subject: [PATCH 30/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index a42dc6861..99e9115ea 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -210,7 +210,7 @@ findAllInRenderedTree( ) ``` -सभी कौम्पोनॅन्ट को `tree` में रखें और उन सभी कौम्पोनॅन्ट को संचित करें जहां `test(component)` `true` है। यह अपने आप में उपयोगी नहीं है, लेकिन इसका उपयोग अन्य परीक्षण बर्तनों के लिए एक प्रिमिटिव के रूप में किया जाता है। +सब कौम्पोनॅन्ट को `tree` में खोजें और उन सभी कौम्पोनॅन्ट को संचित करें जहां `test(component)` `true` है। यह अपने आप में उपयोगी नहीं है, लेकिन इसका उपयोग अन्य परीक्षण मॉड्यूल में किया जाता है। * * * From aaa04091b0f0fbab871dd0e934b96aa6f3b938e5 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Thu, 4 Jun 2020 16:53:03 +0530 Subject: [PATCH 31/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 99e9115ea..8b0f8dc94 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -223,7 +223,7 @@ scryRenderedDOMComponentsWithClass( ) ``` -रेंडर किए गए ट्री में कौम्पोनॅन्ट के सभी DOM एलिमेंट्स को ढूँढता है जो DOM कौम्पोनॅन्ट हैं और जिनका नाम `className` से मितला है। +रेंडर किए गए ट्री में कौम्पोनॅन्ट के सभी DOM एलिमेंट्स को ढूँढता है जो DOM कौम्पोनॅन्ट हैं और जिनका नाम `className` से मिलता है। * * * From f6949489e064deef0435f5b70bccff1711585cf2 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Thu, 4 Jun 2020 16:55:18 +0530 Subject: [PATCH 32/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index 8b0f8dc94..a023d0361 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -236,7 +236,7 @@ findRenderedDOMComponentWithClass( ) ``` -जैसे [`scryRenderedDOMComponentsWithClass()`](#scryrendereddomcomponentswithclass) लेकिन एक परिणाम होने की उम्मीद करता है, और एक परिणाम देता है, या एक के अलावा किसी अन्य संख्या के मैच होने पर एक्सेप्शन थ्रो करता है। +[`scryRenderedDOMComponentsWithClass()`](#scryrendereddomcomponentswithclass) के समान, लेकिन एक परिणाम होने की उम्मीद करता है, और एक परिणाम देता है, या एक के अलावा किसी अन्य संख्या के मैच होने पर एक्सेप्शन थ्रो करता है। * * * @@ -262,7 +262,7 @@ findRenderedDOMComponentWithTag( ) ``` -जैसे [`scryRenderedDOMComponentsWithTag()`](#scryrendereddomcomponentswithtag), लेकिन वहाँ एक परिणाम होने की उम्मीद करता है, और वह एक परिणाम देता है, या एक के अलावा किसी अन्य संख्या के मैच होने पर एक्सेप्शन थ्रो करता है। +[`scryRenderedDOMComponentsWithTag()`](#scryrendereddomcomponentswithtag) के समान, लेकिन वहाँ एक परिणाम होने की उम्मीद करता है, और वह एक परिणाम देता है, या एक के अलावा किसी अन्य संख्या के मैच होने पर एक्सेप्शन थ्रो करता है। * * * From c7978c039248e471aa5a0981d394758e8879d432 Mon Sep 17 00:00:00 2001 From: Param Aggarwal Date: Thu, 4 Jun 2020 16:58:12 +0530 Subject: [PATCH 33/33] Update addons-test-utils.md --- content/docs/addons-test-utils.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/docs/addons-test-utils.md b/content/docs/addons-test-utils.md index a023d0361..11f27cef2 100644 --- a/content/docs/addons-test-utils.md +++ b/content/docs/addons-test-utils.md @@ -298,7 +298,7 @@ findRenderedComponentWithType( renderIntoDocument(element) ``` -दस्तावेज़ में एक अलग DOM नोड में एक React एलिमेंट रेंडर करें। **इस फ़ंक्शन के लिए DOM की आवश्यकता है।** यह प्रभावी रूप से इसके बराबर है: +React एलिमेंट को दस्तावेज़ के एक अलग DOM नोड में रेंडर करें। **इस फ़ंक्शन के लिए DOM की आवश्यकता है।** यह प्रभावी रूप से इसके बराबर है: ```js const domContainer = document.createElement('div');