С Chai Test: Добавление реакции-пятно выбрасывает ошибку - не matchMedia настоящее

Question

После добавления реагировать-скользкий ползунок на мой WebPack проект, мой Chai тест стал завершаться

C:\project\proj\js\node_modules\enquire.js\dist\enquire.js:226 
      throw new Error('matchMedia not present, legacy browsers require a polyfill'); 
      ^

Error: matchMedia not present, legacy browsers require a polyfill 
    at Object.MediaQueryDispatch (C:\project\proj\js\node_modules\enquire.js\dist\enquire.js:226:19) 
    at C:\project\proj\js\node_modules\enquire.js\dist\enquire.js:291:9 
    at i (C:\project\proj\js\node_modules\enquire.js\dist\enquire.js:11:20) 
    at Object.<anonymous> (C:\project\proj\js\node_modules\enquire.js\dist\enquire.js:21:2) 

Единственное решение этой проблемы, что автор рекомендуемого компонента слайдера here предназначен для шутки. Я пробовал это в своей среде, но это не сработало.

Answer 1

Решение должно быть основано на тестовой бегуна в целом вы должны издеваться window.matchMedia

window.matchMedia =() => ({ 
    matches : false, 
    addListener :() =>{}, 
    removeListener:() =>{}, 
}); 

или

window.matchMedia = function(){ 
    matches : false, 
    addListener : function() {}, 
    removeListener: function() {}, 
}; 

Если у вас будет что-то вроде окна не определен вы можете попытаться прикрепить его к global объект, который используется тестирующими бегунами.

Надеется, что это поможет, удачи