Как я могу исправить «ReferenceError: $ не определен» при использовании jQuery с mocha-jsdom?

Question

Я настраиваю модульные тесты ES6 в своем проекте, и у меня возникают проблемы с их работой с библиотеками. Я думал, что буду использовать jQuery как тест, чтобы попытаться заставить его работать. Без библиотек тесты работают.

Обратите внимание, что jQuery импортируется в мой файл main.js, поэтому он доступен во всем проекте.

Мой файл JS выглядит следующим образом:

class Test { 
    constructor(options) { 
    this.init(); 
    } 

    init() { 
    $('.test-div').addClass('test'); 
    } 

    sayHello() { 
    return 'hello world!'; 
    } 
} 

export default Test; 

А тест выглядит следующим образом:

import jsdom from 'mocha-jsdom'; 
import chai from 'chai'; 
import Test from './test'; 

chai.should(); 

describe('Frequency',() => { 

    var $; 
    jsdom(); 

    before(() => { 
    $ = require('jquery'); 
    }) 

    it('should output hello world',() => { 
     const test = new Test(); 
     test.sayHello().should.equal('hello world!'); 
    }); 

}); 

Если удалить функцию init(), тест работает. Однако функция before не импортирует jQuery для теста. Ошибка я получаю в консоли выглядит следующим образом:

ReferenceError: $ is not defined 
    at Frequency.init 

Answer 1

Я скопировал свой код и получил его на работу, изменяя before крюк:

before(() => { 
    $ = require('jquery'); 
    global.$ = $; 
}); 

Если вы читали mocha-jsdom «s документации вы» Посмотрим, что он помещает глобальные космические символы, такие как window и document. Когда вы загружаете jquery, он находит window и добавляет себя как window.$. В браузере это также делает $ видимым в глобальном пространстве потому, что windowis глобальное пространство. Однако в узле глобальное пространство global, и поэтому вам нужно поставить $ в него самостоятельно.