C3: जेस्ट के साथ उपयोग करने के लिए आवश्यकता () में असमर्थ

मुझे यह त्रुटि भी मिल रही है, सुनिश्चित नहीं है कि यह c3 या jsdom में कोई समस्या है या नहीं।

एक खाली npm प्रोजेक्ट बनाएं। फिर, इसे आजमाएं:

npm i -S c3 jsom
node -e "var JSDOM = require('jsdom').JSDOM; global.window = new JSDOM().window; require('c3');"

आउटपुट:

/home/herinson/example/node_modules/c3/c3.js:2720
        window.SVGPathElement.prototype.createSVGPathSegClosePath = function () {
                             ^

TypeError: Cannot read property 'prototype' of undefined
    at /home/herinson/example/node_modules/c3/c3.js:2720:30
    at /home/herinson/example/node_modules/c3/c3.js:3263:3
    at CLASS.target (/home/herinson/example/node_modules/c3/c3.js:2:82)
    at Object.<anonymous> (/home/herinson/example/node_modules/c3/c3.js:5:2)
    at Module._compile (module.js:573:30)
    at Object.Module._extensions..js (module.js:584:10)
    at Module.load (module.js:507:32)
    at tryModuleLoad (module.js:470:12)
    at Function.Module._load (module.js:462:3)
    at Module.require (module.js:517:17)

मुझे यह त्रुटि पहले नहीं मिल रही थी।
संभवतः इससे संबंधित https://github.com/tmpvar/jsdom/pull/1445

क्या आपको लगता है कि हम सिर्फ SVGPathElement संपत्ति का मजाक उड़ा सकते हैं?

मुझे लगता है कि यह स्पष्ट रूप से jsdom के अपूर्ण एसवीजी कार्यान्वयन के साथ एक समस्या है (जिसके लिए मैं उन्हें दोष नहीं देता; वह बकवास लगता है जैसे यह बेकार है)

हालांकि, एक अच्छा कामकाज क्या होगा? मैं एक ऐसी परियोजना का परीक्षण करने में सक्षम होना चाहता हूं जिसमें सी 3 जेएसडॉम/जेस्ट के साथ निर्भरता के रूप में है, लेकिन यह एक बहुत बड़ा अवरोधक है। मुझे वास्तव में किसी भी सी 3 कार्यक्षमता का परीक्षण करने की आवश्यकता नहीं है, इसलिए मुझे लगता है कि मैं इसे बाहर कर सकता हूं ...

क्या आपको लगता है कि हम सिर्फ SVGPathElement संपत्ति का मजाक उड़ा सकते हैं?

यह एक संभावित समाधान होगा।

मैं c3 का भी उपयोग नहीं कर रहा हूं, लेकिन शायद मेरे प्रोजेक्ट के अन्य पैकेज हैं।
मेरे परीक्षण ठीक काम कर रहे थे जब तक कि मैंने निर्भरताओं का एक समूह अपडेट नहीं किया। मैं अभी भी यह पता लगाने की कोशिश कर रहा हूं कि कौन सी निर्भरता c3 का उपयोग कर रही है।
पीएस: जेएसडॉम मेरी परीक्षण फाइलों में मौजूद है।

यह पाया! कीन-जेएस को वापस v3.4.1 पर घुमाने से समस्या "हल" हो गई। नवीनतम संस्करण 4.0.0 है।

मेरी जैसी समस्या वाले किसी व्यक्ति के मामले में, कीन ने अपने मुख्य पैकेज को 3 अलग-अलग पैकेजों में विभाजित करने का निर्णय लिया: https://github.com/keen/keen-js/releases/tag/v4.0.0

समस्या यह है कि उत्सुक-dataviz.js c3.js का उपयोग करता है। मैं चार्ट का उपयोग नहीं कर रहा हूं, इसलिए मेरे मामले में समाधान कीन-ट्रैकिंग स्थापित करना और कीन-जेएस को हटाना है।

मैं जेस्ट का उपयोग करके एक ही समस्या का सामना कर रहा हूं, और प्रतिक्रिया-c3js का उपयोग हूं

    TypeError: Cannot read property 'prototype' of undefined

      at node_modules/c3/c3.js:2806:30
      at node_modules/c3/c3.js:3349:3

लाइन नंबर पर बस कुछ अंतर, शायद कुछ निर्माण से संबंधित (मैं c3 संस्करण का उपयोग कर रहा हूं: 0.4.18)

अद्यतन: window.SVGPathElement.prototype.createSVGPathSegClosePath = function () यहाँ भी लाइन है

पीएस: ब्राउज़र पर पूरी तरह से काम करता है, बस मजाक में यह त्रुटि होती है

मेरा भी यही विचार है। मेरा मानना ​​​​है कि यह एक उत्तर क्यों देता है: https://github.com/tmpvar/jsdom/issues/1423

@brandonros
यदि आपको अपने मज़ाकिया परीक्षण मामलों में c3 कार्यक्षमता की आवश्यकता नहीं है, तो मुझे लगता है कि SVGPathElement को डमी ऑब्जेक्ट से बदलना ठीक है।

मैं विंडो को डमी करके नोड वातावरण में c3.js की आवश्यकता करने में सक्षम था। नीचे की तरह SVGPathElement:

var JSDOM = require('jsdom').JSDOM;
global.window = new JSDOM().window;
window.SVGPathElement = function () {};
console.log(require('c3')); // => no error!

@fernandes मुझे इसी तरह की समस्या का सामना करना पड़ रहा है। क्या आप कोई उपाय ढूंढ पाए हैं?

हाय @esonmez , मैंने नहीं किया था ...

जैसा कि मैंने शोध किया है कि jsdom उस पर SVG सामान को लागू नहीं करता है, इसलिए परीक्षणों पर c3 का उपयोग नहीं कर सकता (जो jdsom का उपयोग करता है), मैंने c3 घटक को जितना हो सके उतना अलग किया और इस परीक्षण को छोड़ दिया

@fernandes समझ गया। मैंने इसके साथ थोड़ा और खेला और c3 का मज़ाक उड़ाकर स्नैपशॉट परीक्षण चलाने में सक्षम था:

// __mocks__/c3.js
module.exports = () => 'c3';

और फिर मेरे package.json के जेस्ट कॉन्फिग हिस्से में:

"moduleNameMapper": {
  "c3": "<rootDir>/__mocks__/c3.js",
}

हाहाहा यह दिलचस्प है, टिप साझा करने के लिए धन्यवाद, मैं अपनी परियोजना पर लागू करने जा रहा हूं, धन्यवाद!

मैं @esonmez के सुझाव का उपयोग करके

Out of the box, Create React App only supports overriding these Jest options:

  • collectCoverageFrom
  • coverageReporters
  • coverageThreshold
  • snapshotSerializers.

These options in your package.json Jest configuration are not currently supported by Create React App:

  • moduleNameMapper

If you wish to override other Jest options, you need to eject from the default setup. You can do so by running npm run eject but remember that this is a one-way operation. You may also file an issue with Create React App to discuss supporting more options out of the box.

कम से कम कहना निराशाजनक। किसी भी मामले में, हमारे जेस्ट सेटअप फ़ाइल में, मैं इसे @ kt3k की तरह ही

global.SVGPathElement = function () {}

और यह एक आकर्षण की तरह काम किया। सभी को मदद के लिए धन्यवाद!

C3.js और किसी अन्य पुस्तकालय (प्रतिक्रिया, vuejs, ..) के बीच परस्पर क्रिया से संबंधित प्रश्नों के लिए कृपया https://groups.google.com/forum/#!forum/c3js पर Google समूह का उपयोग

शुक्रिया!