Ошибка ссылки: SVG не определен в тестах Jest

#angular #jestjs #svg.js

Вопрос:

У меня есть компонент, в котором я подключил эти библиотеки, и я использую некоторые функции фильтрации и перетаскивания:

 import { Box, Container, Shape, SVG, Image } from '@svgdotjs/svg.js'; import '@svgdotjs/svg.draggable.js'; import '@svgdotjs/svg.filter.js';  

и у меня есть spec.ts для этого компонента, где подключается только это:

 import { SVG, Container } from '@svgdotjs/svg.js';  

Затем я получаю эту ошибку при запуске тестов Jest:

 ReferenceError: SVG is not defined   4 | // import * as SVGFilter from '@svgdotjs/svg.filter.js'; gt; 6 | import '@svgdotjs/svg.draggable.js';  | ^  8 | import '@svgdotjs/svg.filter.js';  

Есть какие-нибудь мысли, как это исправить?

Комментарии:

1. Второй вопрос, который я вижу с проблемами в соответствии с шуткой и svg.js. Убедитесь, что вы либо используете модули везде, либо требуется везде. старайтесь не смешивать его. похоже, он использует версию браузера, которая ожидает глобальную SVG, вместо версии модуля, которая просто импортирует сам SVG