Я создаю приложение, используя WebPack с его HMTLWebPackPluggn. Я закодировал мой модульный тест, используя Мокко JS, и у меня есть основные проблемы, которые я не знаю, как решить:
Как только я импортирую Bootstrap библиотека
import 'bootstrap'; // Bootstrap 4 LIB (JS)
я получаю следующую ошибку после запуска моих тестов:
TypeError: Cannot read property 'jquery' of undefined
at Object.jQueryDetection (webpack-internal:///../node_modules/bootstrap/dist/js/bootstrap.js:242:26)
at eval (webpack-internal:///../node_modules/bootstrap/dist/js/bootstrap.js:254:8)
at eval (webpack-internal:///../node_modules/bootstrap/dist/js/bootstrap.js:7:11)
at eval (webpack-internal:///../node_modules/bootstrap/dist/js/bootstrap.js:9:2)
Если я импортирую какой-либо модуль, содержащий jQuery манипуляции DOM, такие как:
$(function() { ... }
, я получаю следующую ошибку:
jQuery requires a window with a document
at module.exports (webpack-internal:///../node_modules/jquery/dist/jquery.js:31:12)
at Object.eval (webpack-internal:///./assets/inc/nav-bar.js:4:1)
at eval (webpack-internal:///./assets/inc/nav-bar.js:16:30)
Если я удаляю Bootstrap import и не использую jQuery, тогда мои модульные тесты работают нормально.