Как я могу запускать тесты на компонентах React, которые используют jQuery?

Question

У меня есть Реагировать компонент, который использует селектор JQuery, чтобы соответствовать высоте всех компонентов в componentDidMount():

$('.js-matchHeight').matchHeight(); 

Прекрасно работает при работе серверов, как WebPack, но когда я пишу свои функции (мокко и Chai), он жалуется:

ReferenceError: $ is not defined

Как добавить jQuery в свои тесты?

Answer 1

Вы пытались добавить браузер-env к своим тестам?

import browserEnv from 'browser-env'; 
browserEnv(); 

У меня была аналогичная проблема с модульным тестом, выполненным с помощью AVA, и я думаю, что это решило проблему. Не уверен, но я думаю, что я также импортировал jQuery и/или Cheerio.

EDIT:

Ну обходной путь у меня есть, чтобы проверить против JQuery в ваших компонентов, как:

if (typeof jQuery !== 'undefined') { 
    $('.js-matchHeight').matchHeight(); 
} 

или если у вас есть JQuery в модуле импортируемого вы можете экспортировать различные компоненты версии, такие как:

module.exports = (typeof jQuery !== 'undefined') 
    ? browser(jQuery) 
    : nonBrowser(); 

Не является идеальным, но если вы хотите совершенного, вы должны держать jQuery подальше от вашего j sx Я думаю :)