React: TestUtils.renderIntoDocument वैध कार्यात्मक घटक पारित होने पर `अशक्त` देता है।

को निर्मित 10 अप्रैल 2019 · 4टिप्पणियाँ · स्रोत: facebook/react

क्या आप किसी सुविधा का अनुरोध करना चाहते बग की रिपोर्ट करना चाहते हैं?
मैं एक बग रिपोर्ट करना चाहता हूं।

वर्तमान व्यवहार क्या है?
वर्तमान में जब वैध कार्यात्मक घटक TestUtils.renderIntoDocument को पारित किया अशक्त रिटर्न देता है और कोई त्रुटि नहीं बढ़ाता है।

डेमो
यह व्यवहार एक सैंडबॉक्स में पुन: प्रस्तुत किया गया था: https://codesandbox.io/s/1zpvll4j24

तैयार नमूना घटकों के TestUtils.renderIntoDocument आउटपुट को देखने के लिए कंसोल की जांच करें।

समाधान
समाधान जो SFC और FC दोनों को संतुष्ट करता है, वह घटक को कंटेनर में लपेटता है:

const FCCounter = () => {
  const [count, setCount] = useState(0);

  return (
    <div>
      <div>{count}</div>
      <button onClick={() => setCount(count + 1)}>+1</button>
    </div>
  );
};

TestUtils.renderIntoDocument(
  <div>
    <FCCounter />
  </div>
);

अपेक्षित व्यवहार क्या है?

एक कार्यात्मक घटक प्रदान करने के लिए।
सबसे खराब स्थिति में - एक त्रुटि प्रदान करना।

इस मुद्दे से रिएक्ट के कौन से संस्करण प्रभावित हैं?
प्रतिक्रिया संस्करण: 16.8.6

Test Utils Question

स्रोत

DeividasBakanas

सभी 4 टिप्पणियाँ

कार्यात्मक घटकों के पास कोई instances , तो आप क्या उम्मीद करेंगे

TestUtils.renderIntoDocument(<FCCounter/>)

लौटने के लिये?

इसके अलावा, मोटे तौर पर, आप बता सकते हैं कि आप क्या करने की कोशिश कर रहे हैं? आंतरिक 'विधियों' तक पहुँच प्राप्त करने के लिए आप forwardRef / useImperativeHandle (https://reactjs.org/docs/hooks-reference.html#useimperativehandle) का उपयोग कर सकते हैं, लेकिन मैं उत्सुक हूँ आप सभी को परखने की कोशिश कर रहे हैं।

threepointone 11 अप्रैल 2019

क्लासिक घटक के साथ TestUtils.renderIntoDocument कॉल करने के बाद, मैं state , props तक पहुंचने में सक्षम हूं और setState का उपयोग करके घटक में हेरफेर कर रहा हूं। तो, मुझे क्या उम्मीद थी TestUtils.renderIntoDocument वापस लौटने की कोई वस्तु मुझे state , props और setState का उपयोग करने की अनुमति दे।

मैं उन घटकों का परीक्षण करने की कोशिश कर रहा हूं जो कार्यात्मक घटकों के रूप में कार्यान्वित किए जाते हैं। मुख्य उद्देश्य घटक की स्थिति को बदलना और जांचना है कि क्या बदला हुआ राज्य परीक्षण द्वारा अपेक्षित राज्य से मेल खाता है।

परीक्षण के मामले में मेरे पास एक पूर्व शर्त है, कि घटकों का परीक्षण किया जाना चाहिए और विशेष रूप से परीक्षण प्रयोजनों के लिए कोड को शामिल करने के लिए बदल नहीं दिया जाना चाहिए। इसलिए, forwardRef/useImperativeHandle का उपयोग करने के लिए घटक बदलना एक विकल्प नहीं है।

DeividasBakanas 12 अप्रैल 2019

@DeividasBakanas फ़ंक्शन घटकों में इंस्टेंस नहीं होते हैं। आप बटन को ट्रिगर कर सकते हैं, जो एक घटना को भेजने के माध्यम से राज्य को अपडेट करेगा। मेरी राय में यह TestUtils.renderIntoDocument (वर्ग घटकों के मामले में) से लौटाए गए उदाहरण को अनिवार्य रूप से अपडेट करने की कोशिश करने से भी बेहतर तरीका है।

trueadm 13 अप्रैल 2019

👍1

जैसे @trueadm का उल्लेख किया गया है, हम घटक के क्रियान्वयन विवरण का परीक्षण करने की अनुशंसा नहीं करते हैं, और अपडेट ट्रिगर करने के लिए https://github.com/kentcdodds/react-testing-library जैसे सुझाव दे सकता हूं ताकि यह थोड़ा आसान हो सके। केंट विषय पर बड़े पैमाने पर लिखते हैं, सिफारिश करेंगे।

इस समस्या को बंद करना क्योंकि यह बग / सुविधा अनुरोध के बजाय उपयोग का प्रश्न है।

threepointone 15 अप्रैल 2019

👍1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

React: TestUtils.renderIntoDocument वैध कार्यात्मक घटक पारित होने पर `अशक्त` देता है।

सभी 4 टिप्पणियाँ

संबंधित मुद्दों