Jsdom: मैं ES6 मॉड्यूल सिंटैक्स के साथ JSDom का उपयोग कैसे कर सकता हूं?

चूंकि जेएस मॉड्यूल किसी भी इंजन में समर्थित नहीं हैं, इसलिए आप अपने स्रोत को सामान्य, समर्थित जावास्क्रिप्ट में बदलने के लिए बैबेल या टाइपस्क्रिप्ट जैसे कुछ ट्रांसपिलर का उपयोग कर रहे हैं जो नोड.जेएस या ब्राउज़र में चल सकते हैं। अपने कोड को jsdom को खिलाने से पहले आपको वही काम करना चाहिए। ब्राउज़र में अभी तक लागू नहीं की गई किसी चीज़ का समर्थन करने का हमारा कोई इरादा नहीं है।

खैर, मैं मोचा के हिस्से के रूप में बेबेल का उपयोग कर रहा हूं, यानी mocha --compilers js:babel-core/register test.js । इसलिए, मैं एक ट्रांसपिलर का उपयोग कर रहा हूं "[my] कोड को jsdom को खिलाने से पहले।" मैंने जिस समस्या का वर्णन किया है, उसके कारण यह मदद नहीं करता है।

यह सच है कि ES6 मॉड्यूल नए हैं और ब्राउज़र में समर्थित नहीं हैं, इसलिए मैं पूरी तरह से समझूंगा कि उनका समर्थन नहीं कर रहा हूं। हालाँकि, प्रमुख पुस्तकालय अपने दस्तावेज़ीकरण में उनका उपयोग कर रहे हैं जैसे कि वे मानक थे (जैसे। Redux, http://redux.js.org/docs/basics/ExampleTodoList.html) ... जो समझ में आता है क्योंकि वे (यकीनन) जेएस के लिए मानक मॉड्यूल सिस्टम हैं।

तो मुझे लगता है कि मैं जो कह रहा हूं वह है, ES6 मॉड्यूल दूर नहीं जा रहे हैं, और यह समस्या उनके लिए आंतरिक प्रतीत होती है। JSDom अब समस्या का समाधान कर सकता है या कैन को सड़क पर ला सकता है (एक _toally_ वैध विकल्प), लेकिन अंततः यदि पुस्तकालय इस तेजी से लोकप्रिय मानक के साथ काम करने जा रहा है तो किसी को समस्या का समाधान करना होगा।

किसी भी तरह, इस मुद्दे पर विचार करने के लिए धन्यवाद।

आप यहां दो मुद्दों का सामना कर रहे हैं।

1. आप वैश्विक वातावरण के रूप में jsdom का उपयोग करने का प्रयास कर रहे हैं, जो कि jsdom कैसे काम नहीं करता है। भले ही आपने कॉमनज पर स्विच किया हो, आपका कोड काम नहीं करेगा। यह विकी पृष्ठ देखें, जो समस्या का थोड़ा सा विवरण देता है और एक समान मुद्दे पर मेरी टिप्पणी । आप बेबेल और जेस्ट को मिलाकर यह काम करने में सक्षम हो सकते हैं।
2. आयात अभी लागू नहीं हुआ है (नोड में)। संभावना है, यह कुछ हद तक-स्वचालित रूप से हल हो जाएगा जब नोड हमारे लिए उन्हें लागू करता है, हालांकि हमें एक वास्तविक लोडर को लागू करना पड़ सकता है।

सबसे पहले, विकी लिंक के लिए धन्यवाद; यह पहेली में एक टुकड़ा था जिसने अंततः मुझे समाधान के लिए प्रेरित किया (इस भयानक ब्लॉग पर: http://www.2ality.com/2014/09/es6-modules- final.html)। जैसा कि यह बताता है, _is_ इस तरह से आयात करने का एक तरीका है कि उन्हें JSDom द्वारा लपेटा जा सकता है: System.import ।

अन्य ES6/JSDom-प्रेमियों के लिए समस्या का समाधान यहां दिया गया है:

import jsdom;

jsdom({
    html: '<div></div>',
    done: () => {
        // don't do this:
        //      import setup from 'setup';

        // do this:
        System.import('setup')
            .then((setup) => {
                    // test code that uses setup
            })
    }
});

नोट: यदि आप मोचा जैसे परीक्षण ढांचे का उपयोग कर रहे हैं, तो आपको यह काम करने के लिए इसकी एसिंक्रोनस परीक्षण कार्यक्षमता का उपयोग करने की आवश्यकता होगी (यानी आपको अपने it फ़ंक्शन में done तर्क की आवश्यकता है, और फिर आपको परीक्षण समाप्त होने के बाद done का आह्वान करना होगा)।

किसी भी तरह, मुझे आशा है कि किसी और को इस सड़क पर जाने में मदद मिलेगी, और इसे हल करने में मदद के लिए फिर से धन्यवाद।