C3: Невозможно использовать require () с Jest

Я тоже получаю эту ошибку, не уверен, проблема ли это в 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?

Я думаю, что это, очевидно, проблема с неполной реализацией SVG jsdom (в которой я их не виню; это дерьмо звучит так, как будто это отстой)

Однако что было бы хорошим обходным путем? Я хочу иметь возможность модульного тестирования проекта, который имеет C3 в качестве зависимости от jsdom / jest, но это довольно большой блокировщик. На самом деле мне не нужно модульное тестирование какой-либо функциональности C3, поэтому я думаю, что мог бы его заглушить ...

Как вы думаете, мы можем просто имитировать свойство SVGPathElement?

Это было бы возможным решением.

Я даже не использую c3, но, вероятно, другие пакеты моего проекта есть.
Мои тесты работали нормально, пока я не обновил кучу зависимостей. Я все еще пытаюсь понять, какая зависимость использует c3.
PS: jsdom присутствует в моих тестовых файлах.

Нашел! Откат keen-js до v3.4.1 «решил» проблему. Последняя версия - 4.0.0.

В случае, если у кого-то такая же проблема, как у меня, Кин решил разделить свой основной пакет на 3 отдельных пакета: https://github.com/keen/keen-js/releases/tag/v4.0.0

Проблема в том, что keen-dataviz.js использует c3.js. Я не использую графики, поэтому в моем случае решение - установить keen-tracking и удалить keen-js.

Я сталкиваюсь с той же проблемой, используя jest, и пытаюсь сделать снимок компонента, который использует response-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 () - это тоже строка здесь

ps: отлично работает в браузере, просто на шутку возникает эта ошибка

То же самое. Я считаю, что это один ответ: https://github.com/tmpvar/jsdom/issues/1423

@brandonros
Если вам не нужна функциональность c3 в ваших тестовых примерах, я думаю, можно заменить SVGPathElement на фиктивный объект.

Мне удалось потребовать c3.js в среде узла, создав окно Window.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';

а затем в части конфигурации Jest моего package.json :

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

хахаха, это интересно, спасибо, что поделились советом, я собираюсь реализовать свой проект, спасибо!

Я был рад решить эту проблему с помощью предложения

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.

разочарование по меньшей мере. В любом случае, в нашем установочном файле jest я смог имитировать его, как @ kt3k :

global.SVGPathElement = function () {}

И это сработало как шарм. Всем спасибо за помощь!

По вопросам, связанным с взаимодействием между C3.js и любой другой библиотекой (react, vuejs, ..), используйте группу Google по адресу https://groups.google.com/forum/#!forum/c3js.

Спасибо!